功能對比
| csdn | 博客園 | 知乎 | 簡書 | segmentfault | 開源中國 | |
|---|---|---|---|---|---|---|
| markdown編輯器 | √ | √ | x | √ | √ | √ |
| 富文本編輯器 | √ | √ | √ | √ | x | √ |
| 默認編輯器 | 富文本 | 富文本 | 富文本 | 富文本 | markdown | 富文本 |
| 一次上傳圖片數量 | 1 | 1 | n | n | 1 | 1 |
| markdown預覽 | √ | x | - | - | √ | √ |
| markdown圖片大小和居中設置 | √ | x | - | - | x | x |
| 評價 | 極好 | 很差 | 極好 | 一般 | 很好 | 一般 |
markdown編輯器寫作體驗比較
markdown標准語法請參考:CommonMark, 學習指南https://commonmark.org/help/tutorial/,而本文要比較的各家markdown編輯器遵守的協議都不太一樣,比如csdn在標准語法上做了更多事情,如圖片支持大小和居中設定,這一點雖好,但其他平台不支持,那也導致你的文章不具備通用性。所以我們並不需要獨特的支持,都遵守標准語法,文章的移植性就更強。
1. segmentfault.com 體驗5星,極好

markdown語法說明:https://segmentfault.com/markdown
segmentfault只支持markdonwn編輯器,是因為它是最新的平台,然后面向的用戶都是程序員群體,而markdown已經是大家默認的使用的編輯器,這是共識,csdn前幾年都不支持markdown,現在都支持了,會用markdown已經是程序員群體最基礎的能力,所以它不需要支持富文本編輯器,有點多余。
特點:
-
界面簡潔,沒有多余的東西
-
聚焦當前寫作行,實時預覽

-
發布原創可注明版權,同時可以同步到新浪微博,支持定時發布

-
可以給文章設置預定的標簽,創建一個系統不存在的標簽要求你的聲望值達到1500。這樣其實很有好處,可以讓segmentfault整個系統共用一套標簽體系,可以把相同興趣的人組織到一塊,同時也避免了標簽混亂。

2. CSDN 體驗5星,極好

csdn的markdown編輯器很強大,支持很全面,圖片也支持大小和居中設置。剛打開編輯器的時候,就告訴你所有csdn的增強版markdown語法知識。
markdown增強點有:
-
新增文章目錄語法:
@[TOC](文章目錄) -
圖片支持大小和居中設定
-
全新的界面設計 ,將會帶來全新的寫作體驗;
-
在創作中心設置你喜愛的代碼高亮樣式,Markdown 將代碼片顯示選擇的高亮樣式 進行展示;
-
增加了 圖片拖拽 功能,你可以將本地的圖片直接拖拽到編輯區域直接展示;
-
全新的 KaTeX數學公式 語法;
-
增加了支持甘特圖的mermaid語法[^1] 功能;
-
增加了 多屏幕編輯 Markdown文章功能;
-
增加了 焦點寫作模式、預覽模式、簡潔寫作模式、左右區域同步滾輪設置 等功能,功能按鈕位於編輯區域與預覽區域中間;
-
增加了 檢查列表 功能。
3. 開源中國 OSChina.net 體驗3星,一般
開源中國的markdown編輯器體驗很差,做的比較敷衍,我隨便找個開源的都能做成這樣。
而且markdown也不是默認編輯器,說明也不注重這一塊。

4. 博客園 cnblogs.com 體驗1星,極差
博客園的markdown編輯器就太差了,沒有任何寫作體驗,就是一個輸入框,讓你把提前寫好的markdown文本貼進去了事,也沒有預覽功能,寫了啥也不知道。

可能有很多朋友還不知道怎么啟用markdown編輯器呢,在后台頁面【選項】-【默認編輯器】-【Markdown】

5. 知乎 無markdown編輯器,富文本編輯器體驗5星,極好

知乎面向的客戶是全社會各類的人,絕大多數並不是程序員群體,所有知乎是不會支持markdown編輯器的。
雖然這樣,知乎還是提供給我們強大的定制的富文本編輯器,主要特性有:
- 界面簡潔
- 圖片支持一次性上傳多張
- 支持文章封面
6. 簡書 評價5星,很好
簡書面向的群體也不只是it技術人員,程序員群體僅僅是很小的一部分,但仍舊支持markdown編輯器,只是不是默認的編輯器而已,富文本的支持也很好,主要有如下特點:
-
文集形式,不僅僅包含編輯器,一次性打開所有文章,方便你隨時切換其他文章進行修改

-
和知乎一樣,一次性可上傳多張圖片

-
支持數學公式,並有友好的提示。
- 常用表達式
- 常用函數
- 希臘字母
- 常用符號
- 特殊符號

簡書切換markdown的方式比較隱蔽,在左下角的設置切換:

