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

相关文章

java Long 与long之间的转换流程

《javaLong与long之间的转换流程》Long类提供了一些方法,用于在long和其他数据类型(如String)之间进行转换,本文将详细介绍如何在Java中实现Long和long之间的转换,感... 目录概述流程步骤1:将long转换为Long对象步骤2:将Longhttp://www.cppcns.c

spring-gateway filters添加自定义过滤器实现流程分析(可插拔)

《spring-gatewayfilters添加自定义过滤器实现流程分析(可插拔)》:本文主要介绍spring-gatewayfilters添加自定义过滤器实现流程分析(可插拔),本文通过实例图... 目录需求背景需求拆解设计流程及作用域逻辑处理代码逻辑需求背景公司要求,通过公司网络代理访问的请求需要做请

使用JavaConfig配置Spring的流程步骤

《使用JavaConfig配置Spring的流程步骤》JavaConfig是Spring框架提供的一种基于Java的配置方式,它通过使用@Configuration注解标记的类来替代传统的XML配置文... 目录一、什么是 JavaConfig?1. 核心注解2. 与 XML 配置的对比二、JavaConf

Java对接Dify API接口的完整流程

《Java对接DifyAPI接口的完整流程》Dify是一款AI应用开发平台,提供多种自然语言处理能力,通过调用Dify开放API,开发者可以快速集成智能对话、文本生成等功能到自己的Java应用中,本... 目录Java对接Dify API接口完整指南一、Dify API简介二、准备工作三、基础对接实现1.

将Java项目提交到云服务器的流程步骤

《将Java项目提交到云服务器的流程步骤》所谓将项目提交到云服务器即将你的项目打成一个jar包然后提交到云服务器即可,因此我们需要准备服务器环境为:Linux+JDK+MariDB(MySQL)+Gi... 目录1. 安装 jdk1.1 查看 jdk 版本1.2 下载 jdk2. 安装 mariadb(my

使用Python构建一个Hexo博客发布工具

《使用Python构建一个Hexo博客发布工具》虽然Hexo的命令行工具非常强大,但对于日常的博客撰写和发布过程,我总觉得缺少一个直观的图形界面来简化操作,下面我们就来看看如何使用Python构建一个... 目录引言Hexo博客系统简介设计需求技术选择代码实现主框架界面设计核心功能实现1. 发布文章2. 加

Python将博客内容html导出为Markdown格式

《Python将博客内容html导出为Markdown格式》Python将博客内容html导出为Markdown格式,通过博客url地址抓取文章,分析并提取出文章标题和内容,将内容构建成html,再转... 目录一、为什么要搞?二、准备如何搞?三、说搞咱就搞!抓取文章提取内容构建html转存markdown

Spring AI ectorStore的使用流程

《SpringAIectorStore的使用流程》SpringAI中的VectorStore是一种用于存储和检索高维向量数据的数据库或存储解决方案,它在AI应用中发挥着至关重要的作用,本文给大家介... 目录一、VectorStore的基本概念二、VectorStore的核心接口三、VectorStore的

python之流程控制语句match-case详解

《python之流程控制语句match-case详解》:本文主要介绍python之流程控制语句match-case使用,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐... 目录match-case 语法详解与实战一、基础值匹配(类似 switch-case)二、数据结构解构匹

在VSCode中本地运行DeepSeek的流程步骤

《在VSCode中本地运行DeepSeek的流程步骤》本文详细介绍了如何在本地VSCode中安装和配置Ollama和CodeGPT,以使用DeepSeek进行AI编码辅助,无需依赖云服务,需要的朋友可... 目录步骤 1:在 VSCode 中安装 Ollama 和 CodeGPT安装Ollama下载Olla