淺談我用過的博客系統(tǒng),以及Hugo的一些使用方法(本地構(gòu)建+服務(wù)器部署)
博客系統(tǒng)其實我用的不過,就兩個:Wordpress 和 Typecho。Hugo是生成靜態(tài)網(wǎng)頁的工具,不算博客系統(tǒng)。
只是搭建自己的小博客,直接盲選Typecho。Wordpress不需要的功能太多,而且占用也比較大。只是寫博客嘛,Typecho功能夠用了,各種功能的小插件,好多好看的主題,不就后臺界面簡單了點嘛,無傷大雅~? 隨時隨地都能用手機登錄后臺寫篇文章,這個巨方便啊!
Hugo是我這幾天嘗試的新玩具,不用后臺,不用數(shù)據(jù)庫,本地搭建直接預(yù)覽看效果,生成靜態(tài)網(wǎng)頁后直接上傳到服務(wù)器,整個過程都非常方便。唯一不方便的就是不能在帶薪上廁所時間用手機寫篇發(fā)牢騷的小文章了。
下面就簡單說說Hugo吧,B站好像有不少視頻教程了,貌似都是用的github?我手頭有個服務(wù)器,不用不是浪費嘛。感覺Hugo生成的靜態(tài)網(wǎng)頁也可以傳到虛擬主機里用,虛擬主機更便宜~? 貌似現(xiàn)在還能放到阿里云和騰訊云的對象存儲桶中,這個就更便宜了~
這是用阿里云OSS部署靜態(tài)網(wǎng)頁的教程:
https://blog.csdn.net/aliyunbaike/article/details/106047521
如果域名沒有備案,存儲桶一定要選外邊的呀!
Hugo本地構(gòu)建挺簡單的,先在官方github上下載主程序,https://github.com/gohugoio/hugo/releases,下載自己系統(tǒng)對應(yīng)的程序哈,我是Windows-64bit.zip。下載的壓縮包解壓到你能找到的文件夾,比如D:\hugo。然后在這個文件夾里新建一個bin文件夾,把解壓出來的hugo.exe文件挪到bin文件夾里(D:\hugo\bin)。然后再到系統(tǒng)設(shè)置里把環(huán)境變量設(shè)置一下。
后面開始用git進行命令行操作,下載地址:https://git-scm.com/download/win
其實這部分直接看教程文檔就行:https://www.gohugo.org/doc/overview/quickstart/
Hugo最麻煩的在安裝皮膚的部分,那場面堪比我買衣服~ (っ °Д °;)っ
先在這里挑一個看的順眼的主題:https://themes.gohugo.io/
我的建議是先看主題介紹,如果下面簡介特別長,又是插件又是擴展,代碼還特別特別多的,這種的后面修改起來也很麻煩,能避還是避開吧,除非是特別特別喜歡這個主題,就要用它,非它不可。
我是喜歡極簡的,越簡單越好,寫幾篇牢騷文章嘛,整那些花里胡哨的干啥。
選好主題,點擊download,會跳轉(zhuǎn)到github的頁面,這個github啊,不定時抽風(fēng),有時會打不開,多試幾次沒準就行了。
先打開git,這玩意長得跟命令提示符差不多。用CD命令把路徑弄到新建的站點里的themes文件夾,再用git?clone?把主題下載到文件夾里。


下載好的主題里一般會有個示例文件夾 exampleSite,把這里的東西都復(fù)制到站點根目錄里。

這個示例文件夾里會包含content文件夾(里面是文章模版),config.toml或config.yaml(全局設(shè)置文件),或許還會有static文件夾,里面是一些圖標和js文件。
第一步就是修改config.toml或config.yaml,title是網(wǎng)站名稱,author是作者,paginate是頁面顯示文章數(shù),不需要的功能就在前面加個#號給注釋掉,有些功能是用true和false來打開關(guān)閉,嗯……?每個主題情況不一樣,具體情況具體分析吧??傮w來說,主題越簡潔,需要設(shè)置的東西也就越少,主題越復(fù)雜,需要設(shè)置的也多,出錯也多。
修改完config后,不急著添加文章,先在git里用hugo?server命令讓程序跑起來,因為有些主題特別容易出錯……?hugo?server啟動成功后,打開瀏覽器,進入http://localhost:1313/,預(yù)覽下效果還有各個功能是否正常,都沒問題后,再往里面添加文章。
主題哪里不合心意可以自己修改一下,比如頁面都是英文,想改成中文可以到主題文件夾的layouts里修改,D:\hugo\sites\themes\hugo-theme-****\layouts,主要是修改這里面的html文件,比如頁腳footer.html,頁頭header.html,主頁index.html,全局baseof.html,文章頁single.html。如果想添加一些短代碼功能,也是在layouts文件夾里,新建shortcodes文件夾,把短代碼的html放進去就OK了。
最后文章也添加完成后,hugo?server看著都沒啥問題,就可以在git里用hugo命令生成靜態(tài)網(wǎng)頁了,生成的網(wǎng)站在public文件夾里。
服務(wù)器那頭很好弄,寶塔里新建網(wǎng)站,PHP那里選擇靜態(tài),然后把public文件夾的東西都上傳到 www/wwwroot/你的域名?里面,最后再設(shè)置好ssl就完成了。之后每次更新文章都要重新上傳一遍。如果覺得每次都要登陸寶塔比較麻煩,也可以用ftp的方式上傳文件。
Hugo文章里插入圖片,我是用的圖片url外鏈方式,MD里的寫法是:

Hugo文章里插入視頻,我用的B站外鏈短代碼,這個短代碼教程網(wǎng)上一搜就有了。
Hugo文章里插入音頻,我還是用的url外鏈,寫法:
好像也沒啥可寫的了,Hugo部分就到這里吧~