1. 程式人生 > >當CSDN攜手Markdown

當CSDN攜手Markdown

pop bit 流行 end 顯示 版本 mod 在線 技術分享

當CSDN攜手Markdown

Tags: CSDN Markdown

  • 當CSDN攜手Markdown
    • Markdown
    • CSDN-Markdown


也不知道是不是基於 Github 崛起的因素,Markdown 也是迅速流行起來,導致大家現在看到類 Word 的編輯器就忍不住想要吐槽。。。近期聽說 CSDN 博客最終支持 Markdown編輯了,著實了了廣大博友一塊心病。

———————————————————————————————————————

Markdown

  • HTML 與 Markdown 的那些事

常常泡 Github 的朋友應該知道,Markdown是一種輕量級的標記語言

,其目的是為了解決 XHTML/HTML 格式在閱讀和書寫上的不便利性。想想假設我們使用 HTML 來寫博客。該輸入多少尖括號才行呢。

。。所以呢。一個可行的辦法是。通過一個在線編輯器,設置一排像 Word 一樣的編輯button,來幫助用戶插入相應的隱藏標簽,然後將更改後的樣式顯示給用戶。這樣一方面使格式改動變得直觀,同一時候也提高信息公布的工作效率。而這,正是 CSDN 默認的一款在線 HTML 編輯器 xhEditor 所做的事兒。

可是,作為程序員的我們,總喜歡每個 bit 都應該精確到位。太多的隱藏標簽常常會在不經意間打亂我們的布局,往往寫的時候一個樣。公布出來又是還有一個樣子了。另外也不知道是不是 xhEditor 的問題,寫博客時常常文字格式莫名其妙就沒了,標簽跟著文字一起作為內容顯示了。囧。

。。

好像扯遠了。我們再回 Markdown,它就像一種新語言一樣約定了一些標記語言的語法規則,但基於其”易讀易寫“的原則,其語法相當簡單而直觀。通過一些精心挑選的符號作為語法。其作用一目了然。維基百科中的解釋相當形象:

比方:在文字兩旁加上星號。看起來就像*強調*。Markdown的列表看起來,嗯。就是列表。Markdown 的區塊引用看起來就真的像是引用一段文字,就像你曾在電子郵件中見過的那樣。

Markdown 文檔不同於 HTML。源代碼一堆標簽。頁面能夠讓人眼花繚亂,因此不利於閱讀和改動。

當我們使用 Makedown 編寫完畢後,編輯器會將其轉換成有效的 XHTML(或者 HTML)文檔。

殊途同歸。我們最終想要的還是一樣滴。

總的來說,HTML 是一種公布的格式,Markdown 是一種書寫的格式。因此,Markdown 主要的格式語法僅僅涵蓋純文本能夠涵蓋的範圍。只是呢,不斷被改良的Markdown現在已然能夠內嵌 HTML。Markdown 涵蓋範圍以外的標簽,都能夠直接在文檔裏面用 HTML 撰寫。

相反的是,HTML 標簽內的 Markdown 語法不能夠被識別。


  • Markdown 的衍生版本號

現今比較流行的大多是 Markdown 的一系列衍生版本號,它們或多或少地擴展了 Markdown 的功能(如表格、文件夾、腳註、代碼高亮、內嵌HTML、數學公式支持等等),這些功能原初的 Markdown 尚不具備。同一時候。也讓 Markdown 能夠在很多其它的領域發揮作用。

既然有了不同的衍生版本號。就有了比較。我們僅挑幾款在線 Markdown 編輯器來看看。首先是 CSDN-Markdown 編輯器的前身,StackEdit,一款火爆的在線 Markdown 編輯器;另外呢,國內比較流行的還有作業部落的Cmd Makedown編輯閱讀器,也是十分優秀的產品。

———————————————————————————————————————

CSDN-Markdown

  • 切換編輯模式為Markdown

想要從傳統編輯模式切換到 Markdown 編輯模式。須要在“博客配置”中將編輯器類型改動為“Markdown編輯器 ”。然後又一次進入編輯頁面就可以。
技術分享


技術分享


  • CSDN-Markdown 初體驗

主要的 Markdown 語法支持自然不用多說,基於 Github 中的 pagedown-extra 這個用來擴展 Markdown 的開源項目,刪除線、註腳、Latex數學公式、代碼高亮等 Markdown 擴展語法也得到了支持。

特別讓人耳目一新的一點是。CSDN-Markdown 編輯器支持的圖片上傳功能,就 Markdown 的語法而言,它是僅僅支持圖片鏈接的,所以我們在使用 Cmd Markdown 或者 StackEdit 等非常多 Markdown 編輯器時。假設須要上傳本地圖片。則須要將圖片上傳到一個能夠訪問該圖片鏈接的雲端。然後再插入到文檔中。

非常顯然CSDN幫我們把這兩個步驟給合並了,非常貼心。

另外,StackEdit有一大特點,我們在沒有網絡鏈接的情況下。依舊能夠在以前使用過的瀏覽器中進入該頁面繼續我們未完畢的編輯工作。編輯內容將被保存在瀏覽器緩存其中。

稍有差異的是。Cmd Markdown 會將我們的編輯內容實時地保存在雲端。假設突然遇到掉線的情況,我們依舊能夠繼續編輯,而內容相同會保存在本地。但假設此時(在沒有網絡的情況下)將頁面刷新一下,就僅僅能與小恐龍一伴玩耍了( 假設你也喜愛chrome… )。

似乎是理所應當的,基於 StackEdit 的 CSDN-Markdown 也應該具有離線編輯功能,於是博主斷了網測試了一下。頁面變成這樣就不能動了,囧。

。:
技術分享

其它的看起來還不錯,今天的測試就先到這裏吧(*^__^*)

當CSDN攜手Markdown