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

源起

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

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

样例

先看看效果吧~

安装与下载

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

使用

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

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

最后

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

转载于:https://juejin.im/post/5c4542f951882555288013d9

嘿，我造了个代码高亮的插件相关推荐

Blog代码高亮无需插件 - 代码发芽网
(呵呵完美支持iteye.com的博客,真开心) 写博客时,没有代码高亮? 代码发芽网 ( http://www.fayaa.com/code/ ): 无需插件支持Blog代码高亮支持近百种编程语言 ...
图片高亮处理编程_GMT语法高亮-智能提示-代码补全插件
GMT(Generic Mappint Tools)是地学界应用非常广泛的一款绘图兼数据处理的开源软件.其开发团队也是非常活跃,此软件还在不断的发展和更新中,变得越来越强大.目前已经有164个模块,而 ...
Vue项目中引进代码高亮插件——vue-highlightjs
在做代码高亮的时候,发现需要引进代码高亮的插件,搜集资料发现以下可实现代码高亮的插件:vue-highlightjs.DlHighlight.highlight.jsr.syntaxhighligh ...
在vue项目中使用prismjs（网页代码高亮插件）
在vue项目中使用prismjs 什么是prismjs prismjs是一款代码高亮美化插件,在一些技术博客类的网站中需要展示代码时,可以使用它类似与markdown的代码块, 官网链接:https: ...
vscode下载插件让vue代码高亮
目录一.概述二.解决办法一.概述在vscode里面编写vue代码的时候,发现代码是灰色的,看着不舒服二.解决办法 1.vscode里面搜索下载这个Vetur插件就可以使这些代码高亮起来了这 ...
uniapp 实现代码高亮
最近在开发一款自己的小程序,新增面试答题功能其中涉及到代码显示问题,于是在社区发现了一款插件下载可以看一下他的index.vue文件,在methods下面新增一个方法 load() {this.$ ...
WordPress代码高亮插件Pure-Highlightjs
今天酱茄小编给大家推荐一款代码高亮WordPress插件Pure-Highlightjs,支持185种语言高亮且提供89种主题样式,支持在WordPress可视化编辑模式下插入代码,做技术类网站的朋友 ...
html文本框代码高亮,CodeMirror 编辑器文本框 TextArea 代码高亮插件 - 文章教程
CodeMirror 是一个用于编辑器文本框 TextArea 代码高亮 JavaScript 插件,为各种编程语言实现关键字.函数.变量等代码高亮显示,丰富的 API 和可扩展功能以及多个主题样式, ...
highlight.js（代码高亮插件）
highlight.js(代码高亮插件) 官网用法查看核心 API Highlight.js 将一些函数导出为hljs对象的方法强调 highlight(code, {language, ign ...

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

源起

样例

安装与下载

使用

更多

最后

嘿，我造了个代码高亮的插件相关推荐

最新文章

热门文章