微信公衆號:顏家大少
歡迎關注我,一塊兒學習,一塊兒進步!
本文所用排版工具Md2All:http://md.aclickall.comjavascript
注:因segmentfault對一些自定義樣式的不支持,有些代碼高亮樣式可能不能正常顯示,
建議看我公衆號原文:https://mp.weixin.qq.com/s/Br9xdzaJga1XXR4rYXCSPAcss
相信你們都知到了簡書這幾天發生的事,對這件事不想做過多的評論。只想告訴你們一個方法:
如何更好地把簡書的文章遷徙到其它的博客平臺。html
可能不少朋友喜歡在簡書上書寫的緣由是,簡書Markdown書寫體驗的確不錯。既然是用Markdown書寫的,那就方便了,下面我給你們介紹一個工具:java
一個Markdown在線轉換工具,支持幾十種超酷的代碼主題,支持 "一鍵排版" 的css樣式模板選擇,和自定義css,讓Markdown內容,不需做任何調整就能同時在微信公衆號、博客園、掘金、csdn等平臺正確顯示當前預覽的效果。程序員
先來張截圖吧:segmentfault
沒有花巧的東西,全部的功能一目瞭然!
支持邊編輯,邊預覽;支持左右滾動聯動。
提供80多種超酷的代碼主題。xcode
"一鍵排版"一樣支持邊改樣式,邊預覽。
以下圖,我只是選了個css主題爲:「標題顏色」,而後代碼主題爲:「xcode」,整篇文章的效果就不同了。微信
好吧,接下來仍是好好展現一下我所說的超酷的代碼風格吧,
下面是默認的「favorite"下的代碼的顯示。
代碼高亮樣式,請看個人公衆號原文:https://mp.weixin.qq.com/s/Br9xdzaJga1XXR4rYXCSPAide
java的:工具
public class MyActivity extends AppCompatActivity { @Override //override the function protected void onCreate(@Nullable Bundle savedInstanceState) { super.onCreate(savedInstanceState); try { OkhttpManager.getInstance().setTrustrCertificates(getAssets().open("mycer.cer"); OkHttpClient mOkhttpClient= OkhttpManager.getInstance().build(); } catch (IOException e) { e.printStackTrace(); } }
javascript的:
function DisplayWindowSize(){ var w=window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth; }
css的:
p { margin: 1.5em 0px; } h1,h2,h3,h4,h5,h6 { margin: 1.5em 0px; font-weight:bold; }
html的:
<div > <span>abc<input id="code" type="checkbox" name="code" ></input></span> <textarea id="editor" rows="100" cols="100"></textarea> </div>
支持任意的語言,並能自動識別,有須要時也可直接指定
還有更牛的地方是,若是你對上面的風格都不滿意時,你甚至能夠自定義本身的代碼高亮的樣式,請參考:"一鍵排版"中的"代碼塊樣式「。
簡單吧!
最後,請記住:
是咱們程序員,讓世界變得了更美好。請不要抺黑咱們的善良和單純!
有什麼問題,歡迎留言,微信公衆號:「顏家大少」: