额,折腾起来,搭建一个个人博客玩一下
1. 下载安装hugo
官网下载地址
https://github.com/gohugoio/hugo/releases
我们根据自身情况选择下载
我是win64位的,所以就用win64进行演示了
1.1 将安装包解压到指定目录
2. 配置环境变量
- 为什么要配置环境变量呢?
因为我们把hugo.exe解压到了D:\dev\hugo下面。hugo命令只能在该目录下才能识别。
如果我们想把博客目录建到其它目录下,就要配置环境变量。
2.1 步骤1:鼠标右键->属性
2.2 步骤2:点击高级系统设置
2.3 步骤3:点击环境变量
2.4 步骤4:选中path,点击编辑
2.5 步骤5:点击新建
2.6 步骤6:Hugo.exe目录,配置ok后点击确定,一路确定
3.hugo新建博客
3.1 打开cmd命令行
-
方式一: 快捷键:win+R键 win就是你的键盘上的那个四个格格
-
方式二: 通过电脑搜索cmd
3.2 输入如下命令
命令: hugo new site /path/to/site
比如 hugo new site E:/hugo/myBlogger
就会在E盘的hugo文件夹下新建一个叫myBlogger的hugo站点
3.2 hugo新建页面和文章
3.2.1 新建一个links页面
命令: hugo new links.md
links.md自动生成到了content.links.md, 内容如下
3.2.2 创建第一篇文章,放到post目录, 方便以后生成聚合页面
命令: hugo new post/myfirst.md
myfirst.md 自动生成到了 content/post/myfirst.md, 内容如下:
(需要注意: 这里需要把draft删除掉,不然正式生产的时候不会生成文章,因为draft是草稿)
3.2.3 hugo安装主题
可以去官方主题列表themes.gohugo.io里面去挑选自己想要的主题
我们使用gethub上一个icarus主题。
github.com/digitalcraftsman/hugo-icarus-theme
下载完成后放到如下目录:
3.2.4 配置主题
找到刚刚下载的主题, 打开config.toml文件。
E:\hugo\myBlogger\themes\hugo-icarus-theme-master\exampleSite\config.toml
将内容复制到myBlogger\config.toml中
baseurl需要改成你的github pages的仓库名,theme、themesDir改成主题目录名和主题路径(相对路径,绝对路径都可以,我使用的是相对路径)。
其他配置可以参考icarus主题的文档,这里就不做介绍了。
4. 执行如下命令
hugo server
访问该路径即可看到自己的博客了: localhost:1313 如果不行,看下之前3.2.2步骤中是否删掉了draft:true
来源:oschina
链接:https://my.oschina.net/u/4284277/blog/3207783