這期內(nèi)容當(dāng)中小編將會(huì)給大家?guī)碛嘘P(guān)CommonMark使用中如何將Markdown語(yǔ)法轉(zhuǎn)成Html，文章內(nèi)容豐富且以專業(yè)的角度為大家分析和敘述，閱讀完這篇文章希望大家可以有所收獲。

為昆都侖等地區(qū)用戶提供了全套網(wǎng)頁(yè)設(shè)計(jì)制作服務(wù)，及昆都侖網(wǎng)站建設(shè)行業(yè)解決方案。主營(yíng)業(yè)務(wù)為成都網(wǎng)站建設(shè)、網(wǎng)站建設(shè)、昆都侖網(wǎng)站設(shè)計(jì)，以傳統(tǒng)方式定制建設(shè)網(wǎng)站，并提供域名空間備案等一條龍服務(wù)，秉承以專業(yè)、用心的態(tài)度為用戶提供真誠(chéng)的服務(wù)。我們深信只要達(dá)到每一位用戶的要求，就會(huì)得到認(rèn)可，從而選擇與我們長(zhǎng)期合作。這樣，我們也可以走得更遠(yuǎn)！

Markdown寫作

從 2016年 開始寫博客，我的寫作方式一直在改變，準(zhǔn)確的說一直在進(jìn)步，因?yàn)樾试絹碓礁摺?/p>

最初在 CSDN 上寫東西時(shí)非常蹩腳，在他們編輯器上寫點(diǎn)然后調(diào)整格式，再寫，碰到圖片還得將圖片插入進(jìn)去，調(diào)整圖片大小位置等等，調(diào)整完繼續(xù)寫。

效率非常低。

后面了解到 Markdown ，改用 MD 寫東西，效率快很多。后面在 Markdown 基礎(chǔ)上慢慢優(yōu)化找到自己的寫作方式。

一般我用 MD 語(yǔ)法寫完后，得到的是一堆帶 MD 符號(hào)的文字，以下簡(jiǎn)稱 MD文本。

然后會(huì)通過工具轉(zhuǎn)成對(duì)應(yīng) Html 標(biāo)記文本，復(fù)制到博客編輯框中，這就是最后顯示的文章。

到這一步不知道大家發(fā)現(xiàn)沒，假設(shè)我們能通過代碼將 MD文本 轉(zhuǎn)成對(duì)應(yīng)的 Html文本，這樣只要我們能獲取到文章的 MD文本，也就獲取到文章的最后顯示。

如果我們要做一個(gè)自動(dòng)生產(chǎn)文章的網(wǎng)站，只剩下一步，如何自動(dòng)不斷的獲取 MD文本， 接著就能不斷轉(zhuǎn)成對(duì)應(yīng)文章，然后發(fā)布。如果對(duì)于全是以內(nèi)容為主的網(wǎng)站當(dāng)然沒辦法不斷獲取 MD文本，畢竟內(nèi)容為主，很多東西都不固定。

但如果網(wǎng)站是下載站呢？下載站主要是提供文件下載，內(nèi)容只是對(duì)文件的簡(jiǎn)單介紹，基本就是百度百科內(nèi)容，整個(gè)文章其實(shí)已經(jīng)固定，有一定規(guī)律，這樣是有可能會(huì)不斷獲取 MD文本。

以上內(nèi)容都是在說明 CommonMark的重要性。

CommonMark

使用起來很簡(jiǎn)單。這里我主要介紹操作其中一些標(biāo)簽的方法，大家可以舉一反三，自定義其他各種標(biāo)簽。這里我舉例兩個(gè)標(biāo)簽的自定義： 圖片，超鏈接。

因?yàn)?CommonMark 默認(rèn)轉(zhuǎn)成的 Html 是不會(huì)帶圖片大小和位置的。  超鏈接也是，默認(rèn)轉(zhuǎn)成后點(diǎn)擊鏈接會(huì)在本網(wǎng)頁(yè)跳轉(zhuǎn)到超鏈接網(wǎng)頁(yè)，我希望的效果是點(diǎn)擊超鏈接后，會(huì)在瀏覽器另開一個(gè)網(wǎng)頁(yè)打開。這樣對(duì)網(wǎng)站的留存率會(huì)好點(diǎn)吧。

Maven依賴

<dependency><groupId>com.atlassian.commonmark</groupId><artifactId>commonmark</artifactId><version>0.11.0</version></dependency>

自定義標(biāo)簽屬性操作類

static class PAttributeProvider implements AttributeProvider {@Overridepublic void setAttributes(Node node, String tagName, Map<String, String> attributes) {if (node instanceof Image) {attributes.put("style", "width:150px;height:200px;position:relative;left:50%;margin-left:-100px;");}if(node instanceof Link){attributes.put("target", "_blank");}}}

如上我操作了兩個(gè)標(biāo)簽：Image 和 Link，分別在標(biāo)簽中加了一些屬性。這里我只是舉例，不一定要跟著這樣操作，不操作標(biāo)簽也行。

這一步的目的是為了說明有這個(gè)方法而已。

markdown轉(zhuǎn)成html

Parser parser = Parser.builder().build();Node document = parser.parse(md);HtmlRenderer renderer = HtmlRenderer.builder().attributeProviderFactory(new AttributeProviderFactory() {@Overridepublic AttributeProvider create(AttributeProviderContext attributeProviderContext) {return new PAttributeProvider();}}).build();String mdHtml = renderer.render(document);

ok，已經(jīng)轉(zhuǎn)成 html 了，方法使用就是這么簡(jiǎn)單。

上述就是小編為大家分享的CommonMark使用中如何將Markdown語(yǔ)法轉(zhuǎn)成Html了，如果剛好有類似的疑惑，不妨參照上述分析進(jìn)行理解。如果想知道更多相關(guān)知識(shí)，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。

分享名稱：CommonMark使用中如何將Markdown語(yǔ)法轉(zhuǎn)成Html-創(chuàng)新互聯(lián)
瀏覽路徑：http://www.rwnh.cn/article8/pjpop.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供搜索引擎優(yōu)化、用戶體驗(yàn)、做網(wǎng)站、小程序開發(fā)、外貿(mào)建站、面包屑導(dǎo)航

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)