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

简介: 写这个插件的初衷是因为 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!


相关文章
|
资源调度 JavaScript API
uniapp项目vue2升级vue3
uniapp项目vue2升级vue3
911 0
|
SQL 存储 Oracle
6 张图带你彻底搞懂分布式事务 XA 模式
XA 协议是由 X/Open 组织提出的分布式事务处理规范,主要定义了事务管理器 TM 和局部资源管理器 RM 之间的接口。目前主流的数据库,比如 oracle、DB2 都是支持 XA 协议的。
13629 1
6 张图带你彻底搞懂分布式事务 XA 模式
|
4月前
|
移动开发 JavaScript 前端开发
《抉择与权衡:Vue技术栈下uni-app与Taro的跨端较量》
在Vue技术栈为主的团队中,选择跨端开发框架时,uni-app与Taro各有优势。uni-app基于Vue.js,语法熟悉度高,开发效率快,HBuilderX工具支持强,跨端覆盖广(iOS、Android、Web及多小程序平台),性能优化特性丰富,生态插件完善。而Taro虽支持Vue语法,但核心仍带React风格,需适应新思维,其性能在React Native和H5上表现突出,适合对这些平台有高性能需求的项目。团队应根据开发效率、跨端需求及性能要求权衡选择。
275 30
|
4月前
|
开发框架 API 开发工具
HarmonyOS NEXT~鸿蒙系统与Uniapp跨平台开发实践指南
本书《HarmonyOS NEXT~鸿蒙系统与Uniapp跨平台开发实践指南》深入探讨了华为鸿蒙系统(HarmonyOS)与Uniapp框架的融合应用。书中首先介绍了鸿蒙系统的分布式架构特点及其原子化服务理念,随后详细讲解了Uniapp在鸿蒙环境下的适配方案,包括开发环境配置、特有配置项设置以及条件编译调用鸿蒙原生能力的方法。此外,还提供了界面适配策略、性能优化建议及调试发布流程,帮助开发者高效构建多端协同应用。最后展望了鸿蒙生态未来的发展方向,如ArkUI-X的深度集成和全新API能力的应用前景。
351 0
|
10月前
|
Web App开发 JavaScript 前端开发
ThreeJs-01开发环境搭建
【11月更文挑战第12天】本指南介绍了如何使用 Node.js 和 npm 创建一个基本的 Three.js 项目。首先安装 Node.js 和 npm,然后创建项目目录并初始化项目,接着安装 Three.js 库,最后创建一个简单的 HTML 文件来测试 Three.js 的功能,确保一切正常运行。
512 54
|
11月前
Vue3 中使用 Event Bus
【10月更文挑战第16天】Event Bus 是 Vue3 中一种简单而实用的通信方式,在一些简单的场景中可以发挥重要作用。但在实际应用中,要根据项目的具体需求和复杂度,选择合适的通信方式,以实现最佳的性能和可维护性。同时,要遵循最佳实践,合理使用 Event Bus,避免出现问题。
1190 60
|
10月前
|
供应链 安全 区块链
深入探索区块链技术在金融科技中的革新应用####
本文旨在探讨区块链技术如何重塑金融科技领域,通过分析其核心特性及实际应用案例,揭示该技术提升金融交易透明度、降低成本并增强安全性的潜力。不同于传统摘要仅概述研究范围与结论,本部分将简要预览文中关键论点,激发读者兴趣,为深入阅读铺垫基础。 ####
289 0
|
存储 缓存 JavaScript
npm link 与 pnpm link 的用法以及不同之处
npm link 与 pnpm link 的用法以及不同之处
1066 0
|
程序员 开发者
玩转 GitHub profile - 打造自己的特色 GitHub 主页(交友利器🐶)
Github 作为全球最大程序员交友网站,大家在上面交友时一个具有个人特色的自我介绍自然是少不了的。🐶 今天介绍下 GitHub 的一项特色功能 - GitHub profile,以及一些列开源工具、项目来帮助打造自己特色的 GitHub profile。 GitHub profile 也是最近两年 GitHub 才新加的功能,开发者可以通过编写 README 打造属于自己的个人 GitHub 首页。
|
消息中间件 XML 网络协议
消息中间件中常见的几个协议
消息中间件中常见的几个协议
716 105
消息中间件中常见的几个协议