使用cloudflare page来建立网页

前提

  1. 完成了 cloudflare 账号申请。
  2. 完成了 github 账号申请。
  3. 使用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指向。

海上一民工