微信公众号:颜家大少
欢迎关注我,一起学习,一起进步!
本文所用排版工具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后,点 "复制" ,然后"粘贴", "粘贴","粘贴" ......到不同的平台即可。
简单吧!
最后,请记住:
是我们程序员,让世界变得了更美好。请不要抺黑我们的善良和单纯!
有什么问题,欢迎留言,微信公众号:“颜家大少”: