• 欢迎访问圣洁的白莲!
  • 厚德载物,自强不息!

搭建hugo博客

折腾 菜根譚 15秒前 11次浏览 已收录 0个评论 扫描二维码
[编辑]
文章目录[隐藏]

闲来无事,折腾一下hugo静态博客。

一、安装hugo环境

hugo官网

1.下载hugo程序

hugo工具下载地址

选择windows 64位下载

搭建hugo博客

解押安装包后,双击hugo.exe安装
搭建hugo博客

2.配置环境变量

2.1:鼠标右键->属性

搭建hugo博客

2.2:点击高级系统设置

搭建hugo博客

2.3:点击环境变量

搭建hugo博客

2.4:选中path,点击编辑

搭建hugo博客

2.5:点击新建

搭建hugo博客

2.6:Hugo.exe目录,配置ok后点击确定,一路确定

搭建hugo博客

二、hugo新建博客

1.创建站点

打开cmd窗口,切换到你所要存储hugo博客的目录下。

新建一个目录名为blog的hugo站点

E:\blog>hugo new site blog

搭建hugo博客

2.创建文章

创建第一篇文章

E:\blog\blog>hugo new post/first-post.md

搭建hugo博客

(需要注意: 这里需要把draft删除掉或者改为false,不然正式生产的时候不会生成文章,因为draft是草稿)

3.hugo安装主题

可以去官方主题列表https://themes.gohugo.io/里面去挑选自己想要的主题

进入到themes目录下,使用git命令拉取主题

git clone https://github.com/alanorth/hugo-theme-bootstrap4-blog.git

搭建hugo博客

3.修改配置

修改hugo配置文件config.toml,将刚刚下载的主题设置为默认主题。

添加下面的配置

theme = "hugo-theme-bootstrap4-blog"

然后,在cmd窗口中执行hugo server
搭建hugo博客

复制地址http://localhost:1313/到浏览器中运行即可。

4.生成最终发布文件

直接运行hugo命令

hugo

搭建hugo博客

生成的文件在public目录中,复制该目录中的文件上传到服务器即可。
搭建hugo博客

浩瀚学海,虔诚分享


圣洁的白莲 , 版权所有丨如未注明 , 均为原创丨本网站采用BY-NC-SA协议进行授权
转载请注明原文链接:搭建hugo博客
喜欢 (0)
[]
分享 (0)
菜根譚
关于作者:
浩瀚学海,虔诚分享!
菜根譚
菜根譚发表我的评论
取消评论
表情 贴图 加粗 删除线 居中 斜体 签到