CloudFlare自动部署GitHub仓库的VuePress文档

GitHub

• 将项目库中的文件推送至主分支

• 请确保 package-lock.json、package.json 两份文件在根目录

• 仓库结构参考

  📦 VuePress                  # 仓库名
  ├── 📂 .github               # github 文件
  ├── 📂 docs                  # 文档
  │   │── 📜 package-lock.json
  │   └── 📜 package.json
  └── 📜 README.md
  

---

CloudFlare 配置

• 登录 CloudFlare，在后台进入 Pages

• 创建项目，连接GitHub，授权

• 配置

  • 框架预设：VuePress
  • 构建命令：vuepress build
  • 构建输出目录：.vuepress/dist
  • 根目录（高级），路径：docs/
  • 环境变量：NODE_VERSION = 16.18.0

• 保存并部署

• 自定义域名可在项目的 自定义域名 中自行设置