跳到主要内容

个人博客迁移史

· 2 分钟阅读
刻晴

blog

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

为何选择 docusaurus?​

个人博客方案编年史

  • Hexo
  • WordPress
  • VuePress
  • VitePress & Docusaurus & Next.js
各静态网站生成器对比
VitePress十分强大,借助于Vue3的强大表达能力和Vite的闪电般构建速度, 个人也部署过, 总体来说非常满意, 但可以做到更高的完成度, 目前来看 i18n 等还未集成到官方

迁移花费时间​

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

体验感想​

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

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

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

部署与自动化构建​

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