1. 背景
在前端开发中，常常需要将 Markdown 文本转换成 HTML 文本，以便在页面上展示。但是，传统的 Markdown 转换器有很多不足之处，比如不支持定制化程度高、语法有限等问题。
markdown-it 是一个功能强大的 Markdown 转换器，支持多种语法扩展，但是它的默认样式不够美观。为了解决这个问题，bespoke-markdownit 出现了。
bespoke-markdownit 是一个基于 markdown-it 的 npm 包，可以将 Markdown 转成 HTML，并且具有丰富的主题定制化功能。
本文将介绍如何使用 bespoke-markdownit 包，实现将 Markdown 文本转化成美观的 HTML 文本，并且自定义主题。
2. 安装
在使用 bespoke-markdownit 之前，需要先安装 markdown-it，然后再安装 bespoke-markdownit。
npm install markdown-it bespoke-markdownit
3. 使用示例
通过以下代码，可以快速将 Markdown 文本转换成 HTML：
const markdownit = require('markdown-it');
const bespokeMarkdownIt = require('bespoke-markdownit')({});
const markdownText = '# Hello, World';
const htmlText = markdownit().render(markdownText);
console.log(htmlText); // <h1>Hello, World</h1>上面的代码首先使用 markdownit() 创建一个 markdown-it 实例，然后使用 render() 方法将 Markdown 转换成 HTML。
bespoke-markdownit 的使用方式类似，只需要将上面的代码进行修改即可。
const markdownit = require('markdown-it');
const bespokeMarkdownIt = require('bespoke-markdownit')({});
const markdownText = '# Hello, World';
const htmlText = bespokeMarkdownIt(markdownText);
console.log(htmlText); // <section><h1>Hello, World</h1></section>上面的代码中，使用 bespokeMarkdownIt 方法将 Markdown 转换成 HTML 并且添加了 <section> 标签，这是 bespoke 用于创建幻灯片的标记。
4. 高级使用
4.1. 增加自定义样式
你可以根据需要创建自定义样式，具体方法如下：
const originalMd = require('markdown-it')();
const bespokeMd = require('bespoke-markdownit')({
markdownIt: originalMd,
styles: {
'h1, h2': 'color: red'
}
});上面的代码中，我们首先创建了 markdown-it 实例，然后使用 bespoke-markdownit 将其设置为基础的 Markdown 转换器。
接着，我们增加了一个名为 styles 的选项，用于定义 CSS 样式。在这个示例中，我们将 h1 和 h2 标记设置为红色。
4.2. 增加自定义插件
markdown-it 有非常多的插件可以使用，而且它也支持自定义插件。你可以通过以下代码实现：
-- -------------------- ---- -------
----- ---------- - -------------------------
---------------------------------------------
----- --------- - -------------------------------
----------- -----------
-------- -
----------------------
-
---上面的代码中，我们首先创建了 markdown-it 实例，并且使用了 markdown-it-emoji 插件。接着，我们将其作为参数传递给 bespoke-markdownit。
接着，我们增加了一个名为 plugins 的选项，用于定义自定义插件。在这个示例中，我们添加了一个自定义插件 my-plugin。
module.exports = function(md) {
// 定义插件逻辑
}在自定义插件中，可以定义各种转换逻辑。
5. 总结
本文介绍了如何使用 bespoke-markdownit 包，在 Node.js 和浏览器中将 Markdown 文本转换成 HTML 文本，并且自定义主题。在实际使用过程中，除了上述介绍的方法，还可以使用 markdown-it 的插件来进一步扩展其功能。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600671a430d0927023822445