搞定一套 Astro 模板

多年前,我搭建了也不知道是第几个博客,使用的是 Typecho。这是一款轻量级的 PHP 博客程序,简单、干净、易用。我的 Typecho 博客陪伴了我很多年,记录了大量的旅行游记、技术笔记和生活感悟。从越南到泰国,从青海湖到洛阳,从技术折腾到人生感悟,每一篇文章都是时间的印记。

但随着时间的推移,我开始思考:博客一定要依赖数据库吗?一定要运行在服务器上吗?每次写文章都要登录后台,是不是有点麻烦?

为什么选择 Astro

2026 年,静态站点生成器已经非常成熟。我尝试了几款主流工具,最终选择了 Astro。原因很简单:

  1. 静态优先 - 生成纯 HTML 文件,无需数据库,无需服务器
  2. 性能优异 - 默认零 JavaScript,加载速度极快
  3. 灵活性强 - 支持 Markdown、MDX、多种框架混用
  4. 生态活跃 - 社区活跃,文档完善,插件丰富

最重要的是,Astro 的理念和我对博客的理解一致:内容至上,简洁高效

Sintu 主题的诞生

我决定将自己设计的 Typecho 主题迁移到 Astro。这个主题我用了多年,熟悉它的每一个细节,也清楚它的优点和不足。

设计理念

单栏布局 - 专注内容本身,没有侧边栏的干扰。读者只需要关注文章,不需要被各种推荐、广告、标签云分散注意力。

静态优先 - 所有页面都是预渲染的 HTML 文件,访问速度极快,托管成本极低。

低代码 - 写博客就是写 Markdown,不需要复杂的配置,不需要学习新的语法。

技术特点

  1. 响应式设计 - 桌面端和移动端完美适配,使用统一的网格系统
  2. 暗黑模式 - 支持自动检测和手动切换,偏好持久化存储
  3. 移动端优化 - 导航栏滚动隐藏、下拉菜单、紧凑布局
  4. 性能优化 - CSS 通过 Vite 打包合并,图片懒加载
  5. 极简依赖 - 几乎没有第三方依赖,代码清晰易维护

部署方式

博客的部署是我非常看重的一环。理想的部署应该是:

  • 无需手动操作
  • 自动化程度高
  • 成本低廉
  • 稳定可靠

我选择了 阿里云 ESA(Edge Static Application) 作为托管平台。

部署流程

  1. 在本地写好 Markdown 文章
  2. 推送到 GitHub 仓库
  3. 阿里云 ESA 自动拉取并构建
  4. 自动部署到全球 CDN 边缘节点

整个过程完全自动化,我只需要专注于写作。

为什么选择 ESA

  • 免费额度充足 - 对于个人博客完全够用
  • 全球加速 - CDN 边缘节点,访问速度快
  • 自动构建 - 推送即部署,无需手动操作
  • 配置简单 - 一个 esa.json 文件搞定所有配置

开源

我决定将这套主题开源,希望更多人能够使用它,也欢迎更多人贡献代码。

GitHub 仓库: https://github.com/ezzty/astro-sintu-theme

如果你也喜欢简洁、高效、专注内容的博客主题,欢迎 Star、Fork、提 Issue。

结语

从 Typecho 到 Astro,变的是技术栈,不变的是对写作的热爱。

博客是用来记录的,记录生活、记录思考、记录成长。技术只是工具,内容才是核心。

希望 Sintu 主题能够帮助更多人搭建属于自己的博客,记录属于自己的故事。


🧘‍♂️