美文网首页MarkdownLinux运维
微信公众号代码区域换行问题(解决)

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

作者: 菩提老鹰 | 来源:发表于2016-12-14 14:47 被阅读2234次

    摘要

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