Awesome

语雀 + Hexo + GitHub Actions + Vercel 博客解决方案

前言

当前支持语雀 Token 模式（需要语雀超级会员）和账号密码模式（不需要任何会员）

博客工具

写作平台：语雀
博客平台：Hexo
博客主题：Next
博客文档同步：Elog
部署平台：Vercel

博客搭建指南

Fork模板仓库

点击 Fork 该模板仓库到个人 Github 账号仓库下并 clone 到本地

安装依赖

在项目根目录下运行命令安装依赖

npm install

新建 Elog 本地调试文件

在项目根目录中复制.elog.example.env文件并改名为.elog.env，此文件将用于本地同步语雀文档

配置语雀

参考示例知识库，选择或新建语雀文档知识库，并按照文档提示配置语雀并获取 token login repo。并在本地.elog.env中写入

Token 模式或者账号密码模式二选一即可，默认为账号密码模式，如果需要切换为 Token 模式，则修改elog.config.js中的platform为yuque

# 语雀（Token方式）
YUQUE_TOKEN=获取的Token

#语雀（账号密码模式）
YUQUE_USERNAME=一般是手机号
YUQUE_PASSWORD=登录密码

# 语雀公共参数
YUQUE_LOGIN=获取的login
YUQUE_REPO=获取的repo

本地调试

在项目根目录运行同步命令

npm run sync:local

启动 Hexo

在项目根目录运行hexo启动命令，会自动打开本地博客

npm run server

配置 Hexo 博客

根据 Hexo 文档和 next 主题配置文档，配置你的博客直到你满意为主，你也可以换别的主题，这里不做演示

提交代码到 github

本地访问没问题直接提交所有文件到 Github 仓库即可

部署到 Vercel

自动化同步&部署

注意：在非国内CI/CD环境中使用账号密码模式登录语雀，例如Github Workflow，会导致语雀后台登录设备中出现大量美国IP，目前尚不清楚语雀是否会有安全限制措施，请谨慎使用。推荐本地同步时使用。

配置 Github Actions 权限

在 Github 仓库的设置中找到 Actions-General，打开流水线写入权限Workflow permissions

配置环境变量

在本地运行时，用的是.elog.env文件中定义的语雀账号信息，而在 Github Actions 时，需要提前配置环境变量。
在 Github 仓库的设置中找到 Secrets and variables，新增仓库的环境变量和.elog.env保持一致即可

自动化部署

当在语雀中改动文档后，手动/自动触发 Github Actions流水线，会重新从语雀增量拉取文档，自动提交代码到 Github 仓库。
Vercel 会实时监测仓库代码，当有新的提交时都会重新部署博客。如此就实现了自动化部署博客。
整个流程的关键点就在于：如何手动/自动触发 Github Actions。
在项目.github/workflows/sync.yaml中已经配置了外部 API 触发 Github Actions 事件，所以只需要调用 API 触发流水线即可。

手动触发

为了方便，这里提供一个部署在 Vercel 的免费公用的ServerlessAPI，只需要配置好 URL 参数并浏览器访问即可触发流水线

https://serverless-api-elog.vercel.app/api/github?user=xxx&repo=xxx&event_type=deploy&token=xxx

自动触发-语雀 webhooks

需要语雀会员（普通会员即可）

在语雀知识库 - 更多设置 - 消息推送中可配置语雀 webhooks，填写上面的 Vercel Serverless API。当文档更新时，语雀会调用这个API进行推送，进而触发 Github Actions

注意：语雀是国内文档平台，调用国外Vercel 的服务可能会失败，可自行部署 API

注意：知识库配置了「自动发布」功能后，文档的更新/发布操作暂不会发送 webhooks

自定义 Elog 配置

如果想自定义 Elog 配置，可访问 Elog 文档

参考示例

示例 Github 仓库：https://github.com/LetTTGACO/yuque-hexo
示例语雀知识库：https://www.yuque.com/1874w/yuque-hexo-template
示例文档站点：https://yuque-hexo.vercel.app