Intro#

大家博客的第一篇文章都是记录搭建过程，俺也不能例外！

之前俺用的是AWS全家桶，不懂后端，在AWS的体验不太友好，一开始配置的时候花了多少精力时间、踩了多少坑就不提了，每次更新博客都需要手动同步到S3，每个月还会产生三块钱的费用，于是就想换个方案。

听闻Cloudflare赛博菩萨的大名久矣，俺对它家也很有好感，最重要的是，俺想换个域名CF+GitHub的方案简直太适合静态博客了！配置、后续更新都省心，于是就决定从AWS搬家到CF，虽然昨天CF才崩过，但是us-east-2又如何呢？

在开始之前，这并不是零门槛的保姆级指南，俺assume你会用一点点命令行，如果没用过也没关系，你只需要拥有探索欲并且会Search The Fxxking Web。

Hugo#

部署之前，当然是先上手Hugo啦！Hugo是一个静态网站生成器，在GitHub有84k星星，生态繁荣，有无数主题可以选择，也支持很多配置选项，总之就是省心并且可定制程度高，特别适合从md文档生成个人博客！

首先你需要安装Hugo，请follow官方指南。之后：

> hugo new site blog
> cd blog
> git init
> git submodule add https://github.com/theNewDynamic/gohugo-theme-ananke.git themes/ananke
> echo "theme = 'ananke'" >> hugo.toml
> hugo server

就可以在http://localhost:1313/看到你的博客第一眼啦！想写点东西？只需要：

> hugo new content content/posts/my-first-post.md

编辑上面创建的my-first-post.md，就是你的第一篇博客了，很简单是不是！

你可能会觉得现在的网站不好看，没关系，有海量主题供你选择。俺喜欢TUI风格，所以选择了这个terminal主题。并且Hugo有很多配置选项，请自行探索，you are on your own！

部署#

太长不看：在Cloudflare创建pages连接你存放Hugo文件的repo。

GitHub#

首先你需要在GitHub创建一个repo用来存放你的Hugo博客文件，包括你的md文档们。然后连接本地目录和云端仓库：

> git remote add origin [email protected]:yourgithub/blog.git

之后每次装修了博客，或者写了新文章，只需要：

> git add .
> git commit -m "Some message"
> git push

这样就可以把本地改动同步到云端，等会连接了Cloudflare之后就可以自动构建Hugo网站并且部署！

Cloudflare#

接下来没有命令行，全程图形界面！在dashboard找到Workers&Pages，一路Create application->Pages->Import an existing Git repository，连接你的repo，之后Framework preset选择Hugo，点击Save and deploy，最后连接你的域名就完事！

Outro#

之后更新博客的整个workflow很简单：

  1. 在本地写新的blog或者装修你的博客
  2. 同步到Github仓库

Done！就这两步！你甚至不需要手动build Hugo网站。今后你只需要专心创作，Cloudflare会handle everything else！