Hugo +github 簡單快捷搭建完成個人博客

首先說一下Hugo是由go語言實現(xiàn)的靜態(tài)網(wǎng)站生成器。簡單、易用,高效,易擴(kuò)展、快速部署。
github 不用說了,步入正題

首先要下載 hugo_0.53_Windows-64bit

然后創(chuàng)建文件 :D:gitHub/hugo/bin
D:gitHub/hugo/sites
將下載的hugo.exe 放在D:gitHub/hugo/bin目錄中

然后就是配置環(huán)境變量 將hugo.exe 的目錄編輯到Path 中 點擊確定就可以了

驗證是否 配置成功

hugo version
version.png

創(chuàng)建本地網(wǎng)站:在sites目錄中打開 Git Base Here

hugo new sites blog  

創(chuàng)建完成之后的目錄介紹:
|- archetypes 存放default.md ,頭文件格式
|-content content 目錄存放博客文章(.markdown/.md文件)
|-data 存放自定義模板,導(dǎo)入的toml文件(或json、yaml)
|-layouts layouts目錄存放網(wǎng)站的網(wǎng)站模板文件
|-static 存放js/css/img 等靜態(tài)資源
|-config.toml config.toml 是網(wǎng)站的配置文件

當(dāng)前網(wǎng)站是沒有任何內(nèi)容的,需要下載主題并且創(chuàng)建一個文章才可以跑起來哦!

安裝主題

Hugo官方主題:https://themes.gohugo.io/
這里我選用的是dream 主題,從github下載下來,將解壓出來的文件放在thems文件夾中,

并且需要在創(chuàng)建dream 文件夾存放剛來下載下來的所有的文件。 下載主題的名字在圖片的左下角 哦!
dream.png

包含以下文件:
|-archetypes 存放default.md 頭文件格式
|-layouts 主題模板文件、
|-static 靜態(tài)資源
|-themo.toml 主題配置文件

發(fā)表文章

hugo  new  post/test.md

可用文本文件或markdown 打開post/test.md 并增加點內(nèi)容

---
date ="自動生成的創(chuàng)建時間"
title="test"
draft =true   //這里需要注意 要手動改成false  才能看到頁面

生成靜態(tài)網(wǎng)站

需要提前在github上建立一個Repositories 名字 起名為:你的github用戶名.github.io 然后在文件夾的根目錄中執(zhí)行下面的這個命令,停,還沒完,需要修改config.toml 中的baseUrl為 你創(chuàng)建的知識庫名稱 ,添加上剛才下載的主題:

theme="dream"
$  hugo  --theme=dream --baseUrl ="https://yourname.github.io"

所有的靜態(tài)頁面就會存放在一個叫public文件夾中 ,將github創(chuàng)建的repositories clone 下來 ,然后將public 中所有的文件放到 你clone 下來的文件夾中,提交到github上即可

Git 提交代碼到github上

第一步 :

git  add .    //將所有的文件上傳

第二步:

git  commit -m  "描述"

第三步:

git push -u  origin master   

完成 訪問 https://youname.github.io 即可

我的博客:https://ZMQ222.github.io

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容