如何在微信公众号优雅地添加代码

版权声明:首发于 www.amoshuang.com https://blog.csdn.net/qq_35499060/article/details/82713846

    作为一个技术型的微信公众号,在文章中插入代码可以说是刚需。但是看看微信图文消息的工具栏,竟然没有插入代码的选项。

    也许插入代码对于大多数公众号作者来说都是可有可无的功能,甚至你只要文章写得好,直接粘贴复制进去又何妨呢?但是作为一个有追求的作者,能够容忍排版层次不齐,也不能容忍代码格式错乱、缩进出错。来人,抬我的游标卡尺来!

    所以,为了在微信公众号中优雅地插入代码,我们需要用到Markdown。它是一种轻量级的文本标记语言,可以让普通的文本具有一定的格式,同时还可以实现一些渲染和代码高亮的效果。它的功能很多,但是我们今天只需要用它来让我们的代码变得更加漂亮就可以了,其他的功能如果想知道可以自行百度Markdown的语法格式。

    在这里,我推荐两种方法,一种是在线的Markdown工具,一种是chorme插件工具。

    1>在线Markdown工具(http://md.aclickall.com)

    这款工具是颜家大少开发并发布的,上方的链接直达。这款工具实现了Markdown的大部分功能,虽然和市面上的一些”妖艳贱货”相比没有那么精致的界面,但是它的右上角提供了复制功能,点击然后去微信公众号编辑界面粘贴即可!!!其他的在线Markdown貌似都没有这么贴心的功能。

在线Markdown

    这其中使用代码块的语法网站首页也有介绍,就不赘述了。

    如果你不喜欢这个风格,右上角还可以更改代码主题,还有一键排版等黑科技,值得一试。

    缺点:有时候网站打开比较慢,可能和服务器有关。如果你喜欢这个工具,可以在网站首页找到打赏链接,让我们一起帮助他做的更好!

扫描二维码关注公众号,回复: 3318021 查看本文章

2>chorme插件  Markdown Here

    这款插件的强大之处在于只要是文本编辑框,都可以变成你Markdown的地方!

    这款插件可以在火狐浏览器、QQ浏览器等支持拓展插件的插件市场搜索到,安装即可。安装好之后可以在自动弹出或者在插件的选项中找到设置界面,可以设置代码主题以及快捷键等。

    接下来是使用演示,在微信公众号的图文编辑处输入Markdown的代码块语法标记然后粘贴进入你的代码。点击右上角Markdown Here的图标,它就会一键帮你将文本转换成Markdown了!

                 markdown使用前,截完才发现从自己博客复制的带了一些语法高亮,不过不影响使用


                                                           markdown使用后

    很方便有没有?但是需要注意的是,这款工具好像能够进行代码高亮的地方比前一款工具少,如果有兴趣尝试的话,大家可以都试一下进行对比。

    缺点:支持高亮的关键字少,有时候如果tab和空格一起使用了会导致换行错误。

qr

猜你喜欢

转载自blog.csdn.net/qq_35499060/article/details/82713846