筷筷小报#7 - 两步搭建自己的博客

Fri, October 11, 2024 - 10 min read

使用Astro和vercel两步搭建自己的个人博客

前提:需要科学上网

Astro 是内容驱动的 Web 框架,特别适合用来搭建博客。

1 访问 Astro 模板,找到并使用你喜欢的博客模板。

这里我以 OpenBlog 为例,点击「Get started」:

Astro模板

进入 Github 仓库后,点击「Use this template」,创建一个仓库,公共私有都可以:

Astro模板2

这个时候,你可能会在仓库 README 中看到 Deploy 按钮,点击后会进入到 Vercel 里,按照步骤就可以部署成功;这里我们通过先进入 Vercel 平台,再部署的方式。

2 在 Vercel 平台上部署你的博客

Vercel 是一个面向开发者的平台,它提供了构建和部署 Web 应用程序所需的工具、工作流程和基础架构,无需额外配置即可更快地完成。

使用你的 GitHub 账号注册 Vercel,以便可以连接到你的 GitHub 仓库。在 Dashboard 中,创建一个新的项目:

Astro模板3

选择你刚刚通过模板创建的仓库进行导入,之后在配置界面点击部署「Deploy」,等待一段时间后,出现「Congratulations!」,代表你已经成功部署了你自己的博客:

Astro模板4

Astro模板5

之后你就可以将仓库克隆到本地,开始编写你自己的博客啦~之后每次提交代码,Vercel 都会自动进行部署,无需操心项目的构建。


工具推荐

1 Humanify

基于 AI 逆向分析混淆后的 JavaScript 代码。

作者写了一篇博客去描述自己的思考以及用什么方法去实现此工具。这里我简单复述下文章结构:

首先解释为什么需要代码压缩技术,以及代码压缩的多种方式。引出在变量名压缩后导致的逆向困难问题。

其次介绍人类如何进行逆向,通过观察函数的上下文:

  1. 阅读函数体
  2. 描述该函数的作用
  3. 尝试想出一个符合该描述的名字

上述2、3点的过程可以交给 LLMs,因为理解上下文给出答案正是它擅长的。

之后指出 LLMs 输出幻觉问题,以及如何去控制 LLMs。只让 LLMs 根据函数上下文想出符合描述的名字,不让 LLMs 参与编码。并且在其作用域内重命名 JavaScript 变量是传统工具如 Babel 已经解决的问题。Babel 首先将代码解析为抽象语法树(AST),可以使用行为良好的算法轻松修改该抽象语法树。让代码保证具有原始功能并且可以被计算机运行。

最后,作者整合了逆向 JS 代码的流程:

  1. 解耦 webpack 捆绑包与 webcrack
  2. 运行代码通过transform-beautifier和一些自定义的 Babel 插件,进行无损反压缩
  3. 循环遍历代码中的所有变量,询问LLM描述它们的意图,并基于该描述生成一个更好的名称
  4. 使用 Babel 重命名变量
  5. 运行 Prettier 以确保好看的格式

视频

1 vlog #76 | 旅行是一场天时地利人和的相遇|与世界和自己对话的方式|和朋友相聚的盛会|感谢路上治愈我的所有人、动物与植物|期待下次旅行 👋

很喜欢的一句话:以前,我不太明白旅行和思考之间的联系,现在似乎有所体会。当我们来到一个新的地方,我们打破了日常生活中的固有视角,以一个新的眼光去看待周围的一切。这让我们重新了解世界,同时也是重新了解自己。旅行就是与世界和自己的一场对话,让我们期待下次旅行。

2 DNS污染?SNI阻断?全新网络协议保护隐私安全

https协议对网络流量进行了加密,但是这种保护并非完美,事实上https体系存在着两个安全缝隙,DNS还有SNI,它们依旧使用明文传输,因此会导致隐私泄露等等安全风险。 本期视频我们来介绍一组新诞生的网络技术。看看他们是如何补上这最后一块https安全体系的拼图。

我目前是和别人一起在公司附近合租,家里的路由器就被DNS污染了🤣🤣。为啥发现的呢,是因为手机连上家里wifi后,在高德APP访问特定链接会进入色情网站😓。


文章

1 阿里技术|Web 性能优化|了解 HTTP 协议后才能理解的预加载

本文旨在探讨和分享多种预加载技术及其在提升网站性能、优化用户体验方面的应用。

2 B站前端错误监控实践


播客

1 硅谷101|全息显示的AR眼镜真的来了,聊聊Meta Connect与日趋成熟的XR生态

本期《硅谷101》录制于Connect大会结束的第一天,我们邀请到了三位刚从大会现场回来的资深开发者,第一时间解读小扎的“压箱宝”Orion到底强在哪里,为何要把Quest VR的价格打下来,以及Meta如何鼓励包括Mod二创在内的内容创作者扩充整个XR生态。

2 硬地骇客 “澳洲工作环境比想象的复杂” Atlassian 多年员工访谈!

大家好,今天我们将聊聊澳洲科技圈在近年来经历的变化,特别是在疫情和国际竞争的背景下,职场的生态发生了怎样的转变。今天的嘉宾将分享他在Atlassian的第一手经验,包括带有挑战性的工作环境、绩效评估机制以及内部创新活动ShipIt的趣事。如果你对澳洲科技行业的职场文化感兴趣,绝对不容错过!

3 除你武器|妈妈控制我,就像我也绑架她

刚刚过去的九月,小吴和shiyu都去看了《出走的决心》和《姥姥的外孙》。两部电影都让我们看到我们所熟悉的东亚母亲和她们自己的人生:总是沉默,总是顺从,在自己的家庭中被父母让位给弟弟,当成为母亲后又把同样的痛苦传递给女儿。最后,“儿子继承遗产,女儿继承癌症”。

我们都是妈妈的孩子。就像《出走的决心》中的女儿,我们支持妈妈出走的决定,可是当妈妈真正离开家庭,我们又害怕失去妈妈的照顾。妈妈的母职惩罚,就是我们的既得利益。

孩子的“妈,不要走”,夺去了母亲的自由;妈妈的“为你好”,剪去了孩子的羽翼。当男性在资源的争夺中隐身而去,只剩下女性互相剥削又互相谅解。

妈妈能不能自私一点?身为儿女,我们能够做些什么?这是我们能想到的方式:去允许有瑕疵的女性,允许不道德的女性,接受她不想给你做饭,不想给你洗衣服,接受你要为了妈妈的幸福去让渡出一部分自己的自我。在这样的疼痛中,我们才能够体会一种全新的,和妈妈之间的、人与人之间的关系。