安装

npm install hexo -g

使用hexo可以设置环境变量，也可以使用npx

npx hexo g

Hexo博客配合Typora使用

图片

Hexo配置：

  1. 打开_config.yml文件，找到post_asset_folder属性，将其设置为true，该属性的作用是：使用hexo new新建文章的时候会创建一个和文章名相同的文件夹，在该文件夹内放置图片，文章中可以导入该图片。但是，图片的格式只能为{% asset_img "image-20230714014753990.png" "post_asset_folder属性" %}在Typora上不能展示该图片，通过生成文件后可以在线上看到。
  1. 下载依赖hexo-image-link可以有效解决该问题，将图片格式改为Typora可以识别的格式{% asset_img "image-20230714014753990.png" "post_asset_folder属性" %}，并且在生成文件后也能在线上查看。
npm install -s hexo-image-link

Typora配置：

  1. 在偏好设置中，选择图像，将插入图片时...改为复制到指定路径，格式为./${filename}，这样使用截图软件截的图就可以直接复制到Typora上，而不需要先复制到对应的文件夹再通过修改图片路径插入图片

使用Cloudflare持续部署Hexo博客

Cloudflare控制台：https://dash.cloudflare.com/

将hexo的整个博客项目上传到github上；

进入Workers和Pages导航选择创建Pages；

选择连接到git，使用github导入项目；

设置构建和部署

构建命令：npm install; npm install -g hexo; npx hexo clean; npx hexo generate

构建输出目录：/public

根目录：/

环境变量：

NODEVERSION = 17.9.1

NPMVERSION = 8.11.0

YARN_ENABLE_IMMUTABLE_INSTALLS = false

YARN_ENABLE_IMMUTABLE_INSTALLS = false的目的是为了避免如下问题

重新上传hexo项目Cloudflare会自动更新