您的位置:首页 > 编程语言 > Go语言

Hugo的安装与academic主题的使用

2016-08-03 00:02 218 查看
一、安装Hugo

1.下载:https://github.com/spf13/hugo/releases/tag/v0.16

只有hugo.exe,LICENSE.md,README.md三个文件

将其解压到 路径X(如C:\Hugo\bin)

 

2.配置环境变量

将hugo.exe所在路径添加到 用户变量 path中

 

3.验证

进入 Cmd-》到指定路径  ,输入hugo help

二、部署静态网页

1、创建静态站点

1.1 我们来创建一个名为”tium.com”的静态站点:

1.2 然后文件夹中会多一个tium.com文件夹,这是站点的后台目录结构,目录都是空的。除了config.toml中的三行内容,右图是输入tree查看的结构:

1.3 要将hugo.exe 放到tium.com文件夹下,再输入hugo server 才行;

此时Hugo启动了一个server作为该Site的Web Server。通过浏览器访问http://localhost:1313,你将看到一个完全空白的站点首页,战斗就要开始咯!

2、添加Theme

1.添加主题 https://github.com/gcushen/hugo-academic/tree/16f4009339520c151d49edee2b2fdfe6c5879f20 $ mkdir themes
$ cd themes
$ git clonehttps://github.com/spf13/hyde.git
2.修改需要对Site进行一些配置,tonybai.com/config.toml是Site的顶层配置文件,配置后的config.toml文件如下:

3.在tonybai.com目录下重新执行hugo server,并打开浏览器查看站点首页,你会发现视野里有内容了:

空白------?????

 

3、第一个Post

创建站点的第一个Post:
$hugo new welcome.md
/Users/tony/Test/hugotest/tonybai.com/content/welcome.mdcreated
hugo在content下创建welcome.md文件,我们编写一些文件内容:
+++
Categories =["Development", "GoLang"]
Description = ""
Tags = ["Development","golang"]
date ="2015-09-23T16:30:37+08:00"
menu = "main"
title = "你好,Hugo"
 
+++
 
这是使用Hugo创建的站点中的第一篇文章。
保存后,重新执行hugoserver命令,打开浏览器,你将看到下面的情形:

具体请参考:http://download.csdn.net/detail/dwx953571268/9594011
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  hugo