如何在公众号内优雅地添加代码块?我推荐几款常用的发帖工具!
背景
在运营公众号的过程中,或多或少可能会碰到分享代码的场景,此时该如何将你的代码高端、大气、上档次的呈现呢?这个问题经常会被热情地读者提问到,一直希望我能够分享一篇这方面文章。那么今天我就跟大家聊聊编辑微信公众号文章时常有的几个发帖工具,虽然这篇文章来的稍晚一些,但希望分享的点滴能够帮助到有需要的朋友。
我的烂效果
对于如上的这个问题,我也是边学习边摸索的过程,刚开始用的方法简单粗暴,就是将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,今天的内容就分享到这里,如果你有任何问题,欢迎在留言区域表达你的疑问。同时,也欢迎各位大咖在留言区分享出你所使用的发帖工具,我会第一时间将你的留言分享给大家。
- 像tomcat容器那样自定义一个 Classloader
- react+redux+webpack教程5
- TensorFlow-9-词的向量表示
- Hadoop和Zookeeper安装过程中出现的问题解决
- Ryu和OpenStack集成
- react+redux+webpack教程2
- C/C++ Development using Visual Studio Code, CMake and LLDB
- TensorFlow-10-基于 LSTM 建立一个语言模型
- jquery及原生javascript对jsonp解决跨域问题实例详解
- css负边距之详解
- Python进阶教程(三)
- Python进阶教程(二)
- Python进阶教程(一)
- TensorFlow-11-策略网络
- JavaScript 教程
- JavaScript 编辑工具
- JavaScript 与HTML
- JavaScript 与Java
- JavaScript 数据结构
- JavaScript 基本数据类型
- JavaScript 特殊数据类型
- JavaScript 运算符
- JavaScript typeof 运算符
- JavaScript 表达式
- JavaScript 类型转换
- JavaScript 基本语法
- JavaScript 注释
- Javascript 基本处理流程
- Javascript 选择结构
- Javascript if 语句
- Javascript if 语句的嵌套
- Javascript switch 语句
- Javascript 循环结构
- Javascript 循环结构实例
- Javascript 跳转语句
- Javascript 控制语句总结
- Javascript 函数介绍
- Javascript 函数的定义
- Javascript 函数调用
- Javascript 几种特殊的函数
- JavaScript 内置函数简介
- Javascript eval() 函数
- Javascript isFinite() 函数
- Javascript isNaN() 函数
- parseInt() 与 parseFloat()
- escape() 与 unescape()
- Javascript 字符串介绍
- Javascript length属性
- javascript 字符串函数
- Javascript 日期对象简介
- Javascript 日期对象用途
- Date 对象属性和方法
- Javascript 数组是什么
- Javascript 创建数组
- Javascript 数组赋值与取值
- Javascript 数组属性和方法
- QT 常用控件操作实例集锦
- C# Socket TCP发送图片与接收图片
- ingress通过daemonSet,nodeSelector,hostNetwork方式部署
- Oracle参数解析(event)
- Qt读写文件(2种方式)实现详解
- 字符串匹配 - KMP算法
- c# 判断文件是否发生了变化
- C# 用IrisSkin4.dll美化你的WinForm
- Oracle参数解析(shared_pool_size)
- C# GTS四轴运动控制器实例(固高科技步进电机不带编码器)
- Oracle参数解析(pre_page_sga)
- C#简单爬取数据(.NET使用HTML解析器NSoup和正则两种方式匹配数据)
- [WPF] WPF做的漂亮的登陆界面[附源码]
- C#自定义控件的创建
- Oracle参数解析(processor_group_name)