603 words
3 minutes
从 Hexo 迁移到 Astro
2026-08-25
No Tags

心心念念 Astro 好久了,它的渲染性能非常出色。

其实也不全是为了加载性能,主要还是因为我自己爱折腾。

1. Astro#

Astro 这个框架,我最开始关注它的时候是无意间看到了逛到一个博主用了它,还配了个美美的主题,页面响应超快的,后来去了解了一下,才发现它的策略是减少JavaScript的输出,但该有的组件化也有,性能好功能又够用。

然后它就成为我想折腾玩的待选了。

2. 挑选主题#

官方网站有主题筛选页面,但我的筛选方式是逛GithubTopic,按Star数排序。前前后后看了不少 Astro 博客主题,最后发现最喜欢的还是saicaca/fuwari,理由也不复杂:

  • 风格设计现代化,布局整洁不花哨;
  • 页面结构清楚,后面改起来不算麻烦;

3. saicaca/fuwari 主题的创建和使用方式#

fuwari 的用法其实不复杂,基本就是一个标准的 Astro 项目流程。

大概就是这几步:

  1. 克隆项目;
  2. 安装依赖;
  3. 启动本地预览;
  4. 按自己的需要改站点配置;
  5. 直接往 src/content/posts 里放文章。

如果只看实际使用体验,它更像是一个“拿来就能改”的博客模板,不太像那种需要先研究半天架构的项目,起码改配置的过程比我当年折腾Hexo的时候快多了。

4. Hexo 内容迁移到 Astro 要做什么#

这部分其实最简单,没有用到什么复杂的转换脚本,做法很直接:

  • 先把 Hexo 里 _posts 文件夹的文章,直接复制到新项目的 src/content/posts 下面;
  • 然后按 fuwari 的标准整理了一下 frontmatter,以前的字段有一部分不符合新主题的设定;
  • 检查一下图片路径有没有失效
  • 再根据 Astro 这边的格式稍微调一调,基本就能正常用了。

我这次做得比较简洁,没有大改旧文章内容,先把站点迁过去,让内容能正常显示,以后再慢慢整理。

迁移完之后,最明显的感觉就是:新玩具就是好玩!

这次迁移对我来说,更像是把博客重新整理了一遍,至少以后,写点东西这件事,会比以前更有乐趣。

从 Hexo 迁移到 Astro
https://blog.doracoin.cc/posts/2026/2026-08-25-从hexo迁移到-astro/
Author
Doracoin
Published at
2026-08-25
License
CC BY-NC-SA 4.0