- 安裝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