在公众号中优雅地呈现代码
这篇文章解答了一个技术公众号运营者常遇到的困惑:如何让 Markdown 生成的代码块在公众号页面中保持整齐的格式,而不是因为微信的过滤机制而错乱。 作者首先点出了问题的根源:Markdown 解释器在处理代码时直接输出了换行符 `n`,而微信的编辑和保存脚本会过滤掉这些符号,导致代码“挤成一团”。常见的应对方式是直接截图,但这对维护者来说既繁琐,又会影响读者的加载和阅读体验。一个更自动化的思路是开发组件,利用 highlight.js 高亮后绘制到 canvas 并导出图片。 不过,作者随后分享了一个更简便的实践路径:借助 Chrome 插件 Markdown Here。这款插件能将 Markdown 直接转换为 HTML,但微信编辑器同样是 contenteditable 区域,其二次解析会再次破坏样式。文章的核心在于针对这一新问题给出的最终处理办法——通过几行正则表达式对转换后的代码进行处理,从而在保存和预览时“骗过”微信的脚本,稳定地呈现出美观的代码格式。这个小技巧,或许能为不少技术号主省去折腾的时间。