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

justheretobe · · 5094 次点击 · · 开始浏览    
这是一个创建于 的文章,其中的信息可能已经有所发展或是发生改变。

如何使用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安装结果:

go

1.2 安装hugo

hugo for win64

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

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

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

2. 创建站点

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

mkdir my_logs
hugo new site  mysite

运行结果:
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

下载完成后:
hugo download crisp theme

4. 本地预览

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

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

hugo start local server

然后在浏览器中打开 http://localhost:1313/
hugo local server view

5. 编写博客内容

在content目录中创建和编写test.md:
hugo new post test.md file

可以在localserver:1313中看到效果:
localserver view test.md

打开test :
localserver view test.md  2

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

查看更多主题可以访问:
hugo themes

查看crisp主题的Demo:
huto crisp theme demo


有疑问加站长微信联系(非本文作者)

本文来自:CSDN博客

感谢作者:justheretobe

查看原文:如何使用hugo搭建个人博客(一)

入群交流(和以上内容无关):加入Go大咖交流群,或添加微信:liuxiaoyan-s 备注:入群;或加QQ群:692541889

5094 次点击  
加入收藏 微博
1 回复  |  直到 2017-09-19 06:13:57
暂无回复
添加一条新回复 (您需要 登录 后才能回复 没有账号 ?)
  • 请尽量让自己的回复能够对别人有帮助
  • 支持 Markdown 格式, **粗体**、~~删除线~~、`单行代码`
  • 支持 @ 本站用户;支持表情(输入 : 提示),见 Emoji cheat sheet
  • 图片支持拖拽、截图粘贴等方式上传