markdown編輯器推薦(好用的markdown編輯器)

Markdown風格

釋出自媒體文章時雖然內容非常重要,但是排版更加重要。因為沒有外在美,如何讓人花時間和精力去了解你的內在美呢。

最早由於公眾號的流行,但它自帶的編輯器卻非常low(注: 現在已經好很多了),所以一時間市面上出現非常多的線上編輯器,如秀米,135編輯器等。這些編輯器由於功能過於複雜,模版和風格太多,總讓人眼花繚亂,大部分人花在排版上的時間比寫文章還多。

作為追求寫作內容的人們來說,markdown風格可能是一種比較好的解決方案。

Markdown常用語法

通常我們只需要學習以下幾個語法就足夠了:

# 標題 *斜體* **粗體**下劃線~~刪除線~~ [連結文字](連結地址) ![圖片Alt文字](圖片連結) * 無序列表1 * 無序列表2 1. 有序列表1 2. 有序列表2 > 引用內容 3個'-'字元表示分割符 前後3個'`'(反引號)用來書寫程式碼片段

Markdown編輯器

工欲善其事,必先利其器。使用所見即所得編輯器來編輯Markdown文章,使用阿里雲OSS作為圖床。

  1. PC端:Typora編輯器 iPic相簿/阿里雲OSS客戶端
  2. iPhone/iPad端: MWeb編輯器 阿里雲OSS
  3. Android端:iA Writer編輯器

排版主要涉及4部分內容:

  1. 字型(大小和顏色):正文的字號最好在14-18px之間,以16px最合適。
  2. 行間距:行間距1.5-1.75倍的行距最合適。
  3. 移動端文章,無需首行鎖進。
  4. 段落之間空一行。

我們使用Markdown編輯器目的就是把主要精力放在內容上,因此我們不可能每次都手動調整字型、行間距等,令人欣慰的是上面介紹的編輯器都支援自定義CSS來控制樣式。


   github.com/huanxi007/markdown-here-css網址上獲取一些比較優秀的CSS檔案。

給Typora編輯器新增主題:
   開啟Typora編輯器 > 偏好設定 > 外觀 > 開啟主題資料夾 > 新建一個wechat.css檔案,內容為上一步下載的CSS檔案內容。

給MWeb編輯器新增預覽樣式:
   iPad開啟MWeb編輯器 > 左上角設定按鈕 > 新增預覽樣式 > 設定名稱為wechat,CSS內容為上一步下載的CSS檔案內容。

渲染Markdown文章

大部分自媒體平臺都只支援富文字編輯器,因此我們需要將用Markdown編輯好的文章渲染後複製到自媒體平臺編輯器中。

複製步驟:編輯器中全選渲染好的文章內容 > Ctrl -C > 進入自媒體平臺編輯器中 > Ctrl - V。

注意:有些自媒體平臺編輯器(如頭條號)會自動刪除一些複製的文字格式,因此需要用Markdown-Here瀏覽器外掛來渲染。