微信文章实现代码高亮

最近在自学计算机学科相关基础课程，一个人学习是无聊的，所以想着把自己的学习过程记录在个人的微信公众号里。以前看到其他公众号里展示代码的样式很酷，一个框框里的代码要是上下左右像素溢出后还能上下左右滑动，里面的代码也能高亮。今天自己尝试在微信文章编辑器里试着写代码，结果发现编辑器本身没提供代码展示的相关功能，也不支持markdown，所以就有了疑问：人家那么炫酷的代码展示是怎么弄出来的？百度了大半天，大部分是推荐使用哪些哪些在线微信排版编辑器，那些在线排版编辑器进去一看，其网页本身就排版得令人眼花缭乱，好强的一股大妈审美风。虽然有几个程序员气质的回答推荐了几个专业的工具，但是使用起来还是不舒服，距离感很强。在这个过程中，领悟到了微信展示代码高亮的本质：由支持CSS样式的非微信编辑器得到HTML性质的“内容”，然后（带格式地）复制到微信编辑器里即可展示出样式。因为一直用CSDN编辑器写文章，故尝试了复制CSDN编辑器里的“内容”到微信编辑器，结果还算成功。具体方法：CSDN文章编辑模式下，使用markdown写文章，比如写了一段代码块，预览区已展示出渲染的结果（语法高亮）；然后点击“小眼睛”进入“预览模式”，在此模式下将代码块选中后（最好附带选中代码块前后至少各一行文字）右击复制到微信编辑器，即实现了高亮展示（微信编辑器做了自适应，比如横向尺寸溢出则隐藏并展示横滚条）。复制后代码块里的代码可能出现串行等不一致的行格式现象，此时只要稍微手动调整即可。
总结起来，这就是一个前端问题，知识不够，只能时间来凑。瞎百度，瞎领悟，瞎试，要是有这方面足够好的问答社区就好了，那种有黑客精神的社区。
下面贴一贴在微信（像Apple一样封闭生态的）文章编辑器里成功实现代码高亮的截图：