利用Cloudflare page和GitHub免费资源搭建个人博客网站
一、搭建步骤
1.注册Github
2.将网站代码内容上传至Github仓库
3.注册Cloudflare
4.搭建Cloudflare page,导入Github仓库到Cloudflare page
5.绑定域名,使用域名访问(可选)
二、注册并配置GitHub
1.注册GitHUB
https://github.com/,打开官网,点击右上角Sign up,填写邮箱、密码、用户名点击Continue进行注册,注册邮件会收到验证码,填入验证码注册即可








2.创建Repository仓库
点击Create repository创建github仓库,或者点击右侧头像,在下拉菜单选择your repositories, 在弹出的页面点击New按钮创建repository仓库




- Repository name:仓库名字可以随便填写,如果后继想使用Github Pages,则需要按username.github.io格式填写
- 仓库私密可以设为Private,Cloudflare page后面会导入Github仓库内容,最终访问Cloudflare内容,如果后续想使用Github Pages,以后可以改成Public

三、配置ssh免密验证
本地创建ssh公钥,添加到远程github ,方便本地通过ssh免密上传代码到github
1.本地创建ssh密钥
1 | (1)Windows添加OpenSSH服务器 |
2.GitHub配置key
右上角点击头像,选择设置,点击左侧导航菜单SSH and GPG keys.


填写标题,将第1步中本地创建的密钥粘贴进key方框中,点击Add SSH key按钮,生成key


3.验证SSH是否成功
1 | $ ssh -T git@github.com |

四、上传代码至GitHub
本次使用hexo代码,通过命令上传至github main仓库
- 可以直接上传文件或代码,也可以使用命令行上传

- 命令行上传
本站使用hexo框架主题,执行hexo clean && hexo g && hexo d上传



五、Cloudflare配置page服务
1.创建Page










访问域名即可打开网站: https://hexohub-github-io.pages.dev/

2.自定义域名
如果不喜欢官方提供的域名,可以使用自己注册的域名绑定网站,域名注册商很多: 国外: namechap, namesilo, domain 国内: 阿里云


在添加域名之前,需要先传输DNS管理,即从域名注册商将DNS管理传入Cloudflare
- 传输DNS管理


上面步骤也可以从左侧导航栏Websites—Get started—输入域名—Continue进入





复制两条DNS,去域名注册商修改nameserver,本域名使用的namecheap注册,需要去namecheap修改nameserver







- 绑定saobar.com域名
回到自定义域名界面绑定域名


至此,浏览器打开saobar.com可以看到网页了,下面接着绑定www.saobar.com,如果不绑定,打开www.saobao.com,网站会显示连接超时错误522





自定义域名绑定成功,浏览器输入saobar.com或www.saobar.com都可以进入网站
3.配置301重定向
https://developers.cloudflare.com/rules/page-rules/how-to/url-forwarding/




重定向配置完成,在浏览器中输入saobar.com或www.saobar.com,都会跳转至https://www.saobar.com
- Title: 利用Cloudflare page和GitHub免费资源搭建个人博客网站
- Author: 𝓓𝓸𝓷
- Created at : 2024-06-02 19:21:55
- Updated at : 2024-07-20 05:15:41
- Link: https://www.zhangdong.me/cloudflare-page-github.html
- License: This work is licensed under CC BY-NC-SA 4.0.
