返回

轻松快捷集成博客文章:语雀云端写作 + Hexo + Github Actions + COS 持续集成

前端

持续集成:高效博客部署的终极指南

作为一名博主,你是否厌倦了手动更新和部署博客文章?你想自动化这个过程,节省时间和精力,专注于创造精彩内容?

介绍持续集成

持续集成是一种自动化工作流,可简化你的博客部署流程。它将语雀云端写作、Hexo、Github Actions 和 COS 结合起来,实现文章从编写到部署的无缝流转。

为什么使用持续集成?

  • 自动化文章同步和部署: 不再需要手动更新你的 Hexo 博客或部署到 COS,让持续集成为你处理这一切。
  • 保证文章及时性: 新文章会自动同步并部署到你的博客,确保读者及时获取最新内容。
  • 轻松管理博客内容: 集中管理所有博客内容,轻松更新和维护你的博客。

如何实施持续集成?

搭建 Hexo 博客

  1. 安装 Node.js 和 Hexo。
  2. 初始化 Hexo 项目。
  3. 选择并安装主题。
  4. 配置 Hexo。

连接语雀云端写作和 Hexo

  1. 在语雀云端写作中创建博客文章。
  2. 在 Hexo 项目中配置语雀云端写作。
  3. 将语雀云端写作中的文章同步到 Hexo 项目中。

设置 Github Actions 工作流

  1. 在 Github 仓库中创建工作流文件。
  2. 配置工作流,包括触发器、任务和操作。
  3. 将工作流文件推送到 Github 仓库。

部署到 COS 静态网站

  1. 在 COS 中创建存储桶。
  2. 在 Github Actions 工作流中配置 COS 部署。
  3. 将博客文章部署到 COS 存储桶中。

代码示例

name: CI

on:
  push:
    branches:
      - main

jobs:
  build-and-deploy:
    runs-on: ubuntu-latest
    steps:
      - uses: actions/checkout@v3
      - uses: actions/setup-node@v3
        with:
          node-version: '16'
      - run: npm install
      - run: npm run build
      - uses: actions/upload-artifact@v3
        with:
          name: built-site
          path: public
      - uses: tencentcloud/tencentcloud-action-cos@v1.3.1
        env:
          COS_SECRET_ID: ${{ secrets.COS_SECRET_ID }}
          COS_SECRET_KEY: ${{ secrets.COS_SECRET_KEY }}
        with:
          method: put_object
          region: ${{ secrets.COS_REGION }}
          bucket: ${{ secrets.COS_BUCKET }}
          key: index.html
          body_path: ./built-site/index.html

常见问题解答

1. 什么是语雀云端写作?
语雀云端写作是一个协作式的云端写作平台,可简化文档创建和管理。

2. Hexo 是什么?
Hexo 是一个静态博客框架,用于快速创建和部署博客网站。

3. Github Actions 是什么?
Github Actions 是一个自动化工作流平台,用于在 Github 仓库中设置自动化任务。

4. COS 是什么?
COS 是腾讯云提供的高可靠性、高可用性的对象存储服务。

5. 持续集成如何节省时间?
通过自动化文章同步和部署流程,持续集成节省了手动更新和部署的时间。