前言
我还是很喜欢写东西的,读完一本书就写一小段。好书就边写边回味,不好的就好好说道说道,感叹一下又浪费了时间。
最开始的个人博客是大学时期,在博客园上弄的,找了很多主题,各种配置,非常花里胡哨。前段时间听过博客园经营困难了,不过现在还在 l1ng14。(都是青春啊)
后来用 Golang 用得多了,知道了 Hugo. 就用 Hugo 搭了一个,现在我也还保留在老博客。
最近突然想做一个 Hacker News 的周刊,因为我看阮一峰的科技爱好者周刊其实很多内容也是来自 Hacker News。我就想既然我知道一手信息来源,就没必要吃二手信息了。再一个是,他现在推荐的那些开源项目,一看那蓝紫渐变配色就知道是 vide coding 出来的东西,实在是乏味。我来做一个纯 Hacker News 信息的周刊。
于是我就想做一个 类 Hacker News 的个人博客。
调研
最近 Next.js 用得多了,习惯性准备用它去实现。
现在调研都是和 AI 一起去完成的了。DeepResearch 这么好用,得好好用起来。
现在我问问问题,大体都是这个结构:
- 我准备做一件事,我准备这样做,因为现状是这样的。
- 你看我这样做的合理吗?这样做的优缺点是什么?
- 你有更好的解决方案吗?给出三个可替代方案并且给出他们的优缺点。
ChatGPT, Gemini, Grok 全部排上用场。出三份报告。
最后 Grok 的报告建议我试试 Astro, 因为它在生成静态网页上有天然的优势,它就是用来干这个的,而且还可以用 vite 做构建工具。一听到这里我就开心了,平时 Next.js 的开发体验和构建时间确实是让人受够了。
而且 Astro 还有很多主题支持,免费的也有很多,这可以节省下很多时间。我不需要从头构建,只需要站在巨人的肩膀上眺望。
几经翻找,我找到一个相对简约的,功能也完善的 AstroPaper, 我只需要仔细阅读一下文档,甚至代码实现,改造成我需要的样子即可。
构建
- 去掉首页除了文章展示外的所有模块,因为我想要别人一进来就可以看到我写的东西,没有其他花里胡哨的东西,就像 Hacker News 一样。然后模仿 Hacker News 写一个渲染 List 的组件,区分周刊和普通文章的逻辑即可。
注意,灵魂是文章标题前面要有类似于 Vercel 的浅灰色 ▲ , 下面要有
79 points by kgwgk 45 minutes ago | hide | 8 comments
- 主配色和字体改为 Hacker News 的 #FF6600 和
Verdana, Geneva, sans-serif
.
在 TailwindCSS 的
--accent: #ff6600;
font-family: Verdana, Geneva, sans-serif;
src/styles/global.css
改完这两项之后就已经初具人形了。

安能辨我是雌雄?
- 之后就是加上 giscus 这个评论组件了。加上一些微调。给这个站点换上一个 S 字母的 YC logo 😆
大功告成了,半天时间就完成了。AI 加持下,可谓兵贵神速。
总结
AI 时代下,从技术选型到构建,我都在使用 AI,除了一些细节上需要我介入,打磨一下,然后得到我想要的效果,其余时间都是 AI 在工作。
毫无疑问,AI 已经深度介入我的工作流。遇到什么我都虚心向 AI 请教,更多时间花在了验证输出结果的正确上,还能在和 AI 的结伴工作中得到一些 AI 激发我的额外思考,这个很有趣,很像 Antirez 说的:
Still, to verify all my ideas, Gemini was very useful, and maybe I started to think at the problem in such terms because I had a “smart duck” to talk with.
最后,开始我的新博客之旅吧。