Contents

Hugo使用

前置项

前提:安装hugo,官网链接,自行根据自己电脑系统进行选择

Quick start

1.创建项目

hugo new site 项目名

image-20250818193352473

2.创建具体blog

hugo new xxx.md

在文档中撰写blog内容

3.预览blog

hugo server -D

将展示所有blog,包括草稿,点击链接即可查看。

示例如下:

image-20250818193843578

安装主题

接下来安装主题,我们直接使用Hugo推荐的一些主题。比如说我使用的是blackburn这个主题:

git clone https://github.com/olOwOlo/hugo-theme-even.git themes/even

将主题git clone到themes/even目录下,在config.toml中配置:

theme = "even"

这样主题就安装好了。

如何使用github托管blog

按照hugo官方文档配置workflow:参考链接

配置完成后每次git push自动触发更新。

如何创建图床

我选择使用picGo来帮助管理图片上传,具体参考picGo配置图床,官方文档

配置完成后可以在picGo的app上使用,例如:

https://cdn.jsdelivr.net/gh/code-dom/picGo/img/202508190917739.png

如果使用的是typora写作可以参考,配置图片上传功能PicGo+Typora搭建个人笔记系统

参考资料

http://shuzang.top/2019/hugo-blog-article-write/

https://yuanyi-au.github.io/posts/hugo/

https://gdzhu8023.github.io/post/buildblog/

https://www.yuhuizhen.com/2022/11/27/image-bed/

https://picgo.github.io/PicGo-Doc/zh/guide/config.html

https://zhuanlan.zhihu.com/p/340760172

切换主题可参考:使用hugo搭建博客