你只想搭建一个博客,那么你很可能不需要一个服务器,而且会更容易些
如果你需要在个人服务器上部署,有可能会经历以下步骤:
当然,如果你有一个完整的 kubernetes 环境,后期工作量相对就会简单很多,你也需要
这也是在 k8s 上部署前后端应用的一般流程
相对而言使用一个静态网站网站托管服务,复杂度与工作量就会少了很多,毕竟它部署时只需要维护若干静态文件。也更适合刚接触博客搭建或者没有服务器的同学
01 选择一款静态网站生成器
动态博客应用状态过重,复杂性过高,不便于部署与迁移。无状态的静态博客是一个不错的选择。
如果你不想折腾数据库,那你可以选择一个静态网站生成器: 你只需要喂给它一大堆 markdown,它就会生成一些静态文件。
至于生成器,这是我曾经使用过的,感觉都很不错,你可以任选一款,如何构建参考官方文档。
02 如何部署
可以部署在 github pages 或者 netlify
推荐使用 netlify,它可以结合 github 做 CI/CD: 当你把代码 push 到 github 的指定分支时,它就会在 netlify 自动部署,另外它也有缓存,重定向,Prerender等诸多配置
我的个人博客使用了 netlify,关于构建的配置文件如下
你可以在域名提供商 godaddy 或者阿里云 直接注册一个。
并且在域名提供商处配置 CNAME: yourdomain. -> xxx.netlify.
当使用了自己的域名后,你需要去 netlify 为你的域名配置 https
04 使用 CDN
由于网站托管服务的服务器大都在国外,网络速度上可能惨不忍睹,配置CDN就能派上用场了。
如果域名没有备案,建议使用 cloudflare 的CDN服务,完全免费
如果域名已经备案,建议使用阿里云的CDN服务,按量收费。
当然这时候 https 需要重新配置 (阿里云的 https 流量也会收费)
Note: 使用 CDN 时要配置好正确的 nameserver
05 配置永久缓存
对于 vue/react 此类现代前端技术而言,结合 webpack 工程化越来越出色。如 vuepress中 SPA 与 SEO 的结合, 但最重要的是生成带有 hash 的静态资源文件
为带有 hash 的静态资源文件在源站(即netlify)配置永久缓存,也能在阿里云上为 CDN 与 https 省不少流量费
以下是缓存在CDN命中的截图