博客搭建一:通過Hugo搭建博客
打算把寫博客長(zhǎng)期堅(jiān)持下去,考慮到后面博文數(shù)量會(huì)慢慢增多,hexo框架會(huì)越來越捉襟見肘,于是把博客從hexo遷移至hugo。
安裝hugo
首先從GitHub上下載hugo,地址:
根據(jù)自己的電腦下載相應(yīng)的版本,下載下來后解壓到一個(gè)文件目錄(出于習(xí)慣最好選擇全英文路徑下吧)然后將hugo文件所在的路徑地址添加到系統(tǒng)環(huán)境變量path
中就可以使用了。
不用安裝!
不用安裝!
不用安裝!
在cmd命令中驗(yàn)證
hugo version
出現(xiàn)下面語句證明hugo可以正常使用了
Hugo Static Site Generator v0.70.0/extended windows/amd64 BuildDate: unknown
安裝Git
基本上下載下來一路下一步就可以了,然后將把git和你的倉庫進(jìn)行鏈接,這樣才能把本地文件推送進(jìn)你的博客倉庫里。
注冊(cè)GitHub賬號(hào)
新建一個(gè)空倉庫,倉庫名稱:username.github.io,為后面的GitHub pages做準(zhǔn)備,如果隨便起名,后面就不能把博客部署到GitHub上了。
建立博客站點(diǎn)
在某一個(gè)文件夾目錄下,運(yùn)行g(shù)it bash here命令(后面均在Git命令進(jìn)行):
hugo new site xxx ? # xxx為你為你的本地博客的名字,以后所有的文件都在xxx這個(gè)目錄下
然后該目錄下就會(huì)生成一堆文件,這些都不用管,我們只關(guān)心content文件夾、theme文件夾和config.toml文件,這里面包含了我們的博文.md文件存放處、博客主題和博客基礎(chǔ)頁面配置,例如改網(wǎng)站名作者名等等。
選擇一個(gè)博客主題
因?yàn)閔ugo沒有帶默認(rèn)主題,也就沒有博客頁面,所以要先找一個(gè)博客主題。在hugo官網(wǎng)上或者GitHub上都可以找到,然后按照上面的操作指導(dǎo)進(jìn)行即可。建議先選一個(gè)簡(jiǎn)單的,先把博客搭建起來熟悉一下,以后再慢慢選則。
新建一篇博客
hugo new posts/xxx.md
這樣就會(huì)在content文件夾下生成posts文件夾(有些主題的某個(gè)標(biāo)簽會(huì)指向posts文件夾),然后就會(huì)在該文件夾下生成markdown格式xxx.md文件,在里面寫博客內(nèi)容就行了。
部署博客
在博客根目錄下用cmd命令或直接git bash here 輸入:
hugo
會(huì)在博客根目錄生成public文件夾,里面的文件就是我們要推送到倉庫的文件,在該目錄下git bash here ,第一次推送要先與倉庫地址建立聯(lián)系。
git init
git commit -m "first commit"
git branch -M maingit remote add origin https://github.com/usename/usename.github.io.git
# **注:這里要改成你的倉庫地址,不然推送不成功**
git push -u origin main
以后添加文章:在public文件夾下操作
git add .
git commit -m "add blogs" #引號(hào)里的內(nèi)容是本次上傳說明
git push
至此你的博客基本上就搭建好了。
另:
1.如何更改網(wǎng)站圖標(biāo), 瀏覽器配置?
apple-touch-icon.png (180x180)
favicon-32x32.png (32x32)
favicon-16x16.png (16x16)
mstile-150x150.png (150x150)
android-chrome-192x192.png (192x192)
android-chrome-512x512.png (512x512)
放在博客根目錄 /static 目錄即可, 可以在 https://realfavicongenerator.net/ 網(wǎng)站上將圖片生成這些文件,部署到GitHub pages上時(shí)可能不會(huì)立即生效。
2.如何更新博客?
2.1 在博客根目錄運(yùn)行cmd命令
hugo new posts/新博文名字.md #若博客文章存放根目錄有多個(gè)文件夾可相應(yīng)替換posts
2.2 寫博客內(nèi)容
2.3 將博文部署到GitHub pages
在博客根目錄的public文件里git bash here
git add .
git commit -m "add blogs"
git push