如何使用hugo搭建个人博客(一)

如何使用hugo搭建个人博客?
按照创建步骤有:
1. 在win7上使用hugo,能够本地预览(就是本文了)
2. 修改主题:颜色,字体,布局(后续)
3. 添加follow与修改share的方式(后续)
3. 添加评论系统disqus(后续)
4. 添加站内搜索(后续)
5. 放到个人vps或者推到第三方托管(推荐阅读)

Hugo 是一个用 Go 语言编写的静态网站生成器,简单易用。类似的静态网站生成器还有Jekyll 。

Hugo在windows 7上的使用如下:

1. 安装hugo

1.1 安装go

可以在go github上下载 go 1.6
双击exe文件,一路next安装。安装完成之后,查看go安装结果:

1.2 安装hugo

hugo for win64

或者官网下载:https://gohugo.io/
下载后双击exe,一路next即可。查看安装结果:

1.3. 安装git(用来下载主题和管理博客文件的修改信息)

博客文件中的修改可以使用git进行版本管理,快速使用教程见: [廖雪峰 git教程](http://www.liaoxuefeng.com/wiki/0013739516305929606dd18361248578c67b8067c8c017b000)

2. 创建站点

创建一个目录,用来存放站点文件,然后使用hugo命令生成新站点:

mkdir my_logs
hugo new site  mysite

运行结果:

文件结构的含义是:
原文解释见 https://gohugo.io/content/
|- archetypes :存放default.md,头文件格式
|- content :content目录存放博客文章(markdown文件)
|- data :存放自定义模版,导入的toml文件(或json,yaml)
|- layouts :layouts目录存放的是网站的模板文件
|- static :static目录存放图片,css等静态资源
|- config.toml :config.toml是网站的配置文件

3. 选择主题

在mysite目录下新建一个themes文件夹,存放主题文件。
本例选择使用crisp主题,可以直接下载crisp主题:

mkdir themes
cd themes
git clone https://github.com/Zenithar/hugo-theme-crisp.git

下载完成后:

4. 本地预览

在cmd中启动hugo server:
hugo server –theme=hugo-theme-crisp –buildDrafts –watch

启动命令说明:
–theme 用于选择主题
–watch 用于实时监控博客文件(配置文件和博客内容)的变化,方便调试

然后在浏览器中打开 http://localhost:1313/

5. 编写博客内容

在content目录中创建和编写test.md:

可以在localserver:1313中看到效果:

打开test :

6. 查看更多themes以及主题Demo

查看更多主题可以访问:

查看crisp主题的Demo:

你可能感兴趣的:(软件工具)