Astro 静态主题模板

之前用动态博客总是担心服务器忘了续费,程序升级出问题;听说了静态博客之后,觉得这是一个非常好的呈现方式,在Hugo、Hexo和Astro几个方案比较之后,最终选择了Astro.

静态博客的优势

  1. 免费托管 - 除了域名,大厂给个人开发者提供了免费的托管服务。
  2. 零维护 - 文章都是放到自己电脑,只要托管平台不倒闭,博客可以永久运行。
  3. 预渲染 - 静态博客在部署前就已经生成了纯 HTML/CSS/JS 文件,也无后台。
  4. 适配CDN - 由于全是静态文件,分发到全球边缘节点之后,用户访问毫秒级加载。

为什么选择 Astro

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

适配Astro的Sintu单栏主题

这个Astro单栏主题我是我自己设计的,我让Hermes从Typecho迁移过来,做了不少升级,代码比之前精简了三分之一。

功能亮点

  1. 暗黑模式 - Logo旁边增加一个暗黑模式开关,纯css实现。
  2. 缩略图 hover 放大 - 点击图片可跳转到文章页。
  3. 手机端不再加载预览图 - 控制不同屏幕尺寸加载不同资源,节省流量。
  4. 阿里云oss处理图片 - 文章有OSS图片的话,html渲染后给图片添加oss参数,节省流量。
  5. 性能优化 - 只有一个.js文件处理导航栏隐藏;CSS 通过 Vite 打包合并,图片懒加载。
  6. 响应式设计 - 桌面端和移动端完美适配,使用统一的网格系统。
  7. 评论框 - 采用twikoo官方方案安装评论框

文章发布方式

  1. 在本地写好 Markdown 文章。
  2. 给Hermes Agent发送消息推送到github仓库(或者自己用github推送也行)
  3. 腾讯Edgeone、Vercel、Netlify 、Cloudflare Pages自动拉取更新并构建。
  4. 自动部署到全球 CDN 节点。

主题定价

本主题计划公开销售,定价为$5/套。