hugo 博客写作流程 (二)

2024-06-16 11:20
文章标签 流程 写作 博客 hugo

本文主要是介绍hugo 博客写作流程 (二),希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

写作工具

推荐两款软件,本人都使用过: typora和obsidian

typora:

https://github.com/woniu336/typora-007

新建文章

在博客目录找到shell/quickstart.sh双击打开即可

发布到Github

前提:

  1. 魔法上网
  2. 在Github新建一个仓库

找到shell/quickstart.sh双击打开,选择7.SSH 管理工具 按照1到4走一遍流程

  • 科普一下: hugo是静态博客,需要把public目录下的所有文件发布到github
  • 你可能找不到public目录,工具箱选择第3项:生成静态文件即可
  • 需要把public单独作为一个仓库发布到github,选择菜单8:推送 public 到Github
  • 远程仓库格式,例如:git@github.com:woniu336/fff.git

Github Actions 工作流

Github Actions 通俗解释: 按照剧本去执行任务,什么时候干什么事情

打开git bash 在博客目录运行

mkdir -p .github/workflows

在workflows目录新建main.yml文件,粘贴以下内容:

name: Auto Deploy hugo
on:push:branches:- main # 更新触发的分支
jobs:build-deploy:#  runs-on: ubuntu-latestruns-on: ubuntu-20.04steps:- name: Check out repository codeuses: actions/checkout@v4with:submodules: recursive # Fetch Hugo themes (true OR recursive)fetch-depth: 0 # Fetch all history for .GitInfo and .Lastmod- name: Setup hugouses: peaceiris/actions-hugo@v3.0.0with:#  hugo-version: "latest" # 可以修改为你使用的 Hugo 版本hugo-version: "0.127.0"extended: true # 设置是否需要 extended 版本- name: Cache resources # 缓存 resource 文件加快生成速度uses: actions/cache@v3with:path: resources# 检查照片文件变化key: ${{ runner.os }}-hugocache-${{ hashFiles('content/**/*') }}restore-keys: ${{ runner.os }}-hugocache-- name: Build Hugo static files # 部署静态资源run: hugo --gc --minify- name: Deploy to Github Pages  # 部署到Github Pages页面uses: peaceiris/actions-gh-pages@v3with:personal_token: ${{ secrets.PERSONAL_TOKEN }} external_repository: woniu336/woniu336.github.io  publish_dir: ./public # hugo 生成到 public 作为跟目录publish_branch: main # Github Pages 所在分支commit_message: ${{ github.event.head_commit.message }}

这个文件的作用是将 Hugo 生成的静态网站文件从 ./public 目录发布到 woniu336/woniu336.github.io 仓库的 main 分支,并且使用指定的个人访问令牌来进行身份验证和授权。
把woniu336/woniu336.github.io改成你自己的public仓库,前面是用户名,后面是仓库名

你需要做两件事:

  1. 打开https://github.com/settings/tokens/new 新建令牌

  2. 发布项目到github,注意:这里不是指public仓库,是博客根目录发布到github,

然后在settings/secrets/actions添加变量

name: PERSONAL_TOKEN

Value: 新建的令牌

  1. 然后你就可以使用工具箱脚本中的菜单5:一键推送了,你会看到推送了两个仓库.

发布到vercel绑定github,选择或者cloudflare同理

在vercel绑定github,选择推送public目录的远程仓库,一键部署,cloudflare同理

这篇关于hugo 博客写作流程 (二)的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/1066328

相关文章

Security OAuth2 单点登录流程

单点登录(英语:Single sign-on,缩写为 SSO),又译为单一签入,一种对于许多相互关连,但是又是各自独立的软件系统,提供访问控制的属性。当拥有这项属性时,当用户登录时,就可以获取所有系统的访问权限,不用对每个单一系统都逐一登录。这项功能通常是以轻型目录访问协议(LDAP)来实现,在服务器上会将用户信息存储到LDAP数据库中。相同的,单一注销(single sign-off)就是指

Spring Security基于数据库验证流程详解

Spring Security 校验流程图 相关解释说明(认真看哦) AbstractAuthenticationProcessingFilter 抽象类 /*** 调用 #requiresAuthentication(HttpServletRequest, HttpServletResponse) 决定是否需要进行验证操作。* 如果需要验证,则会调用 #attemptAuthentica

kubelet组件的启动流程源码分析

概述 摘要: 本文将总结kubelet的作用以及原理,在有一定基础认识的前提下,通过阅读kubelet源码,对kubelet组件的启动流程进行分析。 正文 kubelet的作用 这里对kubelet的作用做一个简单总结。 节点管理 节点的注册 节点状态更新 容器管理(pod生命周期管理) 监听apiserver的容器事件 容器的创建、删除(CRI) 容器的网络的创建与删除

10个好用的AI写作工具【亲测免费】

1. 光速写作 传送入口:http://u3v.cn/6hXWYa AI打工神器,一键生成文章&ppt 2. 讯飞写作 传送入口:http://m6z.cn/5ODiSw 3. 讯飞绘文 传送入口:https://turbodesk.xfyun.cn/?channelid=gj3 4. AI排版助手 传送入口:http://m6z.cn/6ppnPn 5. Kim

火语言RPA流程组件介绍--浏览网页

🚩【组件功能】:浏览器打开指定网址或本地html文件 配置预览 配置说明 网址URL 支持T或# 默认FLOW输入项 输入需要打开的网址URL 超时时间 支持T或# 打开网页超时时间 执行后后等待时间(ms) 支持T或# 当前组件执行完成后继续等待的时间 UserAgent 支持T或# User Agent中文名为用户代理,简称 UA,它是一个特殊字符串头,使得服务器

UMI复现代码运行逻辑全流程(一)——eval_real.py(尚在更新)

一、文件夹功能解析 全文件夹如下 其中,核心文件作用为: diffusion_policy:扩散策略核心文件夹,包含了众多模型及基础库 example:标定及配置文件 scripts/scripts_real:测试脚本文件,区别在于前者倾向于单体运行,后者为整体运行 scripts_slam_pipeline:orb_slam3运行全部文件 umi:核心交互文件夹,作用在于构建真

C++/《C/C++程序编译流程》

程序的基本流程如图:   1.预处理        预处理相当于根据预处理指令组装新的C/C++程序。经过预处理,会产生一个没有宏定义,没有条件编译指令,没有特殊符号的输出文件,这个文件的含义同原本的文件无异,只是内容上有所不同。 读取C/C++源程序,对其中的伪指令(以#开头的指令)进行处理将所有的“#define”删除,并且展开所有的宏定义处理所有的条件编译指令,如:“#if”、“

笔记本电脑的具体选购步骤流程

2.1 笔记本电脑的具体选购步骤流程   关于笔记本电脑的选购,一直是热点话题。不管是新手还是老前辈,选购前,总是要先上网查一查,汇总一些信息或经验。因为选购一台笔记本电脑,从它的配置、外观到做工等很多方面都需要考量,所以挑一台自己喜欢的、适合自己的笔记本电脑也是一件很费脑筋的事情。本节将一些选购笔记本电脑的经验进行了总结,供广大读者选购笔记本电脑时参考。   笔记本电脑选购流程如下

基于微信小程序与嵌入式系统的智能小车开发(详细流程)

一、项目概述 本项目旨在开发一款智能小车,结合微信小程序与嵌入式系统,提供实时图像处理与控制功能。用户可以通过微信小程序远程操控小车,并实时接收摄像头采集的图像。该项目解决了传统遥控小车在图像反馈和控制延迟方面的问题,提升了小车的智能化水平,适用于教育、科研和娱乐等多个领域。 二、系统架构 1. 系统架构设计 本项目的系统架构主要分为以下几个部分: 微信小程序:负责用户界面、控制指令的