Hugo的安装与academic主题的使用

谈禄
2023-12-01


一、安装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.tomlSite的顶层配置文件,配置后的config.toml文件如下:


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


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

 

3、第一个Post

创建站点的第一个Post

$hugo new welcome.md

/Users/tony/Test/hugotest/tonybai.com/content/welcome.mdcreated

hugocontent下创建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


 类似资料: