用Markdown優雅的渲染我們的網頁


認識 Markdown

Markdown 是一種用來寫作的輕量級「標記語言」,它用簡潔的語法代替排版,而不像一般我們用的字處理軟件 Word 或 Pages 有大量的排版、字體設置。它使我們專心於碼字,用「標記」語法,來代替常見的排版格式。例如此文從內容到格式,甚至插圖,鍵盤就可以通通搞定了。目前來看,支持 Markdown 語法的編輯器有很多,包括很多網站(例如簡書)也支持了 Markdown 的文字錄入。Markdown 從寫作到完成,導出格式隨心所欲,你可以導出 HTML 格式的文件用來網站發布,也可以十分方便的導出 PDF 格式,這種格式寫出的簡歷更能得到 HR 的好感。甚至可以利用 CloudApp 這種雲服務工具直接上傳至網頁用來分享你的文章,全球最大的輕博客平台 Tumblr,也支持使用 Mou 這類 Markdown 工具進行編輯並直接上傳。

 

關於markdown的基本知識也很簡單,就是用簡單的幾個字符來標示不同文字的顯示效果.例如,使用#來代表下面的文字為標題(偷懶找了張圖)

 

怎么樣,看起來是不是特別贊

 

用這樣的語法去寫blog是不是特別的舒服呢?想想就一陣暗爽來襲

 

但是需要特別注意的是markdown是語法編輯,而最終呈現在網頁端的還是html

 

所以想要將markdown語法的內容呈現出來就需要對其進行轉換!

 

不管使用什么語言,要想使用markdown無非就是要將使用markdown語法的文檔轉換成html然后顯示出來

 

這次我們來說說在.net下如何使用這門編輯語言優雅的渲染我們的html頁面。

 

C#中使用Markdown

在當今這個開源盛世,有許多第三方開發者都為我們提供了這樣的類庫

 

markdownsharp就是其中之一!

 

在VS的程序包控制台中可以直接運行下面代碼來安裝markdownsharp(當然你也可以用別的方法來安裝)

PM> Install-Package MarkdownSharp

 

然后我們就可以在項目中使用markdownsharp了

 

markdownsharp類使用也比較簡單

 

我們只需要實例化一個markdown對象之后調用對應的Transform()方法即可

 

請參考下面代碼:

 

image

ASP.NET MVC中使用markdownsharp

知道怎么在C#中使用后我們到ASP.NET MVC中就簡單多了.

為了簡單起見我們直接在cshtml文件中編寫了代碼:

image

文檔的存儲

現在很多的編輯器都直接或者間接的支持markdown的語法

 

我們只需要將對應的文檔存入數據庫之后然后在前台顯示就可.這里有兩種做法,

 

1.直接在存入數據庫之前就將其進行轉換,這樣存入數據庫的其實就是html文件.

 

2.存入數據庫markdown語法文件,而到頁面顯示的時候轉換成Html.

 

這種方式可以多次編輯,也就是可以將數據庫中的文檔直接拿出來編輯,而如果使用的第一種方法的話想要編輯那還得將已經存入數據庫的html代碼轉換成markdown文檔.這樣其實是多走了一步.


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM