教你如何在微信公众号优雅的展示代码

最近在微信公众号上记录自己的技术成长以及面试经历，在添加代码块的时候，尝试了很多种方式，都无法很友善的显示代码，对于代码的换行和样式感到头大，对这个排版问题，苦恼了很久。

 

刚开始有在各种微信公众号编辑器里插入代码然后进行复制，然而都不尽人意，需要自己不断的调整代码格式，并且把代码复制进微信公众号上会发现上下的空格居然可以这么大！！！严重影响到了浏览效果，果断放弃。

 

接着在网上寻找各种帮助，各种分享。看来看去，都不知道他们在说什么…..现在回过头，心中有个疑问：为什么他们要把这么简单的事情说得这么复杂？MMP的。更有甚者诱骗我关注了他的公众号，然后向我推销一款“价值”88￥软件，一生黑。

生无可恋，最终无奈用上了截图软件。动动键盘，再动动鼠标，然后ctrl+v不是挺方便的吗？呵呵…..期间的苦与累相信有经历过的人都能明白，就不说了。

 

直到今天，在前端早读课大佬@情封的帮助下，终于解决了这个困扰我多日的问题。废话不多说，直接上步骤。

 

step 1：在Chrome浏览器上安装Markdown Here插件（安装过程不用说了吧。。）

step 2：进入Editor.md的官网

step 3：在Editor.md左侧使用Markdwon格式书写代码

step 4：将代码复制进微信公众号，然后点击浏览器右上角“单击转换Markdown”，大功告成，以下是转换成功的最终效果