使用 Cloudflare Pages部署 Hugo

前言 前几天发现Cloudflare有一个pages服务,支持自动部署,相对于GitHub Pages要方便一点。而且速度也很快。感觉可以拿来玩一玩(❁´◡`❁) 新建Github仓库 进入GitHub,登陆账号(如果没有就注册一个账号),点击右上角的加号,单击“New repository”建立新仓库。 建立本地仓库 点击“Set up in Desktop”,根据提示把仓库clone到本地(中间如果有报错大多数都是网络问题,可以使用Watt Toolkit)。 上传静态文件 一般主题作者都会写一个文档(比如我使用的Stack),你可以根据使用文档中的内容来使用它。 之后删除其他的多余文件,保留的文件如图。 之后进入GitHub Desktop,点击“Show in Explorer”,把静态文件复制进文件夹内。 之后Github Desktop会自动检测到更改,点击左下角的“Commint to mian”(如果无法点击“Commint to mian”就在“Summary”框中点击一下或者随便填写一个描述),再点击“Push origin”就可以把更改提交到仓库中了。 部署到Cloudflare Pages 进入Cloudflare官网,登陆(或者注册)账号,点击左侧的Pages,根据提示导入GitHub仓库,进入部署设置(这里要在环境变量中指定Hugo版本,详细看图)。 之后等待片刻,你的博客就部署好了 然后修改GitHub仓库中config.yaml中的内容 baseurl: # 填写网站地址 languageCode: zh-cn # 网站语言 theme: hugo-theme-stack paginate: 5 title: Example Site # 网站标题,替换成你喜欢的标题 剩下的应该都能在主题的使用文档中找到,这里就不多说了 成果 如果你已经全部完成上面的工作,你的博客就已经搭建完成了,你现在就可以使用Markdown编辑器写文章并发布到你的博客了(如果不会的话可以参考Hugo使用文档或者主题使用文档),在提交文章后Cloudflare会自动部署你的博客到网上。 你也可以接入Gittalk、Waline等评论系统,感兴趣的话可以自己研究一下。 绑定域名(可选) 进入项目设置,点击“自定义域”,填入你已经购买好的域名(关于如何购买域名请自行搜索哦),根据网站中的提示进行配置就好了。 优点 1.可以自动部署 2.国内某些地区访问比GitHub Pages 速度快(其实也差不了多少) 3.可以免费获得cloudflare的CDN服务,即使是在没有域名的情况下 4.可以绑定多个域名 缺点 1.每个月只有500次构建次数(虽然够用但是如果踩坑了可能会浪费次数) 2.不能像本地搭建那样实时预览(其实是我使用的方法造成的) 好了,就先写到这里吧,如果有不完善的地方我以后再补充(●’◡’●)

August 6, 2022 · akearer

网站日志

这是一个只是无聊的日志,不定期更新(≧﹏ ≦) 2021年 三月份左右,使用Github Pages 与 Jekyll 搭建博客,但是访问速度非常慢(被过时教程坑了qwq,不过也怪我自己,没注意到那些文章都是好几年前的了┭┮﹏┭┮),之后想要换成Hexo,但是node.js一直安装不上,再加上我比较忙的原因,故放弃 大概是在四月份的时候,发布了第一篇文章 2022年 一月份的时候无意间发现了 Gridea ,一个图形化的静态博客写作软件,这时我才想起我在 Github Pages 上部署的博客,遂换成了 Gridea 。 几个月之后(我也记不太清是什么时候了qwq),由于 Gridea 的作者不常更新而且有许多 bug (毕竟是个人开发者嘛),有了放弃的想法。 之后在网络上搜索,发现了 Cloudflare Pages ,虽然速度不是特别快,但是比 Github Pages 要快得多,而且还支持自动部署,与此同时,我也找到了比 Hexo,Jekyll 更好的 Hugo (个人感觉)。于是就搬到了 CF Pages ,使用 Hugo 作为静态页面生成器。 8-27 发现博客的评论加载不出来了,起初我还以为是 Leancloud 日常抽风。但是在之后一连好几天都是如此,这时候我才知道是因为 Vercel 被墙国屏蔽了… 9-2 把博客评论部署到了 Deta 上,访问终于正常了… 10-15 添加了aplayer。 10-16 添加了基于 Equalweb 的辅助功能栏。 11-22 由于有小伙伴反馈博客在墙内打不开,所以就想着把博客转到vercel上面。但是vercel绑定域名之后无论怎样都解析不了,到网上搜索了好长时间也没有结果o(TヘTo)于是放弃了vercel转到了netlify,又把无障碍服务和waline转移到了新域名上,这下国内访问终于正常了qwq

July 17, 2022 · akearer