返回技术内容 Astro 网站搭建记录

技术 · 2026年5月7日

Astro 网站搭建记录

为什么位矩选择 Astro、Decap CMS 和静态站结构,而不是继续使用更重的博客系统。

做这个网站之前,我试过一些常见的建站方式。

WordPress 能做很多事,但对一个个人站来说太重。插件、主题、后台、安全、商用限制、广告和各种额外成本,都会慢慢把注意力带走。

Hexo 也能写静态博客,但长期维护时会有另一种麻烦:主题改起来不够顺手,内容和页面结构想混合调整时,也容易变成一次又一次的折腾。

位矩不是一个想靠广告变现的网站。

它更像是晚上和 AI 讨论、整理想法、保存生活秩序的地方。网站本身像一个信念展示:不吵,不急,不把每一块地方都变成流量入口。

为什么选择 Astro

Astro 最吸引我的地方,是它足够简单,又保留了自由度。

它可以写 Markdown,也可以写组件。想做文章,就让内容保持安静;想做页面,就用组件慢慢拼出来。

对位矩来说,这一点很重要。

因为这个站不只是博客。

它同时有日记、技术记录、项目档案和素材库。每一类内容都需要一点不同的结构,但又不能复杂到只有写代码时才能维护。

Astro 正好处在一个比较舒服的位置:

  • 页面可以静态生成,访问速度快。
  • 内容可以放在 Markdown 里,迁移成本低。
  • 组件可以自己控制,不必被主题限制。
  • 不需要一直运行一套沉重后台。

它的效果不是最花哨的,但这反而适合位矩。

为什么接 Decap CMS

只用 Markdown 当然也可以。

但长期写内容时,如果每次都要打开编辑器、找文件、记字段,就会让写作本身变得不顺。

Decap CMS 的作用不是把网站变成复杂后台,而是给 Markdown 套一层更容易填写的表单。

比如一篇文章需要:

  • 标题
  • 日期
  • 封面
  • 导读
  • 标签
  • 系列
  • 推荐级别

这些字段如果全靠手写,时间久了就容易漏。放进 CMS 以后,至少每次写内容时能有一个稳定的入口。

这里的后台不是为了“管理别人”,而是为了少消耗自己。

栏目为什么这样拆

位矩现在分成四块核心内容。

日记 是所有生活和观察的入口。它不一定技术化,但能留下当时的状态。

技术 是给别人也能参考的部分,记录网站、工具、流程和实际踩过的路。

项目 更像一个展示柜,用来保存不同项目的状态、修改日记和技术路线。

素材 不是偷偷藏在代码里的图片目录,而是把网站用到的图、封面和资源公开说明来源。别人看到图片时,不需要去翻开发者工具。

这些栏目不是为了显得丰富,而是为了让内容各有位置。

位矩这个词里,我更看重“秩序”。

内容有位置,素材有来源,项目有记录,想法有安放的地方。

图片为什么以后要单独处理

这个站后面大概率会放很多截图。

截图的问题是:文件容易大,格式不统一,版权也需要说明。如果直接把原图都塞进仓库,网站会越来越重。

所以后续图片会尽量走 WebP,再配合 R2 这样的对象存储。

理想状态是:

  • 首页和列表只加载缩略图。
  • 文章正文加载标准图。
  • 想看细节时再打开原图。
  • 素材页说明图片来源和授权。

这样既照顾加载速度,也照顾版权和长期维护。

我担心的不是“能不能上传图片”。

真正担心的是流量、版权和加载过慢这三件事,会在网站内容变多以后一起出现。

这个站想成为什么

位矩更像一个个人技术信息站。

它可以展示技术,也可以记录生活;可以放项目,也可以放素材;以后也许还能订阅视频,然后在网站里整理观看。

但它不应该变成广告墙。

也不应该为了追热点,写一堆自己并不关心的东西。

它要保留一种夜里的状态:安静,有序,有一点灯光。

技术只是骨架。

真正要留下来的,是这个人如何整理自己的信息、项目和生活。

相关文章