hugo 建站(本地搭建)

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/ 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

逸曦穆泽

您的鼓励是我的动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值