這個Blog也維持很長一段時間了,曾經會想要放棄維護轉到其它平台,主要原因是Jekyll上稿有些麻煩的地方,其中一項最痛的就是上圖…。在上圖之前,都必須先將圖片放到/images
,接下來再手動寫相對位置,如果圖片要換,就必須再打開/images
資料夾,一來一往必須花很多時間。
最近發現了Atom編輯器有套件可以自動把圖片搬移到該資料夾,並且還有許多Jekyll的輔助功能,讓我可以更專注於Blog的文章內容。
如果您跟我一樣是 Jekyll 的使用者,相信你會很喜歡這編輯工具。
圖片來自於 Atom 官網
如何使用
在開始前,必須先安裝Atom
,這是Github所開發的編輯器,大致上與 sublime text 3
相當接近,但對於套件的管理更為直覺,而且還可以容易的安裝各種 Theme(?。本篇就是要介紹他其中一個套件Markdown-Writer
。
- 安裝 Atom
- 安裝 Markdown-Writer
所以先到Atom的官網下載 Atom
安裝吧。
安裝 Markdown-Writer
Atom 的使用相當直覺,只要直接選擇 Perferences(cmd + ,)
就可以打開設定,其中就可以找到套件安裝(Install Packages),如下圖就可以搜尋到Markdown-Writer
,再按下 install 就會開始安裝(這邊我已經裝囉)。
設定 Markdown-Writer
設定最重要的…Blog路徑,這如果沒有設定,等等也玩不下去。一樣在設定內可以找到 Packages
,列表上可以找到剛剛安裝的 Markdown-Writer
。
Site Local Directory
這就是必要的設定,這請填入 Jekyll Blog 的本地位置。
在開始使用前,在介紹一下快捷鍵的設置。在 command(cmd + shift + p
) 執行 Markdown Writer: Create Default keymaps
。
再把下面的 code
找地方貼進去,這樣就可以運行 Markdown Writer
所提供的快捷鍵。
".platform-darwin atom-text-editor[data-grammar~='gfm']":
"shift-cmd-K": "markdown-writer:insert-link"
"shift-cmd-I": "markdown-writer:insert-image"
"cmd-i": "markdown-writer:toggle-italic-text"
"cmd-b": "markdown-writer:toggle-bold-text"
"cmd-'": "markdown-writer:toggle-code-text"
"cmd-k": "markdown-writer:toggle-keystroke-text"
"cmd-h": "markdown-writer:toggle-strikethrough-text"
"ctrl-alt-1": "markdown-writer:toggle-h1"
"ctrl-alt-2": "markdown-writer:toggle-h2"
"ctrl-alt-3": "markdown-writer:toggle-h3"
"ctrl-alt-4": "markdown-writer:toggle-h4"
"ctrl-alt-5": "markdown-writer:toggle-h5"
"shift-cmd-O": "markdown-writer:toggle-ol"
"shift-cmd-U": "markdown-writer:toggle-ul"
"shift-cmd->": "markdown-writer:toggle-blockquote"
'shift-cmd-"': "markdown-writer:toggle-codeblock-text"
"cmd-j cmd-p": "markdown-writer:jump-to-previous-heading"
"cmd-j cmd-n": "markdown-writer:jump-to-next-heading"
"cmd-j cmd-d": "markdown-writer:jump-between-reference-definition"
"cmd-j cmd-t": "markdown-writer:jump-to-next-table-cell"
使用 Markdown-Writer
在建立一個 Markdown 的檔案後,就可以嘗試插入圖片 cmd + shift + i
,選擇圖片後,再勾選 Copy Image to Site Image Directory
,這樣就能夠把其他位置的圖片直接移動到/images
資料夾內,並且會自動新增 年/月
資料夾。
(光是這個功能就足以讓我痛哭流涕…)
其他功能在使用時會感受到,例如:
- 程式碼標記自動插入頭尾 (`)
- 快捷鍵控制各種文字標記 ex:
cmd + h
文字加入刪除線 - 還有超多功能可以在設定裡找到…(太多了,記不住)
Markdown-Writer 可能出現的錯誤
在第一次使用時,可能是Atom版本較舊,所以出現錯誤,這時候建議先更新Atom,並且先 Disabled
套件後解除安裝,再重新安裝 Markdown-Writer
套件。
這段時間也研究了很多部落格平台,考慮的原因也很多,最後決定繼續維護目前的 Jekyll,原因有下:
- 平台的 Editor 是否好用,難寫的根本撐不下去 (超重要)
- 平台的費用,平台是否有另外買網址的必要 (github.io 根本潮)
- 平台的使用者數量 (Jekyll 有 Github 罩)
- 不論用哪種平台,都必須思考平台未來的發展 (什麼時候會消失,文章是否能匯出)
基於這些原因,最後還是認為 Jekyll 適合我,也因此特別將Blog版型更新了一翻(雖然還有很多Bug Q_Q)…。