Ricardo

博客搭建

Hugo 博客搭建与主题配置记录,合并自旧笔记仓库

阅读时长: 3 分钟

博客搭建

前言

最早博客搭建是用的wordpress,挑了好久(就是拖延),最后选了hugo,说是快。因为看到很多人从hexo转hugo,想一步到位。其实可能并不能写太多文章发布
自己也测试了hexo,体验了一把,确实感觉速度慢,不能接受(虽然时间没那么宝贵,但有点耗神)

记录下操作记录吧,方便后期回顾
最开始也想用自己的域名,但在申请域名的时候难倒了,纠结于名字,最后决定,快速上线,先用 github.io 这个

最后就是hugo的使用,跟主题修改了,现在还没做好,慢慢改

  • 是否需要英文版面
  • 决定有哪几个大分类
  • 评论系统
  • 最后就是样式优化,参考: https://blog.skk.moe/

需求

  • 有顶层一级导航朗
    • 主页、归档、tags
  • 分两列,文章和侧边栏,不用三列布局

差不多就是这些,特比担心三分钟热的,甚至不足三分钟。先记录下来

Hugo 与 Hexo 的异同

https://io-oi.me/tech/hugo-vs-hexo/

自己写了一个主题 meme

https://io-oi.me/tech/documentation-of-hugo-theme-meme/

Sukka 他的博客风格样式很喜欢,但不会开发,一直想拿来做参考

我的博客有多快

Hugo 博客搭建教程

  1. Github Pages + Hugo 搭建个人博客
  2. 2022 年了,聊聊我为什么还在写博客
  3. deploy_your_blog_using_hugo_and_github_action
  4. Hugo博客自定义shortcodes
  5. Hugo Stack主题更新小记
  6. 博客切换到STACK 主题
  7. 个人网站的建立过程(三):Hugo主题stack的使用与优化
  8. Hugo主题开发日记
  9. Hugo 详细笔记(建站教程、工作原理)
  10. Hugo 从入门到会用
  11. hugo搭建个人博客2-文章写作
  12. 手把手使用Hugo搭建网站-中级篇

博客安装

代码
1
2
3
4
5
6
7
arch -arm64 brew install hugo
brew install hugo

git clone https://github.com/sona201/blogs.git
git submodule
git submodule init
git submodule update

git子模块功能安装使用

Git submodule 子模块的管理和使用

代码
1
2
3
4
5
6
7
git submodule add https://github.com/sona201/hugo-theme-stack themes/hugo-theme-stack

# 删除 submodule 方式,自定义主题
rm -rf  .gitmodules # 删除项目目录下.gitmodules文件中子模块相关条目
vi .git/config # 删除配置项中子模块相关条目
rm .git/module/* 删除模块下的子模块目录,每个子模块对应一个目录,注意只删除对应的子模块目录即可
git rm --cached themes/hugo-theme-stack -rf

可参考官方文档的 Introduction to Hugo Templating
可参考 Régis Philibert 写的相关教程。
推荐安装相应的语法高亮插件,以更高效开发,博主后来开发时使用的是 VS Code 的 Hugo Language and Syntax Support。

hugo 配置文件官方说明

喜欢的主题参考

hugo-notepadium
hugo-theme-meme
个人博客链接

优化

参考链接区分优先级别,哪些价值不大,哪些还需要继续参考研究

https://zz2summer.github.io/github-pages-hugo-%E6%90%AD%E5%BB%BA%E4%B8%AA%E4%BA%BA%E5%8D%9A%E5%AE%A2/#%E5%9B%9B%E9%80%89%E6%8B%A9-hugo-%E4%B8%BB%E9%A2%98

https://www.sulvblog.cn/posts/blog/shortcodes/

https://chupai.github.io/posts/200316_hugo/

https://www.gohugo.org/doc/overview/quickstart/

https://www.gohugo.org/doc/content/organization/

https://shuzang.github.io/2019/hugo-blog-article-write/

hugo 的配置使用 https://www.yunduan.io/posts/hugo-medium-level-lesson/

https://gohugo.io/hosting-and-deployment/hosting-on-github/

好的链接 https://strrl.dev/links/

路径配置最关键

https://qwqaq.com/2022/04/migrate-to-hugo/#%E5%88%B6%E4%BD%9C%E4%B8%BB%E9%A2%98

这个链接讲内容很详细,但没有讲怎么搞配置文件。所以要结合上面一篇文章

关于博客搭建(建站之初link)

comments powered by Disqus
记录自己
Built with Hugo
主题 Stack 由 Jimmy 设计