如何在公众号内优雅地添加代码块?我推荐几款常用的发帖工具!

时间:2022-06-25
本文章向大家介绍如何在公众号内优雅地添加代码块?我推荐几款常用的发帖工具!,主要内容包括其使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。

背景

在运营公众号的过程中,或多或少可能会碰到分享代码的场景,此时该如何将你的代码高端、大气、上档次的呈现呢?这个问题经常会被热情地读者提问到,一直希望我能够分享一篇这方面文章。那么今天我就跟大家聊聊编辑微信公众号文章时常有的几个发帖工具,虽然这篇文章来的稍晚一些,但希望分享的点滴能够帮助到有需要的朋友。

我的烂效果

对于如上的这个问题,我也是边学习边摸索的过程,刚开始用的方法简单粗暴,就是将R语言或Python代码直接贴到公众号里面,效果是这样的:

很显然,这种方式很糟糕,都无法呈现代码中的语法高亮特征。用户在读这篇文章的时候肯定内心也是排斥的,体验不好,自然文章的阅读量也就不容易上去。

为了能够让代码高亮显示,也是想了方法,但没有找对策略,还是使用了简单粗暴的形式,直接将软件中的高亮语法截屏贴到公众号的文章内,效果是这样的:

看似外观舒服了一些,但最大的问题是代码无法复用,读者在认真读取了文章之后,想实操一下,必须得手工将代码一行行敲入,如果能够直接复制代码,那效果会更棒!

解决方案

为了兼顾好看(代码高亮)和好用(代码可复制),继续探索和寻找最佳方案。在一次偶然的机会中,给其他号主留言询问文章中所用的代码排版工具时,惊讶地得到了回复。“Chrome浏览器的插件 → Markdown Here”。于是百度找到了对应的官网,是这样的:

可惜不能下载,需要访问外国网站(内心奔溃啊)。为了我的读者,我购买了V**,下载了Markdown Here,并加入到Chrome浏览器的插件组中,她是这样的:

使用起来,真的感觉飞上天了,操作简单。当你在微信公众号的正文里面写好Python代码或其他代码后,只需一键搞定:

点击按钮后,原来的代码将会出现下面这种效果,是不是非常赞:

很长一段时间我都是使用的这个工具,但存在一个小问题,如果我在别的电脑上编辑文章,而这台电脑又没有Markdown Here插件,岂不是很烦躁。总不能每换一次电脑,就翻一次墙,下载一次插件吧。很显然,不明智。于是,继续探索更好的工具,功夫不负有心人,让我找到了。就是下面两个网站: http://md.aclickall.com/

http://md.ityouknow.com/

我觉得这两个网站太棒了,给我直接的体验就有两个好处:一个是左侧写代码,右侧出效果;另一个是可以直接将右侧的效果复制到微信公众号中,效果是这样的:

当然,在2019年年初,微信公众号也新增了添加代码块的功能,就是下面这个:

# 寻找1...100之间的素数
# 创建空列表,用于素数的存储
sushu = []
# 循环2...100之间的所有整数
for number in range(2, 101):
    resBool = []
    # 循环每一个除数
    for divide in range(2,number):
        # 判断商是否能够被整除
        resBool.append(number % divide == 0)
    # 判断素数的条件
    if not(any(resBool)):
        sushu.append(number)
sushu

大家可以对比一下,个人感觉自带的代码块功能还是没有上面介绍的工具更高大上,没有成熟,稳住的黑背景来的熟悉。

结语

OK,今天的内容就分享到这里,如果你有任何问题,欢迎在留言区域表达你的疑问。同时,也欢迎各位大咖在留言区分享出你所使用的发帖工具,我会第一时间将你的留言分享给大家。