嘿,我造了个代码高亮的插件

简介: 写这个插件的初衷是因为 Medium 总是不高亮作者的代码。当然也有人用 Codepen, CodeSandbox 或者 Gist 来嵌入代码。 但是这样实在麻烦,有些人(比如我)就很不想为了几句代码而创建一个 Gist 文件,然后直接用 Medium 提供的代码块。所以我经常看到这样的代码块为了解决这个问题,我就写了这个插件来高亮 Medium 里的代码块,后面还意外发现简书,知乎,StackOverflow 等网站都能高亮,嘻嘻!

image.png


源起




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


image.png


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


样例



先看看效果吧~


image.png


安装与下载




  1. 可以点击这里从谷歌应用商店下载。
  2. 如果不能科学上网,可以直接从我 Github 上直接下载


使用




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


image.png


更多




  1. 更多内容可以访问 Github 上的 repo
  2. 我也在 B 站上录了个介绍视频,有兴趣可以点击这里观看


最后



在巴哈马旅游的时候就在构想这个插件,元旦回来后立马开工写了7天左右,其中也修复了很多 Bug。 当然 Bug 是修不完的,肯定还有一些 Bug 我没发现,如果你遇到了请给我写 Issue!


相关文章
|
Web App开发 前端开发
chrome浏览器web打印需要了解的几个小技巧
当我们使用web打印相关的解决方案的时候,还有不少小坑值得注意下,同时需要了解几个小技巧提升在web打印上的友好度,以下整理一些常见的小技巧
chrome浏览器web打印需要了解的几个小技巧
|
9月前
|
缓存 编译器 测试技术
简化 CMake 多平台兼容性处理:高效开发的秘诀
简化 CMake 多平台兼容性处理:高效开发的秘诀
291 0
|
9月前
|
API 开发者
在钉钉中,上传附件到钉盘的API调用方式
在钉钉中,上传附件到钉盘的API调用方式
362 2
|
小程序 开发工具 Android开发
Donut多端框架小程序打包适配ios和安卓app
腾讯新出了一个 Donut 多端框架,可以直接将微信小程序转成 ios 和 安卓 app,小程序开发者工具里也集成了 app 相关升级、调试和打包的功能,终于可以一套代码开发出3个客户端了!
298 0
Donut多端框架小程序打包适配ios和安卓app
|
9月前
|
移动开发 开发框架 小程序
uni-app的优缺点;uniapp进行条件编译的两种方法;小程序端和H5的代表值
uni-app的优缺点;uniapp进行条件编译的两种方法;小程序端和H5的代表值
300 0
|
消息中间件 XML 网络协议
消息中间件中常见的几个协议
消息中间件中常见的几个协议
602 11
消息中间件中常见的几个协议
如何将本地图片转成图片链接
如何将本地图片转成图片链接
2047 0
如何将本地图片转成图片链接
|
缓存 JavaScript Linux
详解package.json和package-lock.json
package.json和package-lock.json
1364 0
|
容器
overflow属性详解
overflow是对溢出内容的处理
832 0
overflow属性详解

热门文章

最新文章