个人博客

Astro前端静态站点

想解决什么

之前写的东西散落在各个笔记软件里,找起来费劲,也没法分享给别人。想要一个自己的地方,把技术笔记、项目记录和随笔集中放起来。

做法

用 Astro 构建,文章以 Markdown 编写,构建时生成纯静态 HTML。部署后不需要任何服务端运行时。

几个刻意的选择:

  • 不加载网络字体 —— 中文网络字体动辄几 MB,首屏会明显闪一下。这里直接用系统字体栈,零请求、零闪烁
  • 默认零 JavaScript —— 页面不需要脚本就能完整阅读
  • 内容与样式分离 —— 写文章只碰 Markdown,改样式只碰 CSS

内容组织

站点分两条线:文章按时间流组织,作品按项目组织(也就是你现在看的这一页)。

两套内容共用同一份构建流程,但字段定义不同 —— 作品多了线上地址、代码仓库、是否精选这些字段。

技术上值得一提的地方

内容模型用 schema 定义,frontmatter 写错会在构建时直接报错,而不是等页面上出现一个空白标题才发现。标签归档、RSS、站点地图全部由构建流程自动生成。