微信公众号代码区域换行问题(解决)

摘要

最近在尝试更新简书的同时也把文档同步到个人微信公众号去中。但是在文章中粘贴代码的时候,遇到一个很难受的问题,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

    原文作者:全栈运维
    原文地址: https://www.jianshu.com/p/ea588ec043ab
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞