个人博客迁移史

整理了一下历年来折腾过的博客方案, 原来我是这么能折腾 😅

为何选择 docusaurus?

个人博客方案编年史

• Hexo
• WordPress
• VuePress
• VitePress & Docusaurus & Next.js

各静态网站生成器对比

VitePress

VitePress十分强大,借助于Vue3的强大表达能力和Vite的闪电般构建速度, 个人也部署过, 总体来说非常满意, 但可以做到更高的完成度, 目前来看 i18n 等还未集成到官方

Docusaurus

Facebook团队倾力之作, 完成度很高 , 既能开箱即用,又能很好地满足定制化需求,非常自由且强大, awesome! 👏

Next.js

其实也尝试过, 但没有想好要做什么, 如果有奇妙的idea, 我会很乐意

迁移花费时间

因为 VitePress 和 Docusaurus 都是基于Markdown拓展语法, 并分别支持 Vue 和 React 组件, 所以迁移的主要工作都是一些的格式和语法的更改,以及静态资源的迁移, 同时对样式进行了重构, 预计需要一周多时间, 还是需要折腾的~

体验感想

根据我的性能测试, 网站加载速度 是比 VitePress 要慢的, 主要是以下两方面

• 项目冷启动
• 页面热更新

实际上就是 webpack 和 vite 的区别 😂 , 希望有朝一日也将 Docusaurus 和 Vite 结合在一起.

部署与自动化构建

• 目前部署在github pages, 后续会托管至 vercel
• 采用github action自动化构建
• 后续还会套上Cloud flare的 cdn 加速