- 安装Go
1. 从官方网站下载:https://dl.google.com/go/go1.13.5.windows-amd64.msi
2. 安装
3. 设置环境变量:控制面板->系统及安全性->系统->系统设定->环境变量path c:\go\bin
4. 执行cmd:go version 显示版本 :go version go1.13.5 windows/amd64
- 安装hugo
1. 下载 hugo编译好的文件https://github.com/gohugoio/hugo/releases/download/v0.58.3/hugo_extended_0.58.3_Windows-64bit.zip
2. 解压到e:\yunduan.io\bin,只有一个文件hugo.exe
3. 运行命令行程序cmd,cd e:\yunduan.io\bin
4. 设置环境变量:控制面板->系统及安全性->系统->系统设定->环境变量path e:\hugo\bin(如果不添加path每次运行的时候要指定hugo的行对路径类似..\bin\hugo)
5. 执行hugo version
- 安装git 并clone 代码
1. 下载并安装git:https://git-scm.com/download
2. 安装完毕后运行cmd:git version :git version 2.23.0.windows.1,表明git已经可是使用
- 安装hugo默认的theme
1. cd e:\yunduan.io
2. ..\bin\hugo new site base
3. cd base\theme
4. git clone https://github.com/spf13/hyde.git
- 创建个人博客:支持菜单
1. cd e:\yunduan.io\base
2. 打开config.toml
```
baseURL = "http://example.org/"
languageCode = "en-us"
title = "My New Hugo Site"
theme = "hyde"
[menu]
[[menu.main]]
identifier = "blog"
name = "Blog"
url = "/posts/"
```
3. hugo new posts/first.md
4. hugo server --theme=hyde -v -D
5. 访问http://127.0.0.1:1313
- hugo目录结构
```
base
├── archetypes
├── config.toml
├── content
├── data
├── layouts
├── static
├── themes
└── public
└──archetypes
└──config.toml
```
1. config.toml
所有的hugo站点都有一个全局配置文件,用来配置整个站点的信息,hugo默认提供了跟多配置指令。
2. content
站点下所有的内容页面,也就是我们创建的md文件都在这个content目录下面。
3. data
data目录用来存储网站用到一些配置、数据文件。文件类型可以是yaml|toml|json等格式。
4. layouts
存放用来渲染content目录下面内容的模版文件,模版.html格式结尾,layouts可以同时存储在项目目录和themes//layouts目录下。
5. static
用来存储图片、css、js等静态资源文件。
6. themes
用来存储主题,主题可以方便的帮助我们快速建立站点,也可以方便的切换网站的风格样式。
7. public
hugo编译后生成网站的所有文件都存储在这里面,把这个目录放到任意web服务器就可以发布网站成功
8. archetypes
Hugo new 创建内容页面的时候预置的内容模板
```
---
title: "{{ replace .Name "-" " " | title }}"
date: {{ .Date }}
draft: true
---
```
- 【入门】1:Hugo介绍
- 【入门】2:Hugo网站和主题演示
- 【入门】3:Hugo跟Wordpress和Hexo对比
- 【入门】4:20分钟快速搭建Hugo网站
- 【入门】5:免费网站托管到Gitpages
- 【入门】6:图标icon/robot.txt/404页面创建和设置
- 【入门】7:网站地图sitemap
- 【进阶】8:自定义菜单
- 【进阶】9:自定义Tag/category
- 【进阶】10:页面Meta keyword
- 【进阶】12:创建页面摘要
- 【进阶】11:创建列表【进行中...】
- 【进阶】13:创建分页
- 【进阶】14:创建统计
- 【进阶】15:创建rss
- 【高级】16:创建页面目录
- 【高级】17:创建站内搜索
- 【高级】18:创建多语言支持
- 【高级】19:显示相关内容
- 【高级】20:显示当前页面所有Tag
- 【高级】21:创建社交联系方式
- 【高级】22:创建社交分享
- 【高级】23:创建评论gitalk
- 【高级】24:自动化部署-netlify
- 【高级】25:自动化部署-Github actions