微信公眾號:顏家大少
歡迎關注我,一起學習,一起進步!
本文所用排版工具Md2All:http://md.aclickall.com
相信大家都知到了簡書這幾天發生的事,對這件事不想作過多的評論。只想告訴大家一個方法:
如何更好地把簡書的文章遷徙到其它的博客平台。
可能很多朋友喜歡在簡書上書寫的原因是,簡書Markdown書寫體驗的確不錯。既然是用Markdown書寫的,那就方便了,下面我給大家介紹一個工具:
. Md2All
一個Markdown在線轉換工具,支持幾十種超酷的代碼主題,支持 "一鍵排版" 的css樣式模板選擇,和自定義css,讓Markdown內容,不需作任何調整就能同時在微信公眾號、博客園、掘金、csdn等平台正確顯示當前預覽的效果。
. 界面預覽
先來張截圖吧:
沒有花巧的東西,所有的功能一目了然!
支持邊編輯,邊預覽;支持左右滾動聯動。
提供80多種超酷的代碼主題。
"一鍵排版"同樣支持邊改樣式,邊預覽。
如下圖,我只是選了個css主題為:“標題顏色”,然后代碼主題為:“xcode”,整篇文章的效果就不一樣了。

. 代碼塊展示
好吧,接下來還是好好展示一下我所說的超酷的代碼風格吧,
下面是默認的“favorite"下的代碼的顯示。
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>
支持任意的語言,並能自動識別,有需要時也可直接指定
還有更牛的地方是,如果你對上面的風格都不滿意時,你甚至可以自定義自己的代碼高亮的樣式,請參考:"一鍵排版"中的"代碼塊樣式“。
. 遷徙流程:
-
把簡書上的Markdown 內容復制到Md2All;
-
選擇你喜歡的 "代碼樣式" ,和 "一鍵排版";
-
預覽OK后,點 "復制" ,然后"粘貼", "粘貼","粘貼" ......到不同的平台即可。
簡單吧!
最后,請記住:
是我們程序員,讓世界變得了更美好。請不要抺黑我們的善良和單純!
有什么問題,歡迎留言,微信公眾號:“顏家大少”:
