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
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
相关文章推荐
- spm使用之六安装别人写好的spm文档主题模板
- Sublime Text2两款漂亮的主题皮肤安装与切换使用方法
- Nopcommerce主题模板安装与使用
- Sublime Text主题皮肤安装与切换使用方法
- sublime text3主题安装及下载使用方法
- 如何使用hugo搭建个人博客(二):修改主题:颜色,字体,布局
- Sublime Text2两款漂亮的主题皮肤安装与切换使用方法
- spm使用之六安装别人写好的spm文档主题模板
- PyCharm 2017 官网 下载 安装 设置 配置 (主题 字体 字号) 使用 入门 教程
- Metropolis主题的安装和使用
- sublime安装package Control,安装ExprotHTML,使用ExportHTML,sublime自定义主题颜色生成器
- Sublime Text2两款漂亮的主题皮肤安装与切换使用方法
- sublime text3主题安装及下载使用方法
- PyCharm 2017 官网 下载 安装 设置 配置 (主题 字体 字号) 使用 入门 教程
- 在网络中安装、配置和使用SUS服务
- GRUB安装,配置及使用汇总
- 嵌入式工具Qt的安装与使用
- perl在windows下的安装使用
- xplanner使用手记(安装)(2)
- 体验:VC++ .NET 2003 –安装和使用STLport 4.5.3 和LokiPort