教你如何在微信公众号优雅的展示代码
2017-12-15 11:27
387 查看
最近在微信公众号上记录自己的技术成长以及面试经历,在添加代码块的时候,尝试了很多种方式,都无法很友善的显示代码,对于代码的换行和样式感到头大,对这个排版问题,苦恼了很久。
刚开始有在各种微信公众号编辑器里插入代码然后进行复制,然而都不尽人意,需要自己不断的调整代码格式,并且把代码复制进微信公众号上会发现上下的空格居然可以这么大!!!严重影响到了浏览效果,果断放弃。
接着在网上寻找各种帮助,各种分享。看来看去,都不知道他们在说什么…..现在回过头,心中有个疑问:为什么他们要把这么简单的事情说得这么复杂?MMP的。更有甚者诱骗我关注了他的公众号,然后向我推销一款“价值”88¥软件,一生黑。
生无可恋,最终无奈用上了截图软件。动动键盘,再动动鼠标,然后ctrl+v不是挺方便的吗?呵呵…..期间的苦与累相信有经历过的人都能明白,就不说了。
直到今天,在前端早读课大佬@情封的帮助下,终于解决了这个困扰我多日的问题。废话不多说,直接上步骤。
step 1:在Chrome浏览器上安装Markdown Here插件(安装过程不用说了吧。。)
step 2:进入Editor.md的官网
step 3:在Editor.md左侧使用Markdwon格式书写代码
step 4:将代码复制进微信公众号,然后点击浏览器右上角“单击转换Markdown”,大功告成,以下是转换成功的最终效果
刚开始有在各种微信公众号编辑器里插入代码然后进行复制,然而都不尽人意,需要自己不断的调整代码格式,并且把代码复制进微信公众号上会发现上下的空格居然可以这么大!!!严重影响到了浏览效果,果断放弃。
接着在网上寻找各种帮助,各种分享。看来看去,都不知道他们在说什么…..现在回过头,心中有个疑问:为什么他们要把这么简单的事情说得这么复杂?MMP的。更有甚者诱骗我关注了他的公众号,然后向我推销一款“价值”88¥软件,一生黑。
生无可恋,最终无奈用上了截图软件。动动键盘,再动动鼠标,然后ctrl+v不是挺方便的吗?呵呵…..期间的苦与累相信有经历过的人都能明白,就不说了。
直到今天,在前端早读课大佬@情封的帮助下,终于解决了这个困扰我多日的问题。废话不多说,直接上步骤。
step 1:在Chrome浏览器上安装Markdown Here插件(安装过程不用说了吧。。)
step 2:进入Editor.md的官网
step 3:在Editor.md左侧使用Markdwon格式书写代码
step 4:将代码复制进微信公众号,然后点击浏览器右上角“单击转换Markdown”,大功告成,以下是转换成功的最终效果
相关文章推荐
- 如何在微信公众号优雅的展示代码
- 如何写优雅的代码(3)——合理选择函数形参
- 论如何写出优雅的Android代码--------ActivityManager
- 【Java】如何优雅的用代码制作企业公章
- 如何优雅地写代码——C#篇(2)
- 如何写优雅的代码(1)——灵活使用goto和__try
- 如何写优雅的代码(3)——合理选择函数形参
- 如何写优雅的代码(2)——#define?const?还是enum?
- 代码之美 - 如何写出优雅的PHP代码
- 如何编写优雅(地道)的Python代码 - 第三部分
- 如何写出优雅兼备可读性的javascript代码
- 如何才能优雅的撸代码-----你知道sublime,nodepad++和webstorm么?
- 如何写优雅的代码(1)——灵活使用goto和__try
- 如何写优雅的代码(2)——#define?const?还是enum?
- 如何编写优雅的代码:04. 设计模式(中)
- 如何写优雅的代码(1)——灵活使用goto和__try
- Android中如何优雅的处理重复点击实例代码
- 如何优雅的写好一行代码——优雅的Activity的跳转
- 如何书写一手优雅的代码之2:不得不该掌握的编程六大原则(设计模式)
- 如何写优雅的代码(1)——灵活使用goto和__try