已将博客从Typecho迁移到Astro

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