首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

终于下决心处理了将markdown编写内容复制到头条排版乱的问题

前因:

在发文章前,先是通过自己博客用markdown进行编写;

然后生成对应的HTML标签复制到头条或公众号;

然后,然后就某些代码片段的排版看的心碎,自己都没心思往下看,更别说读者;

由于其他第三方的限制,不能直接导流到博客,所以排版...

下决心前的契机

昨天发了一篇 ,里面用了大量的代码片段(近段时间代码片段最多的一片文章)

在自己博客显示当然是没有多大的问题(页面显示的主动权在自己手中)

当把内容复制到头条和公众号后,对文章进行 的时候,发现还好,当一发布就傻眼...

然后赶紧编辑和在头条里自己评论

虽然知道于事无补,但头条后台通过还有人收藏

这就很尴尬了,我自己也感觉是时候下决心处理了第三方文章排版的问题了

为什么是今天

发现这种情况有几天了,之前是将代码片段进行截图

当代码片段过多时,截图就意味着读者需要更多的流量来进行查看,并且无法复制

昨天发完文章后就打算处理,但...

昨天在处理上面这个事情(vip视频:https://tool.astarblog.cn/video.html)

所以今早就进行各种搜索,看是否有开源的一些解决方案

为什么使用开源而不是自己重新做

如果有开源,说明有些人和我遇到了相同的问题,既然已经有解决方案,并且解决方案经过人测试为什么不用?

我记得之前在SF论坛回答过一个关于markdown相关的问答:markdown其实就是将某些特定的标签转化为HTML的形式

所以如果是自己做,其实代码最多的地方也只是将某些代码片段进行正则匹配与替换,还好我打到了两个还不错在github开源的插件,直接down下来就好,当然是给了star

第一个:markdown-here

至于这个用法我就不介绍了,网上太多教程,可以自己去github上面查看与下载,算了,我还是发网址吧

chrome扩展地址:https://chrome.google.com/webstore/detail/elifhakcjgalahccnjkneoccemfahfoa

github:https://github.com/adam-p/markdown-here

其它浏览器的扩展需要你自己去发现

第二个:online-markdown

github : https://github.com/barretlee/online-markdown

当然这篇文章就是通过上面介绍的插件进行转换过的,大家可以看看排版

代码片段测试

  • 发表于:
  • 原文链接http://kuaibao.qq.com/s/20180116A0AGLH00?refer=cp_1026
  • 腾讯「腾讯云开发者社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。
  • 如有侵权,请联系 cloudcommunity@tencent.com 删除。

扫码

添加站长 进交流群

领取专属 10元无门槛券

私享最新 技术干货

扫码加入开发者社群
领券