一文搞定Markdown編輯頭條號方法

Markdown風格

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

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

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

一文搞定Markdown編輯頭條號方法

Markdown常用語法

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

<code>

# 標題

*斜體*

**粗體**

<

u

>

下劃線

u

>

~~刪除線~~ [

鏈接文字

]() ![

圖片Alt文字

]()

*

無序列表1

*

無序列表2

1.

有序列表1

2.

有序列表2

> 引用內容

3個'-'字符表示分割符 前後3個'`'(反引號)用來書寫代碼片段 /<code>

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文件內容。

一文搞定Markdown編輯頭條號方法

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

一文搞定Markdown編輯頭條號方法

渲染Markdown文章

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

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

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


分享到:


相關文章: