用了将近20年的 WordPress ,一直想切换到更轻的博客系统上,因为 WordPress 实在是越来越臃肿,带来的直接结果就是页面加载速度越来越慢,以至于我不得不用 WP Super Cache 做全站静态缓存来加快访问速度。之前也尝试研究了下 Next.jsAstro.js ,对比下来 Astro.js 无论是轻量化还是代码入门程度都更适合我。但说起来容易,想把原来 WordPress 的模版和历史日志全部迁移到 Astro.js 对我来说依然是个巨大的工程,好在正好体验了阿里的AI IDE - Qoder, 白嫖它体验期的2000 credits, 用三天时间搞定了整个迁移工作。

整个迁移过程很顺利,第一个晚上基本就是用 Qoder 的 Agent 功能,让他直接读取原来在 WordPress 设计的模板,按以下 prompt 要求它依葫芦画瓢完全照搬我原来 WordPress 的模版。

按照我的 WordPress 模版,将模版转化为基于 Astro.js 的 blog,要求保留原模版中的页面结构、页面设计和 CSS 文件,不要引用 Tailwind CSS。并且帮我重写 js 文件夹中的 javascript 代码,不再依赖 jQuery。

然后 Qoder 基本很快就给我搭建了个基于 Astro.js 的 blog 系统,而且与我原来的 WordPress 模版惊人的一致。剩下的就是继续用 Qoder 对迁移后的系统出现的小问题进行微调了,全程都不需要手搓代码。

接下来就是将原来 WordPress 中的日志也迁移过来,主要使用的是 wordpress-export-to-markdown 这款 Github 插件。同样也是在 Qoder 中输入以下 prompt 帮我自动搞定日志迁移工作。

使用 https://github.com/lonekorean/wordpress-export-to-markdown 这个插件将存放在根目录下的 wordpress.xml 文件转换成 markdown 文件,要求输出使用 mdx 格式,并且以文章的 slug 命名文件夹,将日志内容保存在文件夹下的 index.mdx 文件中,并且将图片保存在文件夹下的 images 目录中。

剩下的两天时间就基本上是人工修修补补之前日志中的图片问题和格式问题了,之前的日志大部分都是自己手写 HTML 代码,转化为 markdown 格式后存在样式丢失的问题,图片存在本地的基本没问题,外链的部分有很多都丢失了。

最后,就是把整站的 repo 托管到 Github 上了,然后用 Cloudflare Pages 部署静态站点。整个过程非常简单,AI Coding 让代码部分变得极其轻松,必须给国产的 Qoder 大大好评。

目前所看到的博客已经是完全切换到 Astro JS 上了,访问速度大大加快,视觉上和原来的 WordPress 博客几乎一样,只去掉了评论系统。