blog复活中
前言
上一次更新Blog还是在上次。
我原有的博客部署在腾讯云COS上,框架采用的是Hexo,主题采用的是Butterfly。Butterfly在Hexo界算是一个家喻户晓的主题了,很多博主都在使用,并在其基础上进行魔改。本人非常喜欢Hexo+Butterfly这套组合,但奈何本人coding能力有限,加上博客年久失修,博客的运行速度逾发缓慢,最明显的感知是文章构建速度、页面访问速度的下降。即便我给图床和博客都套上了CDN,每次通过公网访问,页面都是龟速加载,折腾的兴致就这么一次次地被浇灭。
某一天,我随机点开了博客中的友链,走过好几个失联的站点后,偶然看到了一位曾经关注的博主使用Astro重新构建了自己的博客。经过一番搜罗,我决定:给自己的博客系统来一次换血!
更新过程
第一步:换框架
环境准备
- 首先要准备好Node.js环境。Node.js的安装和源的配置这里就不多说了,网上的教程非常丰富。注意,根据官方文档介绍,Node.js必须使用
v18.20.8或v20.3.0、v22.0.0或更高版本,不支持v19和v21。 - 使用npm安装pnpm。pnpm是一个优秀的包管理器,关于它的介绍可以 看这里 。
Terminal window npm install -g pnpm - 使用pnpm启动Astro安装向导
看到成功提示后,进入项目目录,就可以开始博客的开发了。
Terminal window pnpm create astro@latest
选择主题
和众多博客框架一样,Astro博客也有各式各样的主题。经过一番搜罗,我最终采用了 Firefly 这款主题(赞美流萤!):

Firefly主题的使用教程可以 看这里。
第二步:迁资源
迁移文章和设定
原有的博客框架也是用Markdown作为文档的原始格式,加上文章数量较少,迁移起来还算简单。比较麻烦的是原博客系统的一些设定,例如博客名称、头像链接、友情链接等信息。手动进行迁移的话也不是不行,最多就是找配置文件的设置项比较费时间。但在如今AI横行的时代,为何不去体验一把AI Agent的魅力呢?
所以我出手了。(Powered by Codex)


整个过程用了大概5分钟,也就出门买杯奶茶的工夫吧。迁移完成后,新博客平台完美运行,没有任何报错,加载如丝般顺滑,漂亮得很呐:
-
迁移前:

2026-03-30-12-00-45 -
迁移后:

2026-03-30-11-58-19
迁移存储桶
原有存储桶是以博客名称来命名的,且子目录名称带有hexo字样。虽然说不影响博客使用,但既然已经迁移到Astro框架了,多多少少还是会有些奇怪。所以也一起换了。这里用的迁移方法比较简单粗暴,直接创建了一个新的桶,然后使用S3 Browser将旧桶的文件全部下载,然后上传到新的桶。
需要注意的是,由于2024年1月份腾讯云新增了存储桶域名访问的安全限制,因此无法再使用 path-style 域名访问存储桶:

如果S3 Browser不进行任何设置,直接访问新建的存储桶将会出现以下错误:

因此,使用S3 Browser访问存储桶时,需要将地址模式修改为 virtual-hosted style:

存储桶迁移完成后,套上CDN域名,设置好防盗链,就可以正常使用啦。
更新图片链接
由于我做了存储桶迁移,加上CDN域名也进行了修改,因此所有涉及CDN的图片链接都需要进行更换。因为图片名称是不变的,所以这一步我直接使用sed命令对图片URL的前半段进行替换就OK了。
写在最后
到这里博客已经迁移得七七八八了,还有一些细节后面继续慢慢调整。
文章分享
如果这篇文章对你有帮助,欢迎分享给更多人!