Hugo的安装与academic主题的使用
来源:互联网 发布:矩阵分析 编辑:程序博客网 时间:2024/04/29 13:16
一、安装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的安装与academic主题的使用
- 使用Hugo搭建自己的博客(github)
- 如何使用hugo搭建个人博客(三):添加follow与修改share的方式
- 进击的雨果Hugo,Yugo
- Wordpress的主题与插件的使用
- industry对academic architecture research的看法
- 关于Microsoft Academic Search的一些看法
- Xcode主题的安装
- Headway 主题的安装
- Wordpress的主题安装
- 如何使用hugo搭建个人博客(二):修改主题:颜色,字体,布局
- 使用Hugo搭建博客
- 使用hugo搭建博客
- Android Hugo 使用
- hugo使用备忘录
- 主题的使用
- 主题的使用
- springMVC主题的使用
- 内连接和外连接
- 【前端开发系列】—— 利用选择器添加内容
- Linux shell ${}简单用法
- Java IO 转换流的读入和写出
- Java入门项目model
- Hugo的安装与academic主题的使用
- JAVA 日期、时间函数大全
- Java入门项目view
- (古月居)ROS探索总结(六)使用smartcar进行仿真使用smartcar进行仿真——INDIGO版修正
- 【数据结构 笔记00】C++链表的创建与操作
- [hdu 2068 RPG的错排] 错排公式
- Base64编解码及flags参数
- Java Scanner类在OJ中的简单使用
- 2017年搜狐内推 面试题——谈谈面试中的算法