亚洲中字慕日产2020,大陆极品少妇内射AAAAAA,无码av大香线蕉伊人久久,久久精品国产亚洲av麻豆网站

資訊專欄INFORMATION COLUMN

微信公眾號(hào)的代碼塊插入，及一鍵排版

microcosm1994 / 1690人閱讀

摘要：微信公眾號(hào)顏家大少注因?qū)σ恍┳远x的樣式不支持，可參考此文在其它平臺(tái)的不一樣的顯示樣式掘金的微信公眾號(hào)的微信公眾號(hào)的排版問(wèn)題前段時(shí)間，準(zhǔn)備在微信公眾號(hào)上寫(xiě)文章時(shí)，卻發(fā)現(xiàn)公眾號(hào)居然連個(gè)最基本的插入代碼塊的功能都沒(méi)有。

微信公眾號(hào)：顏家大少

注：因segmentfault對(duì)一些自定義的css樣式不支持，可參考此文在其它平臺(tái)的不一樣的顯示樣式
掘金的：https://juejin.im/post/5a1f5d...
微信公眾號(hào)的：http://mp.weixin.qq.com/s/PzL...

. 微信公眾號(hào)的排版問(wèn)題

前段時(shí)間，準(zhǔn)備在微信公眾號(hào)上寫(xiě)文章時(shí)，卻發(fā)現(xiàn)公眾號(hào)居然連個(gè)最基本的插入代碼塊的功能都沒(méi)有。

很納悶，難道微信的開(kāi)發(fā)者不用寫(xiě)代碼的？

吐槽歸吐槽，問(wèn)題還得想辦法解決。然后就是各種百度，推薦最多的我想就是markdown here了。

markdown here的確是個(gè)好東西，但問(wèn)題是它只是一個(gè)通用的markdown轉(zhuǎn)換插件，并不是針對(duì)公眾號(hào)的，代碼經(jīng)markdown here轉(zhuǎn)換后，粘貼到公眾號(hào)，最常見(jiàn)的問(wèn)題是：

代碼換行錯(cuò)了，不是同一行的代碼卻擠在了同一行，可讀性很差;

代碼橫向不會(huì)滾屏了 ，也是直接擠到了下一行，iPhone,iPad的尤為嚴(yán)重;

有些樣式丟失了;

雖然可以自定義 css,但沒(méi)參考樣式，對(duì)普通的非前端開(kāi)發(fā)者來(lái)說(shuō)，不太好弄。

也嘗試了一些朋友專為公眾號(hào)做轉(zhuǎn)換的markdown工具，效果并不太滿意，不過(guò)真要感謝他們的，畢竟他們的工具還是提供了一些思路,于是就有了自己做一個(gè)工具的想法。

當(dāng)然，想法是美好的，道路是曲折的。對(duì)于開(kāi)發(fā)的過(guò)程，對(duì)于所遇到的坑，此處先省略100萬(wàn)字......

好吧，接下來(lái)就是介紹我的markdown工具了

. Md2All

一個(gè)在線的Markdown轉(zhuǎn)換工具
網(wǎng)址：http://md.aclickall.com

支持通用的Markdown語(yǔ)法，并對(duì)html,css樣式有很好的支持（請(qǐng)看網(wǎng)站示例的高級(jí)使用部分）

對(duì) 微信公眾號(hào) 做了特別的優(yōu)化：

解決把內(nèi)容粘貼到公眾號(hào)時(shí)，圖片、或樣式丟失的問(wèn)題;
解決代碼塊換行不正確,特別是iPone、iPad上不會(huì)滾動(dòng)的問(wèn)題;
支持135，96等微信編輯器的所用樣式(如"標(biāo)題"等），只需先點(diǎn)這些微信編輯器的"html"圖標(biāo)，再把內(nèi)容拷貝過(guò)來(lái)即可。

對(duì)代碼塊的顯示專門(mén)做了優(yōu)化，幾十種超酷的代碼風(fēng)格任你選擇

支持 "一鍵排版" 的css樣式模板選擇，和自定義css。你一點(diǎn)就知到^_^

預(yù)覽ok后，只需要點(diǎn) “復(fù)制” 按鍵粘貼到公眾號(hào)即可。

另外

支持直接把頁(yè)面"復(fù)制"到 "CSDN" 和 "博客園" 中，所有的樣式保持一致。
請(qǐng)參考此博文：http://blog.csdn.net/gary_yan/article/details/78645303

支持直接把頁(yè)面"復(fù)制"到 "掘金" 中，如下：
選擇 "一鍵排版" 中的 "掘金樣式"
點(diǎn)"復(fù)制"然后粘貼到 "掘金" 默認(rèn)的markdown編輯模式左邊的編輯框就OK了
請(qǐng)參考此博文：https://juejin.im/post/5a1bcc6ef265da431f4acb09

后期會(huì)考慮增加對(duì)其它博客平臺(tái)的支持.

. 界面預(yù)覽

先來(lái)張玉照吧：

沒(méi)有花巧的東西，所有的功能一目了然！
支持邊編輯，邊預(yù)覽;支持左右滾動(dòng)聯(lián)動(dòng)。
提供80多種超酷的代碼主題。

通常，公眾號(hào)多用于手機(jī)端顯示，所以一般選：代碼緊湊，這個(gè)看各人喜歡吧。

"一鍵排版"同樣支持邊改樣式，邊預(yù)覽。
如下圖，我只是選了個(gè)css主題為：“標(biāo)題顏色”，然后代碼主題為：“xcode”,整篇文章的效果就不一樣了。

. 代碼塊展示

好吧，接下來(lái)還是好好展示一下我所說(shuō)的超酷的代碼風(fēng)格吧，
下面是默認(rèn)的“favorite"下的代碼的顯示。
注：因segmentfault不支持自定義css樣式，所以發(fā)張截圖效果：

支持任意的語(yǔ)言，并能自動(dòng)識(shí)別，有需要時(shí)也可直接指定

還有更牛的地方是，如果你對(duì)上面的風(fēng)格都不滿意時(shí)，你甚至可以自定義自己的代碼高亮的樣式，請(qǐng)參考："一鍵排版"中的"代碼塊樣式“

. 另外

如果有朋友只用到此工具的代碼塊部分，也可以先用此工具把自己的代碼塊渲染好，然后一段段“復(fù)制”插入到自己的公眾號(hào)文章中。

. 最后

此工具目前還在開(kāi)發(fā)階段，很多功能正在完善中，對(duì)瀏覽器的兼容性未做全面的測(cè)試，所以建議先用Chrome瀏覽器作編輯。

如對(duì)此工具有任何建議，歡迎在公眾號(hào)：“顏家大少”上留言：

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://www.ezyhdfw.cn/yun/51571.html

相關(guān)文章

  • 微信公眾號(hào)的代碼塊插入，及一鍵排版

    摘要：微信公眾號(hào)顏家大少注因?qū)σ恍┳远x的樣式不支持，可參考此文在其它平臺(tái)的不一樣的顯示樣式掘金的微信公眾號(hào)的微信公眾號(hào)的排版問(wèn)題前段時(shí)間，準(zhǔn)備在微信公眾號(hào)上寫(xiě)文章時(shí)，卻發(fā)現(xiàn)公眾號(hào)居然連個(gè)最基本的插入代碼塊的功能都沒(méi)有。 微信公眾號(hào)：顏家大少 注：因segmentfault對(duì)一些自定義的css樣式不支持，可參考此文在其它平臺(tái)的不一樣的顯示樣式掘金的：https://juejin.im/pos...

    1treeS 評(píng)論0 收藏0

  • 微信公眾號(hào)的代碼塊插入，及一鍵排版

    摘要：微信公眾號(hào)顏家大少注因?qū)σ恍┳远x的樣式不支持，可參考此文在其它平臺(tái)的不一樣的顯示樣式掘金的微信公眾號(hào)的微信公眾號(hào)的排版問(wèn)題前段時(shí)間，準(zhǔn)備在微信公眾號(hào)上寫(xiě)文章時(shí)，卻發(fā)現(xiàn)公眾號(hào)居然連個(gè)最基本的插入代碼塊的功能都沒(méi)有。 微信公眾號(hào)：顏家大少 注：因segmentfault對(duì)一些自定義的css樣式不支持，可參考此文在其它平臺(tái)的不一樣的顯示樣式掘金的：https://juejin.im/pos...

    LittleLiByte 評(píng)論0 收藏0

  • 常用的Python工具與資源

    摘要：經(jīng)常收到粉絲的疑問(wèn)，公眾號(hào)的代碼排版真的很好看，究竟用的什么開(kāi)發(fā)工具呢在這里，統(tǒng)一回復(fù)一下大家，公眾號(hào)的排版用的是，而我平時(shí)使用的開(kāi)發(fā)工具是。很多粉絲說(shuō)現(xiàn)在的書(shū)籍很貴，有沒(méi)有什么比較好的教程比較好的資源，那么，廖老師的這個(gè)課程依舊是首選。 經(jīng)常收到粉絲的疑問(wèn)，公眾號(hào)的代碼排版真的很好看，究竟用的什么開(kāi)發(fā)工具呢？在這里，統(tǒng)一回復(fù)一下大家，公眾號(hào)的排版用的是MarkDown Here，而我...

    MockingBird 評(píng)論0 收藏0

  • 持續(xù)更新，微信公眾號(hào)文章批量采集系統(tǒng)的構(gòu)建

    摘要：我從年就開(kāi)始做微信公眾號(hào)內(nèi)容的批量采集，最開(kāi)始的目的是為了做一個(gè)的垃圾內(nèi)容網(wǎng)站。經(jīng)過(guò)實(shí)測(cè)的微信客戶端在批量采集過(guò)程中崩潰率高于安卓系統(tǒng)。在年年初的時(shí)候微信公眾號(hào)和微信文章開(kāi)始使用鏈接。 我從2014年就開(kāi)始做微信公眾號(hào)內(nèi)容的批量采集，最開(kāi)始的目的是為了做一個(gè)html5的垃圾內(nèi)容網(wǎng)站。當(dāng)時(shí)垃圾站采集到的微信公眾號(hào)的內(nèi)容很容易在公眾號(hào)里面?zhèn)鞑?。?dāng)時(shí)批量采集特別好做，采集入口是公眾號(hào)的歷史消...

    marek 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

microcosm1994

男|高級(jí)講師

TA的文章

閱讀更多
最新活動(dòng)
閱讀需要支付1元查看
<