不再需要 Codepen、CodeSandbox、Gist 了！——代码高亮插件来了

Markdown 是一种强大的标记语言，广泛用于在线写作和文档编撰。它的语法简洁易懂，可以轻松地创建格式化的文本。然而，Markdown 的一大限制是它无法原生高亮代码片段。

Medium 的困扰

作为 Markdown 的忠实用户，我在 Medium 上写作时经常遇到一个令人沮丧的问题：无法高亮代码。Medium 虽然提供了代码块功能，但它只是以纯文本形式显示代码，没有任何语法高亮。这使得代码难以阅读和理解。

插件的诞生

为了解决这个问题，我创建了一个名为 "Highlight.js for Medium" 的插件。该插件基于 Highlight.js，一个流行的 JavaScript 库，它可以为各种编程语言提供语法高亮。

安装和使用

安装 Highlight.js for Medium 插件非常简单。只需按照以下步骤操作：

1. 前往 Chrome 网上应用店：https://chrome.google.com/webstore/detail/highlightjs-for-medium/oihlmfnjhcilblgmmodnpjhhoijdiojm
2. 单击 "添加至 Chrome" 按钮。
3. 确认安装。

安装完成后，该插件将自动在 Medium 编辑器中启用。要使用它，只需将代码粘贴到代码块中，插件就会自动将其高亮显示。

优点

使用 Highlight.js for Medium 插件有很多优点：

• 轻松高亮代码： 无需手动创建 Gist 或嵌入其他代码托管平台。
• 支持多种语言： 插件支持 180 多种编程语言的语法高亮。
• 增强代码可读性： 语法高亮使代码更易于阅读和理解，特别是在复杂的代码块中。
• 无缝集成： 该插件与 Medium 编辑器无缝集成，使用起来非常方便。

示例代码

以下是一个使用 Highlight.js for Medium 插件高亮代码的示例：

const highlight = require('highlight.js');
const code = `function helloWorld() {
  console.log('Hello, world!');
}`;
const result = highlight.highlight('javascript', code).value;
console.log(result);

运行此代码将输出语法高亮的 HTML 代码，可在 Medium 代码块中使用。

结论

Highlight.js for Medium 插件是一个必备工具，可解决 Medium 中代码高亮问题。它使代码更容易阅读、理解和共享。如果你在 Medium 上编写代码，强烈推荐使用此插件。