嘿,我造了个代码高亮的插件
2019-01-12 本文已影响80人
写代码的海怪

源起
写这个插件的初衷是因为 Medium 总是不高亮作者的代码。当然也有人用 Codepen, CodeSandbox 或者 Gist 来嵌入代码。 但是这样实在麻烦,有些人(比如我)就很不想为了几句代码而创建一个 Gist 文件,然后直接用 Medium 提供的代码块。所以我经常看到这样的代码块

为了解决这个问题,我就写了这个插件来高亮 Medium 里的代码块,后面还意外发现简书,知乎,StackOverflow 等网站都能高亮,嘻嘻!
样例
先看看效果吧~

安装与下载
使用
点击插件图标后会弹出下面的设置面板,看起来有点像编辑器。如果像平时写网页的UI布局就太无聊了,所以设计UI成编辑器的样子😝。

更多
-
更多内容可以访问 Github 上的 repo
-
我也在 B 站上录了个介绍视频,有兴趣可以点击这里观看。
最后
在巴哈马旅游的时候就在构想这个插件,元旦回来后立马开工写了7天左右,其中也修复了很多 Bug。 当然 Bug 是修不完的,肯定还有一些 Bug 我没发现,如果你遇到了请给我写 Issue! 如果你也喜欢我的插件,麻烦给个五星好评 :),谢谢!