记录一次githubpage+cloudflare+freenom的静态博客部署

一、域名解析准备
1.这里假设我在freenom注册了一个 apitest.tk
2.登录cloudflare,添加网站选择free
3.填写名称服务器地址,第一张图的两个地址,填到第三张图并保存。保存完了检查一下哦!!!!
记录一次githubpage+cloudflare+freenom的静态博客部署_第1张图片
原作者地址https://segmentfault.com/u/yourena_c
记录一次githubpage+cloudflare+freenom的静态博客部署_第2张图片
记录一次githubpage+cloudflare+freenom的静态博客部署_第3张图片
二、github pages项目准备
1.编写html静态页面,一定要是index.html
原作者地址https://segmentfault.com/u/yourena_c
2.创建github仓库
①名称一定是 xxx.github.io(这里的xxx是你的用户名)
②类型一定是public公开仓库
3.上传你的index.html文件
4.编写一个CANME文件,内容是你的域名地址 apitest.tk
image.png
记录一次githubpage+cloudflare+freenom的静态博客部署_第4张图片
5.进入仓库setting,检查这里的填写是否是你CNAME中的内容。
记录一次githubpage+cloudflare+freenom的静态博客部署_第5张图片
6.进入cloudflare,添加两条记录
原作者地址https://segmentfault.com/u/yourena_c
记录①:添加一条A类型,名称@,目标是你xxx.github.io的ip的记录。
这里你xxx.github.i地址的ip可以通过ip查询ip查询2两个方式获得,最好都查一下选择重复的一个ip。
记录②: 添加一条CNAME类型,名称www,目标是你xxx.github.io的记录。
image.png
7.提交保存,并返回github仓库setting->pages检查,直到出现绿色通过!
记录一次githubpage+cloudflare+freenom的静态博客部署_第6张图片

你可能感兴趣的:(记录一次githubpage+cloudflare+freenom的静态博客部署)