1. 程式人生 > >用markdown寫部落格,看這一篇就夠了

用markdown寫部落格,看這一篇就夠了

0. 前言

  • 為什麼用markdown寫部落格?

    在寫部落格的過程中,最大的“痛點”在於寫作中總是被“格式”之類的困擾,無法專注於內容寫作;

    線上寫部落格,會被網路或者編輯器本身所拖累;

    本文介紹的markdown寫作,可以使你專注於部落格內容本身,寫好即成稿;

    更重要的是,部落格內容及相關素材儲存在本地,可以幾乎不用修改就可以釋出在不同的平臺,類似java程式的“一次編寫,到處執行”。

  • 記得上次用markdown寫部落格,儘管我有markdown使用經驗,但第一篇markdown部落格還是不得已的“回滾”了。

  • 傳送門:記錄一下第一次用markdown寫部落格回滾過程

  • “痛定思痛”,簡單總結後,再次出發。

1. 第一次用markdown寫部落格失敗的原因分析

  • markdown語法根本上還是不熟悉

    實話說,雖然以前用過markdown,但也僅僅是入門級別。很多“高階”用法沒掌握,在寫的過程中,無法像傳統方式(如word,或者在部落格園的TinyMCE編輯器)那樣高效。

    最近用markdown寫了3篇部落格,一篇比一篇有手感。在這個過程中,慢慢的感覺不到工具的影響了,可以專注於部落格內容本身了。

    就像賣油翁,熟能生巧,慢慢的工具不再是桎梏。

  • 格式混亂

    第一篇markdown排版的部落格,我從TinyMCE編輯器拷貝內容到Markdown工具Typora中,其實已經包含了部分“格式”。我沒有意識到這一點,去排版就相當尷尬了。現在想來,應該先清除格式,比如先拷貝到“記事本”,或者用Typora的“清除樣式”,然後再重新排版。

  • 圖片排版

    在Typora中寫部落格的時候,第一次我是用的本地圖片。這個本身沒問題的,但是當拷貝到部落格園中後,圖片路徑是找不到的。調整後,導致Typora中寫的內容和釋出的內容不一致,從而維護困難的問題。

    解決辦法:在部落格園的markdown編輯器中,只需要如下3步即可。

    步驟1)點選右邊的“上傳圖片”圖示

    步驟2)點選“上傳本地圖片”

    步驟3)複製文字及連結到Typora中即可

2. 可能適合的方法

工欲善其事必先利其器,好的工具,正確的使用方法,必然能帶來效率的提升。

我嘗試過大量的工具來寫markdown,個人認為Typora是比較好用的工具。最大的原因在於,你在寫的過程中,熟悉後,幾乎感知不到工具的存在。

創作部落格,第一位的是內容,其次是格式。markdown作為輕量級的工具,在寫部落格的過程中主要涉及如下幾個方面:

  • 先選定,後操作

    類似office的操作,要先選定要操作的物件,再設定格式。

  • 字型格式

    主要包括是 加粗 傾斜 下劃線,可以通過快捷鍵,選單,滑鼠右鍵完成。

    加粗的快捷鍵是Ctrl + B,或者輸入兩個**包圍需要加粗的文字;

    傾斜的快捷鍵是Ctrl + I,或者輸入*標籤圍繞需要傾斜的文字;

    下劃線的快捷鍵是Ctrl + U,或者輸入<u></u>標籤圍繞需要下劃線的文字。

    字型、顏色,需要通過html的標籤完成。Typora中,我是通過手工輸入html及css標記完成的。如綠色的html就是通過font標籤實現的:<font face="黑體" color=green size=5>html</font>

  • 段落及標題

    這部分可以通過快捷鍵 Ctrl + 0~6來實現,如Ctrl+ 0是段落,Ctrl + 1是一級標題等。

  • 程式碼塊

    插入程式碼塊的快捷鍵是 Ctrl + Shift +`;

    也可以右鍵,選擇插入--程式碼塊實現;

    我是通過直接輸入3個點(鍵盤左上角的那個鍵,Esc的下方)。

  • 超連結及圖片

    插入超連結的快捷鍵是Ctrl+k,得到  大括號[]小括號() [](),其中中括號中輸入標題,小括號中輸入超連結;

    插入本地圖片快捷鍵是Ctrl + Shift + I,得到得到 感嘆號!大括號[] 小括號() ![](),和超連結的唯一區別在於"最前面有感嘆號"。

  • 列表

    有序列表的快捷鍵是Ctrl + Shift + [,直接輸入數字後面緊跟一個.即可;

    無序列表的快捷鍵是Ctrl + Shift + ],也可以輸入 *(星號) 、+(加號) 或者 -(減號)中的任何一個,後面緊跟“空格”。

3. 後續計劃

  • 進一步熟悉工具

    強迫自己使用markdown,慢慢就習慣了。

  • 關於快捷鍵

    儘量用快捷鍵,這可以極大的提升效率。

  • 關於超連結無法在新視窗開啟的問題

    在部落格園,超連結只能在當前視窗開啟。

    該問題可以通過html的超連結 a標籤的target=_blank來解決,比如:

    記錄一下第一次用markdown寫部落格回滾過程

    markdown的標準做法是在連結後面加上 ?_blank,但在部落格園的markdown編輯器中無效。

  • 關於縮排問題

    實話說,本文釋出後,在縮排方面還是需要進一步的改進。

4.本文markdown檔案分享

作為一個樂於分享的博主,如果需要請自行下載本文對應的markdown檔案。如果需要前幾篇的,請留言,我發給你!

用markdown寫部落格,看這一篇就夠了.