Magren

Magren

Idealist & Garbage maker 🛸
twitter
jike

博客遷移至Hugo

先說說為啥要遷移#

在這之前用的是 hexo + next 主題,然後自己心血來潮加了網易雲的外鏈還有 live 2d,tag cloud 這些東西,也有人說過挺好看的,但是自己看多了就覺得有點花裡胡哨,而且當我在網上查閱東西進到別人博客的時候,看到的基本都是 hexo + next…… 有點審美疲勞。

但也很容易理解,hexo 比較容易上手而且比較穩定,有著功能齊全並且成熟的主題(說的就是 Next),這個時候我的眼光放到了 hugo 上。

Hugo 依靠 Go 語言進行開發,並且號稱世界上最快的構建網站工具,究竟有多快我也不知道,但是我用 hexo 生成靜態網頁的時候還需要等,用 hugo 就沒有等過,給我的感覺就是我敲完命令回車的那一刻他就好了……

另一方面就是 hugo 支持熱加載,在文件修改的內容支持實時地顯示在網頁上,比起 hexo 需要點多下刷新來說,還是比較方便的。

hugo 雖然有著上述說的優點,但是 hugo 在知名度上不及 hexo,教程還有資料,以及優化配置這些方面在網上相比 hexo 來說都是比較少的,所以有些東西還得自己慢慢摸索。

搭建#

環境#

  • Git

  • 由於 hugo 依靠 go 語言,所以還得裝Go

  • 接著裝hugo

    hugo 解壓完後只需要將其添加到環境變量中即可。

生成博客#

hugo 安裝完後可以用命令行運行 hugo new site ' 博客名字' ,這樣 hugo 會生成一個用於存放博客的文件夾,裡面一般有:

  • archetypes/
  • content/
  • data/
  • themes/
  • layouts/
  • static/
  • config.toml

一般的配置信息寫在 config.toml 裡面,文章以及一些頁面在 content 裡面,archetypes 裡面一般放的是使用 hugo new 生成頁面的時候頭部配置信息格式。themes 裡面放的是你需要的主題。

主題安裝#

跟 hexo 不同,hugo 沒有自帶的主題,所以這個時候運行 hugo serve 來瀏覽的時候是一片空白的,所以這個時候我們得去hugo 官網主題庫裡去找喜歡的主題。

同時按照主題給的文檔在 config.toml 裡面進行配置,一般下載下來的主題文件夾裡有一個 exampleSite 的文件夾,那是作者的配置示例,如果不知道配置什麼的話可以複製作者的示例,然後自行修改即可。

生成博文#

使用hugo new posts/xxxx.md 命令,可以使 content/posts 文件夾中生成你需要的 markdown 文件,用 markdown 語法編輯即可。

還有要注意的就是新生成的文件上方與 hexo 不同的是多了一條 draft 屬性,這是表示是否是草稿,假如是 true 的話該文件不會渲染成頁面,更不會在博客中顯示,刪掉或者改成 false 便會渲染了。

添加 tag 和 categories 的方法跟 hexo 是一樣的。

生成頁面#

特別的頁面(archives 頁面等)可以使用 hugo new page/xxx.md生成,例如 about 頁面就 hugo new page/about.md,生成後將 draft 刪掉後添加一條 layout 屬性,表明他是什麼頁面,about 頁面的話就layout: about

瀏覽以及部署#

瀏覽的話用hugo serve命令,然後地址為 http://localhost:1313/

與 hexo 略有不同。

執行hugo命令生成靜態頁面,然後博客的文件夾下會多了一個 public 文件夾,這個文件夾下就是最後生成的頁面,將 public 文件夾中的文件 push 到倉庫中就好了。

最後#

從長遠角度看的話,寫的博文越多 hugo 的優勢越明顯。

但其實我只是想弄來玩玩而已。

Just for fun。

載入中......
此文章數據所有權由區塊鏈加密技術和智能合約保障僅歸創作者所有。