首先說一下Hugo是由go語言實現的靜態網站生成器。簡單、易用,高效,易擴展、快速部署。
github 不用說了,步入正題
首先要下載 hugo_0.53_Windows-64bit
然后創建文件 :D:gitHub/hugo/bin
D:gitHub/hugo/sites
將下載的hugo.exe 放在D:gitHub/hugo/bin目錄中
然后就是配置環境變量 將hugo.exe 的目錄編輯到Path 中 點擊確定就可以了
驗證是否 配置成功
hugo version
創建本地網站:在sites目錄中打開 Git Base Here
hugo new sites blog
創建完成之后的目錄介紹:
|- archetypes 存放default.md ,頭文件格式
|-content content 目錄存放博客文章(.markdown/.md文件)
|-data 存放自定義模板,導入的toml文件(或json、yaml)
|-layouts layouts目錄存放網站的網站模板文件
|-static 存放js/css/img 等靜態資源
|-config.toml config.toml 是網站的配置文件
當前網站是沒有任何內容的,需要下載主題并且創建一個文章才可以跑起來哦!
安裝主題
Hugo官方主題:https://themes.gohugo.io/
這里我選用的是dream 主題,從github下載下來,將解壓出來的文件放在thems文件夾中,
并且需要在創建dream 文件夾存放剛來下載下來的所有的文件。 下載主題的名字在圖片的左下角 哦!
包含以下文件:
|-archetypes 存放default.md 頭文件格式
|-layouts 主題模板文件、
|-static 靜態資源
|-themo.toml 主題配置文件
發表文章
hugo new post/test.md
可用文本文件或markdown 打開post/test.md 并增加點內容
---
date ="自動生成的創建時間"
title="test"
draft =true //這里需要注意 要手動改成false 才能看到頁面
生成靜態網站
需要提前在github上建立一個Repositories 名字 起名為:你的github用戶名.github.io 然后在文件夾的根目錄中執行下面的這個命令,停,還沒完,需要修改config.toml 中的baseUrl為 你創建的知識庫名稱 ,添加上剛才下載的主題:
theme="dream"
$ hugo --theme=dream --baseUrl ="https://yourname.github.io"
所有的靜態頁面就會存放在一個叫public文件夾中 ,將github創建的repositories clone 下來 ,然后將public 中所有的文件放到 你clone 下來的文件夾中,提交到github上即可
Git 提交代碼到github上
第一步 :
git add . //將所有的文件上傳
第二步:
git commit -m "描述"
第三步:
git push -u origin master
完成 訪問 https://youname.github.io 即可