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

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

  • 2
    点赞
  • 15
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值