在网上搜索了很久,也尝试了各种方法都没办法解决,希望有人能解答。
问题描述
我希望拷贝我的博客到微信公众号中发布,博客里有一些代码,测试链接在这里,当我把内容复制后粘贴到微信编辑器中代码缩进就完全丢失了。大家可以看前后对比。
粘贴前的样子
粘贴后的样子
一些发现
我尝试过使用Markdown here插件直接从公众号编辑窗口生成html,所有的段落和引用格式都是好的,唯独高亮代码格式到手机上看会错乱,根本没法看。
上面这个问题其实已经有人发现了,原因是
markdown here
生成的html中代码的换行n
在提交时被微信过滤了,你可能需要手动将换行符替换成<br>
才能正常显示。其实这样表述并不完全准确,我的发现是微信手机客户端才会多html中多余的空白和空行处理掉,在电脑上打开同样的文章并不会错乱。小胡子哥的hexo博客说的就是上面这个问题,他给出的解决方案是hexo自动生成的静态页面能自动解决换行问题。但是问题来了,它的hexo博客生成的代码复制到公众号编辑器样式没有问题,我的hexo博客生成的高亮代码复制过去缩进丢失了!(看问题描述)
在SF上也有人遇到类似问题,到目前还是没有人回答。https://segmentfault.com/q/10...
测试方法
-
如果你没有公众号编辑器,可以打开这个页面,里面有一个模拟微信编辑器的排版窗口。尝试把下面这两个页面的代码粘贴过去。
以上两个页面都是hexo生成的,除了主题不一样,估计hexo版本也不太一样。
但是无论如何,这个现象应该是不会发生的,不是吗?
目前使用Markdown来编辑微信公众号的文章,有几个我觉得还不错的工具。
http://md.phodal.com/ (网页版)
大神写的编辑器,这是原作原地址,可以提bug提需求,会持续改进。蓝色主题。
http://md.codingpy.com/ (网页版)
这个上面那个版本的克隆版,绿色主题。
https://typora.io/ (桌面版,多平台支持)
一个新的MD编辑器,个人认为比世面上任何一款都好用。可以直接复制为HTMl然后粘贴到公众号文章编辑器中,格式和代码换号显示正常。支持多种样式和自定义样式。
具体的效果也可以去看到公众号里去参观。