Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/elog-x/flowus-halo
FlowUs + Elog + Halo + GitHub Actions 博客解决方案
https://github.com/elog-x/flowus-halo
Last synced: about 2 months ago
JSON representation
FlowUs + Elog + Halo + GitHub Actions 博客解决方案
- Host: GitHub
- URL: https://github.com/elog-x/flowus-halo
- Owner: elog-x
- Created: 2023-11-30T04:59:56.000Z (about 1 year ago)
- Default Branch: master
- Last Pushed: 2024-07-08T22:31:13.000Z (6 months ago)
- Last Synced: 2024-08-01T19:39:22.529Z (5 months ago)
- Language: JavaScript
- Homepage: https://halo.1874.cool/archives/flowus-halo
- Size: 11.7 KB
- Stars: 5
- Watchers: 0
- Forks: 3
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# FlowUs + Elog + Halo + GitHub Actions 博客解决方案
> FlowUs 图片问题请升级 `package.json` 中的 `@elog/cli` 至 `0.13.5`
# 快速开始
## 站点工具汇总
- 写作平台：FlowUs
- 文档平台：[Halo](https://www.halo.run/)
- 文档同步：[Elog](https://github.com/LetTTGACO/elog)
## 站点搭建指南
### Fork模板仓库
[点击 Fork](https://github.com/elog-x/flowus-halo/fork) 该模板仓库到个人 Github 账号仓库下并 clone 到本地。
### 安装依赖
在项目根目录下运行命令安装依赖：
```shell
npm install
```
### 新建本地调试文件
在项目根目录中复制`.elog.example.env`文件并改名为`.elog.env`，此文件将用于本地同步文档时使用。
### 配置FlowUs
参考[示例数据表](https://flowus.cn/1874/share/e4e1e6dc-403b-45e6-b4cd-b3d8e6ae79b1)[格](https://flowus.cn/1874/share/e4e1e6dc-403b-45e6-b4cd-b3d8e6ae79b1)，选择或新建 FlowUs 数据表格，并按照[文档提示](https://elog.1874.cool/notion/gvnxobqogetukays#halo)配置 Halo 并获取`tablePageId endpoint token policyName`。并在本地`.elog.env`中写入。
```plaintext
# FlowUs
FLOWUS_TABLE_PAGE_ID=获取的数据表格页面ID
# Halo 站点信息
HALO_ENDPOINT=Halo 站点地址
HALO_TOKEN=获取的 Halo 个人令牌
HALO_POLICY_NAME=获取的存储策略
```
### 本地调试
仓库中有两个 elog 配置文件：
1. `elog.config.js`：同步到 Halo 时的配置文件，用于同步 FlowUs 文档到 Halo
1. `elog.config.local.js`：同步到本地时的配置文件，用于备份 FlowUs 文档到本地
在正式上传到 Halo 站点前，建议先运行本地同步命令，从 FlowUs 拉取文档到本地
```shell
npm run dev:local
```
拉取到本地测试没问题时，可运行同步到 Halo 命令
```shell
npm run dev:halo
```
### 配置 Halo 站点
配置你的Halo 站点直到满意为止，可适当安装一些主题、插件，例如：
- 代码高亮插件
- markdown 编辑器
### 提交代码到 github
halo 站点访问没问题直接提交所有文件到 Github 仓库即可
## 自动化同步&部署
### 检查 Github Actions 权限
### 配置环境变量
### 自动化部署
当在 FlowUs 中改动文档后，手动/自动触发 Github Actions流水线，会重新从 FlowUs 增量拉取文档，并自动部署到 Halo 站点，如此就实现了自动化部署博客。
整个流程的关键点就在于：如何手动/自动触发 Github Actions。
在项目.`github/workflows/sync.yaml`中已经配置了外部 API 触发 Github Actions 事件，所以只需要调用 API 触发流水线即可。
#### 手动触发
为了方便，这里提供一个部署在 Vercel 的免费公用的[ServerlessAPI](https://github.com/elog-x/serverless-api)，按照文档配置好 URL 参数并浏览器访问即可触发流水线
```shell
https://serverless-api-elog.vercel.app/api/github?user=xxx&repo=xxx&event_type=deploy&token=xxx
```
#### 自动触发
## 参考示例
示例 Github 仓库：[https://github.com/LetTTGACO/flowus-halo](https://github.com/LetTTGACO/flowus-halo)
示例 FlowUs 数据表格：[elog-halo](https://flowus.cn/1874/share/e4e1e6dc-403b-45e6-b4cd-b3d8e6ae79b1)
你也可以使用 Notion/语雀/飞书作为写作平台：
Notion 模版数据库: [notion-halo](https://www.notion.so/1874/b061632fc7d644eaa12f3e0f095938fb?v=7491fbb2415c43cf9752a7e4ad9f41a5&pvs=4)