微信公众号:颜家大少
欢迎关注我,一起学习,一起进步!

本文所用排版工具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后,点 “复制” ,然后”粘贴”, “粘贴”,”粘贴” ……到不同的平台即可。

简单吧!


有什么问题,欢迎留言,微信公众号:“颜家大少”:
这里写图片描述

版权声明:本文为garyyan原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:http://www.cnblogs.com/garyyan/p/8041631.html