Hugo是由Go语言实现的静态网站生成器;简单、易用、高效、易扩展、快速部署。
网上像这样的文章估计都写烂了,俗话说的好,读万卷书,亦要行万里路,好记性也要烂笔头呀;好吧,废话不多说了,记录自己的过程!
Hugo中文文档 ,如下是一些命令指令的使用:
# 1、检测安装是否成功
hugo version
# 2、建立你的站点 hugo new site 你的站点名
hugo new site webName
# 3、cd webName 进入站点目录 ,创建文章
cd webName
hugo new posts/first.md
# 4、下载主题、运行
cd themes
git clone git@github.com:gethugothemes/bookworm-light.git
cd bookworm-light/exampleSite/ # 进入主题文件
hugo server --themesDir ../.. # 运行hugo
# 5、运行hugo(如果没有指定主题,请继续看完文章)
hugo server
# 6、生成静态页,可部署的 public 文件夹
hugo -D
# 7、部署到你的 GitHub 或 Gitee
cd public/
git init
git add .
git commit -m "first commit"
git remote add origin https://xxx.io.git
git push -u origin master
一、准备:
1、Go 环境搭建(菜鸟教程)a、 Go官网 b、Go官方镜像站(推荐)c、我的百度网盘下载 go1.17.2 win版(提取码:tps2)
2、Git 工具(菜鸟教程)
3、VS code(代码编辑器)
4、推荐使用 Typora(Markdown编辑器),我的网盘下载Typora(提取码:kr94)
5、hugo 下载 (GitHub地址),我的百度网盘下载 hugo(提取码:wkta),如下图:
hugo 文件夹有三个文件 hugo.exe、LICENSE、README.md;hugo 自己设置一下高级环境变量
二、使用
1、创建站点:
# 进入你想放站点的目录,鼠标右击空白处,选择 Git Bash Here
# 1、测试 hugo 是否成功
hugo version
# 2、建立你的站点 hugo new site 你的站点名 ,如下图:
hugo new site webName
# 3、现在你的站点都是空的,什么都没有,可以去下载你的主题了 https://themes.gohugo.io/
# 4、cd webName 进入站点目录 ,执行命令 hugo server
cd webName
hugo server
2、官方主题下载;当然,下方是我的百度网盘放置的几个主题:
http://Blonde 主题 提取码: 8a39
tranquilpeak 主题 提取码: wcf8
stack 主题(推荐) 提取码: aef7 ,Hugo 主题 Stack 的文档.
bookworm 主题(推荐) 提取码: 3h9h
liva 主题(推荐) 链接 提取码: h5pr
下载主题后,将之解压放置 thems 目录下,好了,要点在这里,将主题对应的文件拷贝(复制),如图所示:
将文件(../content/post/rich-content/index.md)内国外的变量链接都删除掉(注:好像每一个主题都有类似这个文件的,都要这样处理),保存
在 1、创建站点中执行 4 步,运行成功:访问 http://localhost:1313/