Hexo-Gitee-OSS-阿里云效构建自动化博客站点

🌞写在前面

新工作不能用语雀写东西,只能重新鼓捣起来自己的博客。这么多年对比下来。感觉这种方案,还是比较简单省心的。所以趁这个机会,记录一下。

🌞准备工作

  1. hexo初始化一个项目
  2. gitee创建一个仓库,把hexo代码托管上去
  3. 阿里云注册一个账号,开通oss,和云效
  4. 一个已经备案过的域名

🌞配置码云

找到管理里面的webhooks设置,准备添加一个触发器。这个触发器的作用是,每次写完博客,提交推送代码之后,就会触发这个webhook,这里要填入等下的云效接口,这样就可通知云效,有新内容更新,需要拉取最新代码,运行流水线,自动打包。

这里可以选择只勾选push,或者全部勾上都行。

🌞配置OSS

  1. 进入阿里云的OSS控制台
  2. 点击创建一个Bucket,可以理解为一个存储空间,云效打包之后的产物,静态资源都会放在这里面。
  3. 在域名管理里面,添加绑定域名。如果需要证书,可以申请一个免费的证书。单个域名免费可以在阿里云申请,通配符的免费域名可以在来此加密这个国内网站申请。都是三个月的有效期,快到期记得回来更换掉就行。
  4. 访问权限。把“公共读”权限打开。
  5. 静态页面。默认首页index.html,子目录首页开通,文件404根据需要配置,上面都有具体的功能说明。

🌞配置云效

  1. 进入云效首页,创建一个企业,进入。
  2. 左侧这里有流水线。
  3. 右上角,新建流水线,选择一个nodejs模板创建。
  4. 把中间这块的测试部分的节点,全部点击,删除掉。自己的流水线,用不着。
  5. 添加源。这里就是连接码云的部分。点击添加流水线源,选码云,添加一个服务连接。根据提示窗口,配置上就行。然后这里刷新就有你的码云仓库了。选择一下,分支。
  6. 然后点击nodejs构建节点,按照我这样配置就行。
  7. 不要关闭,这里还需要点击添加步骤,添加oss上传的部分。像我这样,添加服务连接,直接可以选择刚刚创建的oss,源文件目录要填public,因为hexo打包完的产物就放在这个文件夹下面。
  8. 如果你还想要在走到这里,收到邮件的推送通知,可以把你的邮箱在这里填写一下。
  9. 然后,右上角点仅保存,还有最后一步,配置触发器。把第一个链接复制一下,配置到码云的webhooks那里,可以点击测试一下了,如果运行起来了触发器,就OK了。
  10. 然后,可以提交推送一下代码,看看,是不是自动化的运行起来了。

    🌞常见问题

  11. 收费问题,oss按量收费,具体可以看一下阿里云的计费说明。一般来说,用不了几毛钱,云效免费。
  12. 如果这一个博客只有自己写,可以把流水线的并发度限制设置成1,这样连续提交两次,后面的提交会再次触发流水线,把前面的取消掉,这样就不用排队等上一个跑完。
  13. oss的CDN加速不用开。

推荐文章