在Cloudflare Pages上部署Hexo

Posted at 2023-12-17

如题，写个教程

一.配置hexo

hexo的配置很简单，跟着官方教程走就行

1.配置Node.js/Git

sudo apt install git-core
sudo apt install nodejs

2.安装hexo本体

npm install hexo-cli -g
会遇到报错，执行下列命令
mkdir ~/.npm-global
npm config set prefix '~/.npm-global'
export PATH=~/.npm-global/bin:$PATH
source ~/.profile
npm install -g jshint
执行完毕后重新安装hexo
安装完成后执行
echo 'PATH="$PATH:./node_modules/.bin"' >> ~/.profile

二.配置wrangler(Cloudflare)

首先，确保你有一个Cloudflare账号并登录
npm install wrangler --save-dev
wrangler login
随后会在默认浏览器打开登录页面，登录即可

三.编写内容

Hexo的使用不再阐述，请自行至官网查询

四.上传

打开终端，切换至Hexo的根目录，确保当前目录下有public文件夹
执行wranger pages deploy public
选择Create a new project，在下一步输入你的blog的名字，这也是这个Pages的名字
在Enter the production branch name这一步可以直接回车
之后出现Deployment complete!就代表发布成功了，后面的链接就是这一次的发布的预览链接

---

常见问题

hexo，wrangler执行出现command not found

npm环境变量没配置好导致的，在执行的代码前加入npx 即可