搭建一个属于自己的免费个人博客

前言

Netlify 是一家位于旧金山的云计算公司,为 Web 应用程序和静态网站提供托管和无服务后端服务。其功能包括通过 Netlify Edge、该公司的全球应用程序交付网络基础架构、无服务表单处理、对 AWS Lambda 功能的支持以及与 Let’s Encrypt 的完全集成从 Git 开始进行持续部署。

  Netlify 是什么?从维基百科上可以很容易找到以上答案。Netlify 所提供的服务既有免费的,也有收费的,一般来说免费服务对于部署 Jekyll 博客就已经绰绰有余了。Netlify 与 Github 的联系非常紧密,拥有 Github 账户就可以直接登录 Netlify,Netlify 需要从 Github 拉取代码来编译、生成、部署静态站点。Netlify的每月免费套餐包含了 100GB 的免费流量、300 分钟的编译时长,1 个同时编译队列。通常一个静态网站生成器所需的编译时长可能不超过一分钟,因此只要不是一个月提交的变更次数超过 300 次编译时长完全足够。而全球访问流量因为 Netlify 本身就带流量清洗的能力,即使有人对站点发起攻击也不会有什么疯狂增加的可能,所以正常一个站点一个月可能最多只能用到 1GB 不到的流量。如果文章遵循了图片使用图库托管的策略,那么所耗流量会大大降低、访问速度也会大大提升。

部署

1.正常使用 Github 账号一键登录之后,在 Teams 主页面点击 New site from Git 按钮。

vgy.me

2.点击 Github 按钮登录并授予 Netlify 访问项目权限。

vgy.me

3.在搜索框中搜索想要部署的项目,比如 zhonger/zhonger.github.io,并点击右侧箭头选中完成创建。

vgy.me

4.在创建好的项目的 Site settings 的 Domain management 中可以对已有的 *.netlify.app 域名进行修改,或添加自定义域名。

vgy.me

5.拉到页面下方 HTTPS 对已有域名生成 SSL 免费证书,只要第一次设置后,以后会自动更新。

vgy.me

6.(可选) 另外,对于编译命令和变量的设置一般在项目创建之初完成,也可以在 Site settings 的 Build & deploy 中进行修改。默认的 Jekyll 设置如下所示:

vgy.me

7.(可选) 关于编译过程可以在 Deploys 里面查看所有的日志,并且可以预览每一次编译的结果。

vgy.me vgy.me

验证

  浏览器访问 *.netlify.app 域名或者自定义域名或者编译的 Preview deploy 域名,查看上线后的效果。