不用花一分钱，免费搭建个人博客。

剧情

这里的内容看不明白没有关系

毕竟不可能有人跟我一样发了疯似的研究这么多框架和页面生成器。看看最佳实践就行了。

前言

我一直都想搭建一个自己的个人博客，但是各种云服务器那一个月几十块钱的月租太贵了， 1M的带宽也太小了，升级还得加钱。单纯搭建一个个人博客太不划算了，经过几年的各种研究和尝试，终于找到了免费且还不错的方式搭建个人博客。

踩过的坑

我尝试过很多搭建博客的的方式:

• 2020年左右 -> Halo+天翼云搞活动29一年的1h2G1M服务器，因为续费要200多久没续了。
• 2021年左右 -> 尝试过 Nuxt + Netlify 和 Hexo + Netlify，Netlify的速度比较慢，国内有时候无法访问，当初用 Hexo 搭建的网站依旧还摆烂在Netlify上。
• 2023年左右 -> 试着用 Nuxt content + Github Actions + Github Page 搭建博客，然后就弃坑了，感觉Nuxt比较适合写网页应用程序，并不太适合写博客。
• 现在 -> 终于找到了不错的方案 VuePress2 + Github Actions + Github Page + Cloudflare ！

最佳实践

• VuePress2 + Github Actions + Github Page + Cloudflare 方案

这套方案是我觉得文章编辑写最自由，主题开发最方便，更新自动发布，访问速度不错，免费，并且不用备案的方案了。

文章编辑写最自由

因为 VuePress2 是使用vue框架的静态网站生成器。 编写文章是所用到的 Markdown 文件会被编译为一个 vue 组件。 这样就可以在 Markdown 文件中编写 vue。 原神启动 篇文章的打开动画和交互都使用了这个特性。

主题开发最方便

因为 VuePress2 是使用vue框架的静态网站生成器。 因此主题也是使用vue组件开发，vue有多方便这里就不多赘述了。

更新自动发布

当文章提交到github上时，Github Actions 可以自动运行，生成静态页面，并发发布。

访问速度不错

Github Page 在国内的速度非常慢，经常打不开。但是使用 Cloudflare CDN 进行分发可以完美解决这个问题。 Cloudflare 在国内的使用自己域名的访问速度还是很不错的。

免费

VuePress2 ， Github Actions ， Github Page 和 Cloudflare 都是免费的，如果你已经有自己的域名。 那么无需任何费用。

不用备案

Github Page 和 Cloudflare 均是国外服务商，所以无需备案。只有国内服务商才需要备案。