github pages + hugo 搭建静态博客网站

server/2024/12/21 23:06:06/

github.io/my_hugo_blog/" rel="nofollow">体验地址

1. 起因, 目的:

  1. 其实6年前,我就写过这个。
    项目代码
    博客地址

  2. 最近想改写一下。
    github 推荐的主题是 Jekyll, 我当时用的就是这个,感觉很麻烦。尤其是文章命名。

  3. 新的主题 hugo 用起来还行。

2.过程:

过程记录, 需要详细! 因为问题非常多!

3. 参考教程:

  1. 视频教程: https://www.youtube.com/watch?v=_QSr2_pxIJs
  2. 配置文件,参考来源: https://theplaybook.dev/docs/deploy-hugo-to-github-pages/
一句话介绍 hugo:

hugo 是一个静态博客渲染工具, go 语言写的。
安装:

choco install hugo-extended # 失败。 估计是权限
scoop install hugo-extended # ok!

运行的话, 最好是使用 wsl , cmd 也行!!
新 hugo 建项目

hugo new site my_hugo_blog -f yaml
cd my_hugo_blog

安装主题,

git init
git clone https://github.com/adityatelange/hugo-PaperMod themes/PaperMod --depth=1
git submodule add --depth=1 https://github.com/adityatelange/hugo-PaperMod.git themes/PaperMod

修改 “hugo.toml”, 增加一行
theme = “PaperMod”

新建文章

hugo new docs/test_file.md
!!! !!! !!! !!!
!!! 修改 draft = true, ----> draft = false 否则无法渲染。 直接删掉这一行也行。
!! !!! !!! !!!

查看文章: localhost:7897/docs/test_file

github__52">下面就 github 相关的操作了
  • 创建github 项目,上传文件。
  • 新建一个分支, gh-pages !!! 这里名称不能变。 必须是 gh! 一个字都不能变!
  • 开启 github actions 读写权限 https://github.com/buxuele/my_hugo_blog/settings/actions
  • mkdir -p .github/workflows, 新建+修改 deploy.yml
  • 修改 “hugo.toml”, 增加 baseUrl
报错:

其实就是修改一个 hugo 的版本。


老哥留步,支持一下。

请求支持


http://www.ppmy.cn/server/132198.html

相关文章

BUFG是否可以像BUFR 一样分频

回答: 不,BUFG 不能像 BUFR 一样进行频率分频。BUFG 是全局时钟缓冲器,用于在整个 FPGA 芯片范围内分配时钟信号,但它不具备频率分频的功能。相比之下,BUFR 是区域时钟缓冲器,除了提供时钟缓冲功能外&…

基于vue框架的大学校园生活交流平台rko1z(程序+源码+数据库+调试部署+开发环境)系统界面在最后面。

系统程序文件列表 项目功能:用户,寻物启事,分享类型,校园分享 开题报告内容 基于Vue框架的大学校园生活交流平台开题报告 一、项目背景与意义 随着信息技术的飞速发展,大学校园生活日益多元化和数字化。学生们对于信息获取、分享与交流的需求日益增长…

软件工程:图书管理系统甘特图

1 实验目的 熟悉GanttProject 软件环境,能够使用GanttProject绘制甘特图,进行项目管理与规划。 2 实验内容 为小型图书管理系统项目的实施计划绘制甘特图。 小型图书管理系统项目包含登录、浏览、管理读者、管理图书资料、管理书目、登记借书、登记还书、预定图书、…

智融SW3526 DC/DC+快充协议二合一IC

描述 SW3526 是一款高集成度的多快充协议充电芯片, 支持 C 口或 A 口输出, 其集成了 3.5A 高效率同步降压变换器, 支持 PPS/PD/QC/AFC/FCP/SCP/PE/SFCP 等多种快充协议以及 CC/CV 模式。 外围只需少量的器件, 即可组成完整的高性能…

uniapp onPageScroll

子组件有onPageScroll, 首页也要引入onPageScroll, eg: 主页面 sell/detail/index 《子组件》 <script setup> 引入onPageScroll </script> 组件&#xff1a; 引入onPageScroll 别人的比较

Redis最佳实践

Redis最佳实践 文章目录 Redis最佳实践1 Redis键值设计1.1 优雅的key结构1.2 拒绝BigKey1.2.1 什么是BigKey1.2.2 BigKey的危害1.2.3 如何发现BigKey1.2.4 如何删除BigKey 1.3 恰当的数据类型1.4 总结 2 批处理优化2.1 Pipeline2.1.1 大数据导入的方式2.1.2 Pipeline2.1.3 总结…

razor TagHelper 汇总、HtmlHelper 汇总

Tag Helper Tag Helpers 的范围由 addTagHelper 和 removeTagHelper 进行控制&#xff0c;并且 “!” 为退出字符。 addTagHelper *, Microsoft.AspNetCore.Mvc.TagHelpers // 手动高亮 asp-for 》》 Label <label asp-for"userName"></label>》》生…

ListView的Items绑定和comboBox和CheckBox组合使用实现复选框的功能

为 ListView 控件的内容指定视图模式的方法&#xff0c;参考官方文档。 ComboBox 样式和模板 案例说明&#xff1a;通过checkBox和ComboBox的组合方式实现下拉窗口的多选方式&#xff0c;同时说明了ListView中Items项目的两种绑定方式. 示例&#xff1a; 设计样式 Xaml代码…