hugo搭建我的博客,详细步骤

额,一时兴起, 搭建一个基于hugo的我的博客玩一下

博客地址: https://zhang-550.github.io/

将hugo部署到github上,供外网访问: http://www.javashuo.com/article/p-vcvhksom-go.html

1. 下载安装hugo

官网下载地址
https://github.com/gohugoio/hugo/releases
咱们根据自身状况选择下载
我是win64位的,因此就用win64进行演示了
下面网盘中的hugo是win64的
连接：https://pan.baidu.com/s/1LW1zEnVq0KStWNeFfUksXg 
提取码：ttzz 
复制这段内容后打开百度网盘手机App，操做更方便哦

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删除掉或者改成false，否则正式生产的时候不会生成文章，由于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

有时间再更新将本地的hugo部署到github上的教程