hugo搭建个人博客(一)-本地部署

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

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

将hugo部署到github上,供外网访问: https://my.oschina.net/u/4284277/blog/3210343

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上的教程

• 已更新:

将hugo部署到github上,供外网访问: https://my.oschina.net/u/4284277/blog/3210343