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

164 阅读1分钟

GitHub

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

  • 请确保 package-lock.jsonpackage.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
  • 保存并部署

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