建站伊始,我一直使用 Hexo 框架,在各位站长大佬的教程帮助下搭建起自己的第一个博客,并不断优化演进。转眼间建站已过去四年,逐渐感受到 Hexo 的吃力,换框架的念头早已埋下,直到借助 AI 的帮助,才终于得以实现。
为什么要换框架
旧框架用了四年,感情归感情,问题也得正视:
- 构建速度慢:文章多了以后,每次本地构建要等几分钟,写作时的热更新体验也大打折扣。
- 主题定制成本高:模板引擎嵌套层级深,改一处样式常常牵一发动全身。
- 生态老化:很多插件年久失修,与其修补,不如换一条新路。
框架只是工具,内容才是博客的灵魂。但趁手的工具,能让灵魂表达得更轻松。
为什么是 Astro
对比了几个主流方案之后,Astro 几乎是命中所有需求:
- 默认零 JS:静态输出为主,只在需要交互的岛屿上加载脚本,首屏速度极快。
- 内容集合(Content Collections):Markdown 的类型校验、草稿过滤、日期排序都是一等公民。
- 视图过渡(View Transitions):页面切换丝滑,主题可以做到”全局组件常驻”。
- 框架无关:需要时可以混用 React、Vue、Svelte 组件,自由度拉满。
迁移过程中的经验
真正动手才发现,迁移的难点不在渲染,而在细节:
- URL 结构要保持一致,否则 SEO 和友链都会受影响;
- 代码高亮从 prism 换到 Shiki,注意行号、复制按钮这些小功能的迁移;
- 图片处理交给
astro:assets,自动生成 srcset,带宽和体验双赢; - RSS、sitemap、OG 图这些”看不见的部分”同样不能落下。
结语
迁移完成后,整站构建时间从分钟级降到秒级,Lighthouse 性能分几乎是满分。如果你也在考虑换框架,我的建议是:先想清楚自己最痛的点,再让工具去解决它。
评 论
0以 身份评论
还没有评论,来抢沙发吧~