hugo搭建个人博客

本秂侑毒 提交于 2020-03-21 16:35:30

3 月,跳不动了?>>>

额,折腾起来,搭建一个个人博客玩一下

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

标签
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!