写在前面

这应该是全网最简单最方便的hugo+cloudflare+Github静态博客部署的教程了。不扯长篇大论，纯实战派，写给自己，拥抱简单。

创建一个私有Github仓库

自行准备好github账号，创建私有仓库，用于hugo站点的源代码的管理

本地部署hugo代码

下载hugo二进制程序

hugo的Github仓库地址为 https://github.com/gohugoio/hugo 下载最新稳定版本的hugo，https://github.com/gohugoio/hugo/releases

修改环境变量

下载好后，操作系统的环境变量PATH里设置一下hugo的路径目录。

创建hugo站点

选择一个目录作为站点目录，操作均在命令行下执行。 常见的hugo命令有 创建一个blog目录的站点

hugo new site blog 

在content目录下的posts文件夹内创建一篇名称为helloworld.md的文件，new是以content目录为根目录

hugo new posts/helloworld.md

hugo预览网页，hugo提供了一个简版的web服务器, 用于预览静态网站，默认地址: http://localhost:1313/

hugo server

hugo预览修改默认端口为2222

hugo server -p 2222

上传网站目录到Github仓库

上传hugo的网站目录可以通过命令行的方式，如果是windows也可以使用Github-desktop的方式来进行gui操作。

配置cloudflare pages

一般配置

cf官网：www.cloudflare.com，注册好后，找到pages（一般在worker那里），选择Github，登录自己的Github账户，连接到Github的hugo仓库，在cloudflare中也选择hugo，点击完成，就可以了。

绑定自定义域名

Custom Domain，添加自己的域名，修改好解析就可以了。

访问域名检测

cloudflare分配的有域名，能正常访问即可查看。

博客主题

推荐去hugo官方看看，theme有很多，都有教程，对照教程来做，很简单的。

注意事项

只需要对github仓库修改，cloudflare的pages会自动追踪更新。非常好用。