我一直希望博客不是一个堆文章的地方,而是一个能持续帮我整理判断的工具。它应该足够安静,让内容站在前面;也应该足够有秩序,让每一次发布都不需要重新发明流程。
为什么先改主题
默认主题适合文档,但个人博客需要更强的第一印象。首页应该直接呈现文章列表、分类和最近内容,而不是先解释这是一个网站。
这次改造把 / 当作博客首页,把每篇文章放在 blog/:id 下面。这样路径保持简洁,也方便未来把真实内容逐步迁移进来。
主题不是装饰。它决定了读者进入内容时看到的节奏、密度和优先级。
把页面当作编辑器
Zed 的博客有一种很明确的编辑器气质:细边框、粘性导航、单像素轨道、蓝色 hover 反馈、低对比度纹理。这些元素没有抢内容,但会让界面保持一种精密感。
这套实现里,我保留了几个关键动作:
- 首页精选文章提供快速入口。
- 分类按钮只改变当前列表,不打断浏览节奏。
- 文章行 hover 时出现斜线纹理和蓝色边框。
- 详情页正文收束在 740px 左右,右侧保留目录。
js
const route = '/blog/9999-0000/'
const mode = localStorage.getItem('theme') || 'system'下一步
现在它已经可以作为一个可替换内容的壳。后续真正重要的是把数据源收束好,让标题、摘要、分类、日期和正文都能从同一份内容里自然生成。