利用 Hexo 或者 hugo 搭建個人博客

我們無法選擇生活的樣子敷待,但我們可以記下來间涵。

博客的開始

其實,一切都是為了更好的裝逼榜揖。好吧勾哩,我著相了。

最開始想做一個自己博客根盒,主要是因為看到了很多人都有钳幅,覺得自己沒有太 Low 了。于是申請了 CSDN 的用戶炎滞,但是太丑了敢艰,于是又申請了博客園,感覺這些都不是我想要的册赛,而做為一個 Emacser 不使用 Github 搭建一個自己的博客钠导,感覺就已經(jīng)落伍了。

于是就有這最初的一個森瘪,相當(dāng)簡陋的利用 Emacs 的 Org-mode 搭建的博客牡属,后來看了 Org-page 這個包,但是逮栅,我配置不好按敕ァ特纤!為什么為什么!

最后侥加,從 Hugo 和 Hexo 之間捧存,我選擇了 Hexo,雖然 Hugo 在 Windows 上使用起來更方便担败,但是我還是覺得 Hexo 更適合我昔穴。

利用 Hexo 的坑

  1. 有些插件需要翻墻,有些不用提前,我也不記得哪個用哪個不用了吗货,實在不行可以使用淘寶的
    npm 源進(jìn)行安裝。

  2. 環(huán)境配置好之后狈网,最好更新一下模板卿操,把一些常用的內(nèi)容寫到 Hexo
    的模板里,這樣在后續(xù)的使用中孙援,可以快速的增加標(biāo)簽拓售、分類和簡介等內(nèi)容。

  3. 學(xué)習(xí) Markdown , 這個并不是一個坑镶奉,而是一個忠告础淤,作為一個常年游蕩在
    GitHub 的好同志來說,但是對于一個 Emacser 來說哨苛,我更喜歡 Org-mode
    鸽凶,但是 Org-mode 并不能直接用來發(fā)布 Hexo
    博客,有些人會說可以利用一些工具亿蒸,但是與其增加一些工具凑兰,不如學(xué)習(xí)一下
    Markdown, 這根本用不了幾分鐘,雖然 Org-mode
    很強大(忍不住安利一波)边锁,但是 Markdown
    作為一個大眾的標(biāo)記語言姑食,簡單的語法還是需要我們掌握的。

  4. 記住常用的命令

    • hexo new markdown_file 新建文章
    • hexo new page html_file 新建頁面
    • hexo generate 生成靜態(tài)頁面到 public 目錄
    • hexo server 開啟預(yù)覽訪問端口茅坛,4000音半, Ctrl+c 關(guān)閉 server
    • hexo deploy 將 .deploy 目錄部署到 GitHub

這里需要配置 deploy 的項目地址并安裝了 hexo-deployer-git 插件,才能使用這個功能

  1. 最后一個坑,挑選一個合適的主題曹鸠,好吧煌茬,我選擇了很久——大概四天吧,可能很多人能非澄镅樱快的決定宣旱,但是對于我來說,把所有好看的主題都看一遍叛薯,才是我想做的事浑吟,最后我選擇了 Next 主題,簡單美觀耗溜,還有非常齊全的配置說明

  2. 部署使用的命令有三個 hexo clean / hexo generate / hexo deploy
    组力,這三個命令之后,就可以登錄你的靜態(tài)博客頁面去查看了抖拴。

博客的生活

我很喜歡調(diào)試自己的博客燎字,但是寫博客就不是那么喜歡了,但是我希望能養(yǎng)成一個定期寫博客的習(xí)慣阿宅。

所以候衍,我需要博客,主要是用來裝...咳洒放,主要是用來記錄我們的生活蛉鹿、工作的內(nèi)容,這樣在下次使用的時候往湿,就能更好的做到了妖异。

Hexo 相關(guān)安裝

在幾次試驗之后,Node.js 環(huán)境還是使用 nvm
管理比較好用领追,下載的時候可以使用 npm --registry=https://registry.npm.taobao.org install 進(jìn)行安裝下面的模塊他膳。

npm install -g hexo-cli
npm install hexo-deployer-git --save
npm install hexo-generator-search --save
npm install hexo-generator-feed --save
npm install -g tern
npm install -g js-beautify
npm install -g jshint
npm install -g js-yaml
npm install hexo-renderer-jade --save
npm install hexo-renderer-sass --save

hugo

Hugo 是由 Go 語言實現(xiàn)的一個 Static Site Generator 工具,特點就是快绒窑,而且默認(rèn)是支持 Org mode 這種文本的棕孙。

雖然對于 hexo 而言少了許多好看的主題,但是對于 Org mode 的默認(rèn)支持讓我有了決心一用的沖動些膨。

在使用了一段時間之后散罕,發(fā)現(xiàn)這個工具完美的解決了我所有的問題,并能讓我專心于博客寫作本身而不是工具傀蓉,雖然有一些不方便欧漱,但最后還是決定繼續(xù)使用,而且要減少對工具本身的使用葬燎,而加強寫作本身误甚。

在長時間的使用之后缚甩,發(fā)現(xiàn) HugoOrg mode 的支持也比較一般,對于一些比較好用的特性窑邦,功能都不支持擅威,最好的方案還是從 Org 轉(zhuǎn)成 Markdown ,所以在最終使用 ox-hugo 工具配合 Hugo 使用冈钦,然后通過 capture 功能直接生成對應(yīng)的博客文章郊丛,方便快捷。

ox-hugo 配置

使用 ox-hugo 主要需要配置兩個內(nèi)容瞧筛,一是將 ox-hugo 增加到配置中厉熟,然后是在 啟動 org-capture 的時候,增加一個新的選項较幌,可以將自動新增一篇文章揍瑟。

(use-package ox-hugo
  :after ox)

(with-eval-after-load 'org-capture
  (defun org-hugo-new-subtree-post-capture-template ()
    "Return `org-capture' template string for new Hugo post."
    (let* ((date (format-time-string (org-time-stamp-format :long :inactive) (org-current-time)))
           (title (read-from-minibuffer "Post Title: "))
           (file-name (read-from-minibuffer "File Name: "))
           (fname (org-hugo-slug file-name)))
      (mapconcat #'identity
                 `(
                   ,(concat "* TODO " title)
                   ":PROPERTIES:"
                   ,(concat ":EXPORT_FILE_NAME: " fname)
                   ,(concat ":EXPORT_DATE: " date)
                   ":END:"
                   "%?\n")
                 "\n")))

  (add-to-list 'org-capture-templates
               '("h"
                 "Hugo post"
                 entry
                 (file "~/workspace/blog/hugo-posts.org")
                 (function org-hugo-new-subtree-post-capture-template))))

在這里,我是將所有的文章寫到對應(yīng)的一個文件中乍炉,然后將文件中的所有內(nèi)容生成到對應(yīng)的 hugo 文件夾中绢片。

文件頭配置如下:

#+HUGO_BASE_DIR: ~/workspace/blog/content/
#+SEQ_TODO: TODO DRAFT DONE
#+OPTIONS: ^:{}

然后在這個文件中使用導(dǎo)出的快捷鍵,就可以看到對應(yīng)的選項了岛琼,將 org-export-dispatch 命令綁定到自己的快捷鍵上就可以看到對應(yīng)的輸出命令底循。

ox-hugo-export

文章首發(fā)于:https://www.zucchiniy.cn

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市槐瑞,隨后出現(xiàn)的幾起案子此叠,更是在濱河造成了極大的恐慌,老刑警劉巖随珠,帶你破解...
    沈念sama閱讀 219,270評論 6 508
  • 文/潘曉璐 我一進(jìn)店門倦炒,熙熙樓的掌柜王于貴愁眉苦臉地迎上來显沈,“玉大人,你說我怎么就攤上這事逢唤±叮” “怎么了?”我有些...
    開封第一講書人閱讀 165,630評論 0 356
  • 文/不壞的土叔 我叫張陵鳖藕,是天一觀的道長魔慷。 經(jīng)常有香客問我,道長著恩,這世上最難降的妖魔是什么院尔? 我笑而不...
    開封第一講書人閱讀 58,906評論 1 295
  • 正文 為了忘掉前任蜻展,我火速辦了婚禮,結(jié)果婚禮上邀摆,老公的妹妹穿的比我還像新娘纵顾。我一直安慰自己,他們只是感情好栋盹,可當(dāng)我...
    茶點故事閱讀 67,928評論 6 392
  • 文/花漫 我一把揭開白布施逾。 她就那樣靜靜地躺著,像睡著了一般例获。 火紅的嫁衣襯著肌膚如雪汉额。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 51,718評論 1 305
  • 那天躏敢,我揣著相機與錄音闷愤,去河邊找鬼。 笑死件余,一個胖子當(dāng)著我的面吹牛讥脐,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播啼器,決...
    沈念sama閱讀 40,442評論 3 420
  • 文/蒼蘭香墨 我猛地睜開眼旬渠,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了端壳?” 一聲冷哼從身側(cè)響起告丢,我...
    開封第一講書人閱讀 39,345評論 0 276
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎损谦,沒想到半個月后岖免,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,802評論 1 317
  • 正文 獨居荒郊野嶺守林人離奇死亡照捡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,984評論 3 337
  • 正文 我和宋清朗相戀三年颅湘,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片栗精。...
    茶點故事閱讀 40,117評論 1 351
  • 序言:一個原本活蹦亂跳的男人離奇死亡闯参,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出悲立,到底是詐尸還是另有隱情鹿寨,我是刑警寧澤,帶...
    沈念sama閱讀 35,810評論 5 346
  • 正文 年R本政府宣布薪夕,位于F島的核電站脚草,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏原献。R本人自食惡果不足惜玩讳,卻給世界環(huán)境...
    茶點故事閱讀 41,462評論 3 331
  • 文/蒙蒙 一涩蜘、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧熏纯,春花似錦同诫、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,011評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至秩贰,卻和暖如春霹俺,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背毒费。 一陣腳步聲響...
    開封第一講書人閱讀 33,139評論 1 272
  • 我被黑心中介騙來泰國打工丙唧, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人觅玻。 一個月前我還...
    沈念sama閱讀 48,377評論 3 373
  • 正文 我出身青樓想际,卻偏偏與公主長得像,于是被迫代替她去往敵國和親溪厘。 傳聞我的和親對象是個殘疾皇子胡本,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 45,060評論 2 355

推薦閱讀更多精彩內(nèi)容