Astro 静态主题模板
之前用动态博客总是担心服务器忘了续费,程序升级出问题;听说了静态博客之后,觉得这是一个非常好的呈现方式,在Hugo、Hexo和Astro几个方案比较之后,最终选择了Astro.
静态博客的优势
- 免费托管 - 除了域名,大厂给个人开发者提供了免费的托管服务。
- 零维护 - 文章都是放到自己电脑,只要托管平台不倒闭,博客可以永久运行。
- 预渲染 - 静态博客在部署前就已经生成了纯 HTML/CSS/JS 文件,也无后台。
- 适配CDN - 由于全是静态文件,分发到全球边缘节点之后,用户访问毫秒级加载。
为什么选择 Astro
- 静态优先 - 生成纯 HTML 文件,无需数据库,无需服务器。
- 性能优异 - 默认零 JavaScript,加载速度极快。
- 灵活性强 - 支持 Markdown、MDX、多种框架混用。
- 生态活跃 - 社区活跃,文档完善,插件丰富。
适配Astro的Sintu单栏主题
这个Astro单栏主题我是我自己设计的,我让Hermes从Typecho迁移过来,做了不少升级,代码比之前精简了三分之一。
功能亮点
- 暗黑模式 - Logo旁边增加一个暗黑模式开关,纯css实现。
- 缩略图 hover 放大 - 点击图片可跳转到文章页。
- 手机端不再加载预览图 - 控制不同屏幕尺寸加载不同资源,节省流量。
- 阿里云oss处理图片 - 文章有OSS图片的话,html渲染后给图片添加oss参数,节省流量。
- 性能优化 - 只有一个.js文件处理导航栏隐藏;CSS 通过 Vite 打包合并,图片懒加载。
- 响应式设计 - 桌面端和移动端完美适配,使用统一的网格系统。
- 评论框 - 采用twikoo官方方案安装评论框
文章发布方式
- 在本地写好 Markdown 文章。
- 给Hermes Agent发送消息推送到github仓库(或者自己用github推送也行)
- 腾讯Edgeone、Vercel、Netlify 、Cloudflare Pages自动拉取更新并构建。
- 自动部署到全球 CDN 节点。
主题定价
本主题计划公开销售,定价为$5/套。