一直以来，个人的很多应用站点，包括博客、MDX、BioIT网址导航等，都托管和部署在了 Coding 上，而且用的基本都是网站托管服务中的“静态网站”（coding 新建网站没有 hugo 可以勾选）!
image.png

自己平时懒得去管主机的各种服务之类的，主机（尤其是云主机）在部署 Hugo 用的最多的是：

  1. 使用 hugo 来生成站点的静态网站文件；
  2. 把静态网站文件 push 到 coding，通过 coding 的静态网站服务进行自动部署。

今天，来解锁 coding 上的一个 “持续集成” 功能，通过它自动进行托管并部署 Hugo 网站（从此再也不用依赖主机了）。

CODING 和腾讯云关联

这边要打通两边，做一个关联，详细就不多说了，折腾一下都OK的。

创建项目

做了上面的事情后，你应该会有一个团队主体，然后用这个团队主体创建一个项目。
image.png
image.png

创建两个仓库

创建项目成功后进入项目。创建两个仓库，一个是存储源代码的文件，一个是放置生成的静态网站文件。
image.png

流程配置

创建完网站后，在左边导航栏选择”持续集成”→”构建计划”，选择自定义构建过程。
image.png
image.png
image.png

在自定义构建过程中点击确定后，进入创建构建计划设置——流程配置。
image.png

代码检出

代码检出保持原有的就可以，不用去设置什么。
image.png

执行 Hugo 构建

定义 2-1 步骤名称（我这里命名为：执行 Hugo 构建）。
image.png
image.png
image.png
image.png

  1. # 这一步是下载 hugo 的执行程序，我是放在了 coding 的制品里面了；
  2. # 外网下载好像速度有点慢，可以修改成其他版本或下载地址，下面需要对应修改文件名。
  3. curl -fL "https://shenweiyan-generic.pkg.coding.net/btscl/tools/hugo_Linux-64bit.tar.gz?version=0.91.0" -o hugo_Linux-64bit-0.91.0.tar.gz
  5. # 解压
  6. tar -zvxf hugo_Linux-64bit-0.91.0.tar.gz
  7. # 删除压缩包
  8. rm -rf hugo_Linux-64bit-0.91.0.tar.gz
  10. # 列出当前目录的文件
  11. ls -hal 
  13. # 移动 hugo 到执行目录
  14. mv hugo /usr/bin/hugo
  16. # 由于前一步我们把代码检出了，所以我们目前是处于源代码目录下的；
  17. # 执行 hugo 命令便可生成静态网站到 public 目录。
  18. hugo -D

执行代码同步

点击”增加阶段”，增加一个”3-1 执行代码同步阶段”。

image.png

image.png

  1. # 进入到网站目录
  2. cd ./public
  3. # 初始化仓库
  4. git init
  5. # 绑定public仓库，这边是可以用默认变量token来代替认证
  6. git remote add origin https://${CODING_USER}:${CODING_TOKEN}@e.coding.net/shenweiyan/webstack/nav.bioitee.pub.git
  7. git add --all
  8. git commit -m "执行自动更新" 
  9. # 强制推送内容
  10. git push --force origin master

添加环境变量

image.png
CODING_USER 和 CODING_TOKEN 的环境变量可以通过下面的方法获取（如下截图），也可以直接使用你个人的用户名和密码。
image.png
勾选以下权限：

  • project:depot，读/写，完整的仓库控制权限；
  • project:file，读/写，授权读取与操作文件；
  • project:deployment，读/写，授权用户持续部署；
  • project:ci，读/写，持续集成；

image.png
image.png

配置完成

配置完成后，点击保存。
image.png

立即构建

流程配置后立即构建，这个时候就会自动跑一遍这个流程了，基本上就完成了整个自动化构建部署。
image.png

image.png

简单总结

最后说几句，这边要注意流程计划的触发规则为当代码源触发时自动执行，这样的话当你源代码仓库有更新时就会执行这个流程更新 public 仓库，而当 public 仓库发生改动时，你可以结合腾讯云的云开发 Webify 触发静态网站自动部署，具体的 Webify 操作可以参考《腾讯云云开发 Webify 上手体验》。