我是如何从 WordPress 迁移到 Astro 的

我花了整整三天时间（真的！仅仅三天！）把我的博客从 WordPress 迁移到 Astro，现在终于完成了，我迫不及待地想和大家分享这个过程！🎉

在我坐在这里等待 DNS 传播完成的时候，我决定写一篇简短的文章，介绍一下我是如何以及为什么从 WordPress 迁移到 Astro 的。

我为什么决定迁移

过去三年我一直用 WordPress 建博客，其实一直想换个平台。😁 虽然 WordPress 设置起来很简单，不用从零开始，而且当时博客也很快就上线了（耶！），但我就是用不惯。最近我经常听到别人提起Astro，而且我的经理还组织了一次午餐学习会，讲解了用 Astro 建博客有多么便捷，这让我很兴奋。

我还希望我的博客速度更快、更安全。WordPress 很棒，但它速度慢，而且容易受到攻击（我遇到过很多次）。而 Astro 则不同，它是一个静态网站生成器 (SSG)，在构建和部署过程中生成静态 HTML 文件，因此性能要好得多。

老妇人Dev-v1博客

LadyDev-v2 新博客！😍

我迁移的另一个原因是，我真的很喜欢用 Markdown 写博客文章。它简单易用，而且我可以直接在代码编辑器里写文章。WordPress 虽然也有 Markdown 插件，但感觉不一样。Astro 让我可以在构建网站的地方写作，我非常喜欢这一点。

Astro 还让我能够更好地掌控我的博客，并根据自己的喜好进行自定义。我可以添加组件、使用主题，打造一个更加灵活的网站。此外，我还可以使用我最喜欢的工具，例如 React、Typescript、MDX、Netlify 以及其他优秀的开源工具。

美学✨

我还想让我的博客更美观一些。WordPress有很多主题，但说实话，我从来没真正喜欢过哪个。Astro也允许我使用主题，当我找到这个主题时，我就知道是时候开始搭建博客了。

老妇人Dev-v1博客

LadyDev-v2 新博客！😍

迁移过程

迁移过程始于我 fork 并克隆了Astro 的入门博客。完成后，我立即将其部署到 Netlify，以便尽快完成部署。我从一位好友那里学到的一个重要经验就是：要尽快部署。尽早部署有助于调试和修复问题。💡

仓库部署完成后，我开始更新内容。我将所有 WordPress 文章下载到一个 XML 文件中，然后使用这个便捷的开源项目wordpress-export-to-markdown将文章立即转换为 Markdown 格式，接着将 Markdown 文件复制到src/content/blog目录并更新了 frontmatter。

它会输出：

了解了这个脚本之后，整个过程变得轻松多了，因为我不用手动转换每篇文章了💃🏼 而且我需要迁移的博客文章也不多，所以也更容易了。

完成这些步骤后，博客开始初具雏形，我真是太兴奋了！以下是我添加到博客中的一些其他内容：

• 添加了新闻简报功能，
• 自定义链接树组件，
• 添加了404 组件，
• 一个与我合作的组件，
• 新增网站分析功能
• 集成工具包（新闻通讯提供商）
• 创建并更新了网站图标
• 更新了代码块样式
• 在移动菜单中添加了关闭按钮

我还花了一些时间检查与 SEO 相关的内容，例如确保元标签相同以及配置 URL 重定向。

URL重定向

我的博客已经运营三年了，积累了一些SEO优势。我不想失去这些优势，所以必须确保我的URL重定向正确。这个astro/netlify插件让这一切变得非常简单。最终的重定向代码在文件中如下所示astro.config.mjs：

由于我只需要重定向几个链接，所以我手动添加了它们。如果您有很多链接需要重定向，可以_redirects在项目根目录创建一个文件，并将重定向规则添加到该文件中。查看Cassidoo 的这篇博文了解更多信息！

代码块改进

我不喜欢默认的代码块显示方式，所以我使用了一个名为astro-expressive-code的开源工具来改进网站代码的显示和功能。目前的主题是“material-theme-darker”，不过谁知道呢，以后我可能会换掉它。😄

老妇人Dev-v1博客代码块

带有 astro-expressive-code 的全新 LadyDev-v2

我喜欢这款工具的易用性和对语法高亮的支持。它也很容易自定义和使用。

网站分析

我使用Fathom Analytics进行网站分析。它是一款注重隐私的分析工具，不会追踪个人数据。我将脚本添加到astro.config.mjs文件中后，一切就绪。我使用了PartyTown集成来实现分析脚本的延迟加载。

我的博客还连接着谷歌分析——那是我以前用WordPress的时候设置的。我很快就会把它移除。

关于字体的说明！

这字体太棒了！我最近才知道它是一款可变字体，也就是说，调整 MORF 轴可以让字形动起来！我迫不及待地想好好玩玩，看看能做出什么效果。😄

点击此处查看字体。

部署🚀

我之前用的是 Bluehost 的网站托管服务，每年要花 143.88 美元。现在我换到Netlify了💃🏼，它是免费的！我太兴奋了，既省了钱，又拥有了一个更快、更安全的网站。

希望你看到这个徽章的时候，项目已经成功了！ 🤞🏼

我还在等待 DNS 解析完成——不过已经取得进展啦！🎉 我刚刚看到 SSL/TLS 证书已经启用——HTTPS 万岁！🫡

包起来！

当你看到这篇文章时，我的博客应该已经成功从 WordPress 迁移到 Astro 了。

整个过程并没有我想象中那么繁琐，我很高兴自己完成了这项工作。最终的技术栈如下：