前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >关于 HugoFast 这个项目

关于 HugoFast 这个项目

作者头像
子舒
发布2023-08-23 14:37:50
1660
发布2023-08-23 14:37:50
举报

项目来源于我的突发奇想,并且基于热爱折腾的心理,利用GitHub本身提供的Api,将博客管理面板化。

目前仅支持 hugo,其他程序有对应的工具,就不造轮子了。

Github: https://github.com/zishume/HugoFast 网站: https://hugofast.netlify.app/ 用户文档: https://hugofast-docs.netlify.app/

1. 自托管

前往 https://github.com/zishume/HugoFast fork 本项目,然后下载到本地。

代码语言:javascript
复制
git clone https://github.com/zishume/HugoFast.git

::: warning 这里默认你有一定的代码基础,本地提前安装好了 node 依赖等。 :::

代码语言:javascript
复制
# 进入项目安装依赖包
cd HugoFast
yarn

# 使用 `yarn serve` 运行项目
yarn serve
代码语言:javascript
复制
# 打包到 dist 文件
yarn build

打包后的文件可以放在的任意空间部署。

2. 准备工作

(1) 获取Github Token

前往 https://github.com/settings/tokens/

image
image

新建一个 token ,选择 repo / user 这两个权限,名称随意,最后生成 token。

注意要保存好这个密钥,在新的终端打开网站需要用到这个密钥。

(2) 操作 hugo 源码仓库

前往你的 hugo 源码仓库,如下图。

image
image
image
image

在仓库的 setting/actions,滑到最下面,打开actions 的 pr 权限,不然actions自动部署会失败。

image
image

(3) 添加 .github/workflows/main.yml

点击 actions > set up a workflow yourself 新建一个 actions 工作流。

注意: git config --global user.email ""git config --global user.name "" 里面要填写你的GitHub 邮箱以及用户名。

代码语言:javascript
复制
name: hugo deploy

on:
    push:
    workflow_dispatch:
    schedule:
        # Runs everyday at 8:00 AM
        - cron: "0 0 * * *"

jobs:
    build:
        runs-on: ubuntu-latest
        steps:
            - name: Checkout
              uses: actions/checkout@v2
              with:
                  submodules: true
                  fetch-depth: 0

            - name: Setup Hugo
              uses: peaceiris/actions-hugo@v2
              with:
                  hugo-version: "latest"

            - name: Build Web
              run: hugo
            - name: Commit changes
              run: |
                git config --global user.email ""
                git config --global user.name ""
                git pull
                git add .
                git commit -m "my commit"                
            - name: Push changes
              uses: ad-m/github-push-action@master
              with:
                github_token: ${{ secrets.GITHUB_TOKEN }}
                branch: main

3. HugoFast 网站

使用官方提供的版本。

在线管理: https://hugofast.netlify.app/

image
image

第一行:获取的 GitHub Token 第二行:hugo 源码仓库

image
image

填写完成后,会自动获取文章目录,选择后点击确认。

image
image

进入网站就可以正常使用功能了,如修改文章,发布新文章,其他功能还在开发中。


未完待续…

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2023-06-02,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 1. 自托管
  • 2. 准备工作
    • (1) 获取Github Token
      • (2) 操作 hugo 源码仓库
        • (3) 添加 .github/workflows/main.yml
        • 3. HugoFast 网站
        领券
        问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档