让你掘金博客中的代码显示得更酷

微信公众号：颜家大少

本文所用排版工具：md.aclickall.com

有没有以为博客中的代码块显示不够酷，或排版没个性?
能不能酷一点，或有个性一点？
那固然是能够的！ ^-^

直接看代码效果，先来个高调的

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();
        }
}
复制代码

再来个低调的

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();
        }
}
复制代码

几十种风格，任你选择

固然，各类语言也不在话下

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>  
复制代码

支持任意的语言，并能自动识别，有须要时也可直接指定

还有更牛的地方是，若是你对上面的风格都不满意时，你甚至能够自定义本身的代码高亮的样式，请参考："一键排版"中的"代码块样式“

看了后，你是否是很好奇，这是怎样实现的？

其实简单的很

1. 打开免费的markdown转换工具：md.aclickall.com，并把你的markdown内容拷贝过去
2. 选择你喜欢的代码风格
3. 选择"一键排版"中的"任意样式"对你的内容进行排版
   你甚至能够任意修改此样式并保存。
   注意：你可能会发现行间距很窄，但这个是没问题的，复制到掘金后，掘金会自动调整
   参考图以下：
   
4. 预览OK后，选择复制
5. 把前面复制的内容粘贴到掘金默认的markdown编辑模式左边的编辑框，就搞掂

更多内容，欢迎关注微信公众号“颜家大少”