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

纵然是瞬间 提交于 2020-02-28 06:15:45

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

 

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

 

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

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

 

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

 

step 1:在Chrome浏览器上安装Markdown Here插件(安装过程不用说了吧。。)


step 2:进入Editor.md的官网


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


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

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!