微信公众号代码区域换行问题（解决）

摘要

最近在尝试更新简书的同时也把文档同步到个人微信公众号去中。但是在文章中粘贴代码的时候，遇到一个很难受的问题，markdown 代码区域的换行符经过Chrome markdown here插件转换后。代码区域内的\n换行符在保存时会丢失，导致代码无法换行。

研究发现问题的根源是因为微信会自动过滤掉文件的\n换行符

---

问题展示

原始代码

markdown-here-sourcecode.png

chrome利用markdown here转换之后

markdown-here-wrongformat-photo.png

---

解决

从网上找到两种有效的解决办法。

markeditor

有一款叫做markeditor的软件，pro版本支持导出为微信公众号文章格式 的功能，能解决代码不换行的问题。

markeditor.png

当然它是一款收费软件。如果你想找免费的，可以参考第二种方式

markdown here 插件

主要参考：
在微信推文中优雅贴代码
concefly改造的markdown here 插件

再造的插件地址： https://github.com/concefly/markdown-here

官网文档如下（这里翻译一下自己用的chrome浏览器的安装部分）：

markdown-here-plugin-installation.png

---

安装说明

Chrome

Chrome网上应用店

去chrome网上应用店安装markdown here插件，正常安装
安装之后，确保重新加载你的webmail或者重启Chrome

手册／开发

• 克隆仓库
• 在Chrome中打开扩展配置
• 在扩展程序配置页，选中“开发者模式”复选框，参考图1
• 点击新出现的“加载已解压的扩展程序...”按钮，然后打开你开始克隆的仓库目录。选择仓库下的src目录
• 然后在你Chrome扩展程序里面会出现一个新的markdown here扩展
• 在转换成邮件之前重新加载你的webmail（或者是应用）

图1

---

官方文档的说明是这样的，但是安装之后还需要几个关键操作

• 禁用掉原始安装的markdown here 扩展
  其实后面想到如果不先装原始的markdown here，直接按这个安装会怎么样？
  自己没有尝试，哪位尝试了可以回复我看看
• 点击新安装的markdown here 下面的 “选项” 跳转 到markdown配置页
  最下面，按下面的图式配置选中代码高亮中使用br换行标签

markdown-here-plugin.png

---

最后发布之后OK，达到预期的效果

---

公众号: DailyJobOps