EdgeOne部署Hugo方法

EdgeOne提供了Hugo模板，可以使用模板创建一个全新的Hugo站点。对于已有Hugo项目的情况，可以通过安装npm包的方式部署Hugo。

如果只是想给现有站点加速，可以把EdgeOne当作普通CDN来使用。如果是静态博客，更推荐使用Pages来部署。Pages部署的最大好处是：每次Git推送更新，边缘节点会自动刷新，网站内容实时更新，不需要手动刷新CDN缓存。

如下图所示，点击通过Pages快速部署网站：

选择部署方式：

• 通过导入 Git 仓库创建：适合已有Hugo项目；
• 通过模板创建：创建全新的Hugo站点，将创建一个新的代码仓库；
• 通过上传文件创建：适合纯静态网站，内容基本不更新。

如果需要全新创建Hugo站点，可以选择hugo-starter模板快速创建：

部署现有Hugo项目

在项目根目录创建package.json，内容如下：

{
    "name": "hugo",
    "private": true,
    "scripts": {
        "build": "./node_modules/.bin/hugo --minify --cleanDestinationDir"
    },
    "dependencies": {
        "hugo-bin": "0.149.2"
    }
}

如果你的 Hugo 需要编译 Sass/SCSS 或 WebP 图片编码等扩展版的功能，则 Hugo 版本为：

"hugo-extended": "0.158.0"

查看最新版本号：

• hugo-bin
• hugo-extended

扩展版会比普通版体积大一点，多消耗一点部署时间。

构建命令可以根据自己需要配置参数，这里使用了压缩代码的参数：

./node_modules/.bin/hugo --minify --cleanDestinationDir

选择要导入的仓库：

配置部署和构建参数：

• 加速区域：未备案选择全球不含大陆区域；已备案推荐选择全球可用区（含中国大陆），相比单纯的大陆区域，全球区域流量贵一点；免费套餐无脑选择全球可用区（含中国大陆）；
• 框架预设：目前EdgeOne没有提供Hugo选项，选择Other；
• 根目录：根据你的项目情况，输入Hugo项目所在目录；
• 输出目录：./public；
• 构建命令：npm run build；
• 安装命令：npm install –save-dev。

部署完成，每次Git推送都会触发自动部署，边缘节点缓存会自动刷新。免费版EdgeOne每个月构建次数500次，普通站点足够使用了。