如何使用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
或者官网下载: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:
有疑问加站长微信联系(非本文作者)