Cloudflare Pages

网站部署至Cloudflare Pages

龟之飞目前可访问的网站是基于Github Pages服务实现的，听说Cloudflare Pages也很不错，自定义方面更强，便决定写篇文章带领大家操作一下。

前情提要

1. 你需要先将你的hexo网站部署至Github Pages服务中，若成功，你应该可以通过“ https://用户名.github.io ”来访问你的网站。

2. 拥有一个cloudflare账号。

正式操作

• 文件配置

Cloudflare并非Github，所以你在本地上传了hexo网站到Github后Cloudflare即使拉取了也会缺失部分渲染器之类的，我们需要自己重新安装。但Cloudflare只支持单行命令，所以我们只能现将构建命令提前编写好，再在Cloudflare中运行它。

1. 进入blog\source文件夹，这里应该有一个名为“_posts”的文件夹或其他文件夹。你需要先在文件资源管理器->查看->显示->勾选“显示文件后缀名”。
2. 完成后，我们新建一个文件叫“build.sh”，打开，输入构建信息，这里给出我的配置，如果你和我一样用的是Ayer主题的话，那你可以复制我的配置，否则请自行修改，不然到时候站点缺少了部分依赖就无法运行了。

##!/bin/bash

##配置环境
npm install -g hexo-cli
mkdir hexo
cd hexo
hexo init
npm install
rm -rf source/_posts
mkdir -p source/_posts

##安装主题(可以修改成自己喜欢的主题)
npm i hexo-theme-ayer -S

##安装实现网页搜索功能(看你的主题是否支持)(可选)
npm install hexo-generator-searchdb --save

##安装文章置顶(可选)
npm install hexo-generator-index-pin-top --save

##安装katex渲染器(可选)
npm un hexo-renderer-marked -S && npm i hexo-renderer-markdown-it-katex -S

##复制文章到指定目录
cd ../
cp -r `ls | grep -v hexo | grep -v config.yml | xargs` hexo/source
##复制配置文件
cp config.yml hexo

##开始构建
cd hexo && hexo g --config config.yml

3. 编辑好后，在blog根目录右键，git bash here，输入“hexo g -d”，等待运行完毕后如果没有报错，来到Github查看你的仓库，里面应该已经有“build.sh”这个文件了✨。

• Cloudflare设置

1. 登录你的Cloudflare账号，点击“Workers 和 Pages”，点击“构建应用程序”，选择“连接至git”，然后在那里登录Github，选择你的blog仓库(如图)，点击“开始设置”。

2. 然后，严格按照我的示例输入！

3. 接着按“保存”。

• ✨大功告成！

1. 截止这里，一切就已经搞定了，只要访问它给你的网址就可以啦！

成功的栗子：

2. 以后，只要你有新的更新，只需直接“hexo g -d”。这样，Github和Cloudflare的Pages都会一起更新啦！

龟之飞Cloudflare版：https://backup.cutexiaoguigui.eu.org/ 。

✨祝大家成功！欢迎大家在评论区晒出自己的Cloudflare Pages网站哦！