使用cloudflare page来建立网页
前提
- 完成了 cloudflare 账号申请。
- 完成了 github 账号申请。
- 使用hugo初步建立了一个网页。使用hugo快速建立站点流程
在github侧
在github上创建repository
除了设置为 private 其它一切默认即可
初始化git并上传
进入hugo的网站文件夹,执行一次 hugo
命令,确保 public
文件夹下有文件了。
在github上创建完repository后,会提示,把上传readme文件改为上传全部,或者先上传一个文件试试:
git init
git add .
git commit -m "first commit"
git branch -M main
git remote add origin git@github.com:你的github账号/你新建的repository.git
git push -u origin main
如果只上公司培训一个文件的话,可以把 git add . 改为 git add index.html
在git bash,在public文件夹下运行上述内容。
也可以直接git整个网站文件夹,这样在cloudflare中就可以直接选择hugo框架,但这样就有deploy失败的风险
另外也可以在init之后,在网页端直接上传一个文件,然后git clone git@github.com:你的github账号/你新建的repository.git,这样似乎是最保险的方案
在cloudflare侧
在登录后,进入 Workers & Pages,Create an application
选择 pages 然后 connect to Git
在关联好gitbub账号后,下面会显示出相关的repository,如果不是第一次选择,可以点击:If your repository is not shown, configure repository access for the Cloudflare Pages app on GitHub.中的链接,重新连接到github中进行授权。
如果选择public文件夹上传的话,deploy的工具什么都不选。根目录为空即可。第一次使用的话,确认deploy成功。然后每次git更新后,就会自动更新的。
设置域名
在cloudflare中,进入每个pages,在custom domain加入自己的域名。
在自己的域名解析服务商那里,加入CNAME指向。