在 AWS Amplify 上托管
前提条件
请在继续之前完成以下任务
- 创建一个 AWS 账户
- 安装 Git
- 创建一个 Hugo 站点 并使用
hugo server在本地测试 - 将更改提交到本地仓库
- 将本地仓库推送到您的 GitHub、GitLab 或 Bitbucket 账户
步骤
此过程将启用从 GitHub 仓库的持续部署。如果您使用 GitLab 或 Bitbucket，此过程基本相同。
- 步骤 1
- 在项目的根目录中创建一个名为
amplify.yml的文件。
touch amplify.yml
- 步骤 2
- 将以下 YAML 复制粘贴到您创建的文件中。根据需要更改应用程序版本和时区。
amplify.yml
version: 1
env:
variables:
# Application versions
DART_SASS_VERSION: 1.81.0
GO_VERSION: 1.23.3
HUGO_VERSION: 0.139.3
# Time zone
TZ: America/Los_Angeles
# Cache
HUGO_CACHEDIR: ${PWD}/.hugo
NPM_CONFIG_CACHE: ${PWD}/.npm
frontend:
phases:
preBuild:
commands:
# Install Dart Sass
- curl -LJO https://github.com/sass/dart-sass/releases/download/${DART_SASS_VERSION}/dart-sass-${DART_SASS_VERSION}-linux-x64.tar.gz
- sudo tar -C /usr/local/bin -xf dart-sass-${DART_SASS_VERSION}-linux-x64.tar.gz
- rm dart-sass-${DART_SASS_VERSION}-linux-x64.tar.gz
- export PATH=/usr/local/bin/dart-sass:$PATH
# Install Go
- curl -LJO https://golang.ac.cn/dl/go${GO_VERSION}.linux-amd64.tar.gz
- sudo tar -C /usr/local -xf go${GO_VERSION}.linux-amd64.tar.gz
- rm go${GO_VERSION}.linux-amd64.tar.gz
- export PATH=/usr/local/go/bin:$PATH
# Install Hugo
- curl -LJO https://github.com/gohugoio/hugo/releases/download/v${HUGO_VERSION}/hugo_extended_${HUGO_VERSION}_linux-amd64.tar.gz
- sudo tar -C /usr/local/bin -xf hugo_extended_${HUGO_VERSION}_linux-amd64.tar.gz
- rm hugo_extended_${HUGO_VERSION}_linux-amd64.tar.gz
- export PATH=/usr/local/bin:$PATH
# Check installed versions
- go version
- hugo version
- node -v
- npm -v
- sass --embedded --version
# Install Node.JS dependencies
- "[[ -f package-lock.json || -f npm-shrinkwrap.json ]] && npm ci --prefer-offline || true"
# https://github.com/gohugoio/hugo/issues/9810
- git config --add core.quotepath false
build:
commands:
- hugo --gc --minify
artifacts:
baseDirectory: public
files:
- '**/*'
cache:
paths:
- ${HUGO_CACHEDIR}/**/*
- ${NPM_CONFIG_CACHE}/**/*- 步骤 3
- 提交并将更改推送到您的 GitHub 仓库。
git add -A
git commit -m "Create amplify.yml"
git push
- 步骤 4
- 登录您的 AWS 账户，导航到 Amplify 控制台，然后按 部署应用程序 按钮。
- 步骤 5
- 选择一个源代码提供商，然后按 下一步 按钮。
- 步骤 6
- 授权 AWS Amplify 访问您的 GitHub 账户。
- 步骤 7
- 选择您的个人账户或相关组织。
- 步骤 8
- 授权访问一个或多个仓库。
- 步骤 9
- 选择一个仓库和分支，然后按 下一步 按钮。
- 步骤 10
- 在“应用程序设置”页面上，滚动到底部，然后按 下一步 按钮。Amplify 会读取您在步骤 1-3 中创建的
amplify.yml文件，而不是使用此页面上的值。 - 步骤 11
- 在“查看”页面上，滚动到底部，然后按 保存并部署 按钮。
- 步骤 12
- 当您的站点完成部署后，按 访问已部署的 URL 按钮以查看您发布的站点。
