简介
markdown-it-bear 是一个基于 markdown-it 基础上扩展的一个包,旨在提供一种更加符合阅读体验的 markdown 渲染方式。
安装
使用 npm 安装 markdown-it-bear
npm install markdown-it-bear --save
快速使用
引入 markdown-it-bear:
const md = require('markdown-it-bear');
渲染 markdown:
const mdContent = '# title ## subtitle some text'; const htmlContent = md.render(mdContent); console.log(htmlContent); // '<div class="title">title</div><div class="subtitle">subtitle</div><p>some text</p>'
扩展功能
文字特效
markdown-it-bear 中提供了很多文字特效,包括下划线、撕裂线、下划线和撕裂线组合等。
这是下划线: __Hello World__ 这是撕裂线: ~~Hello World~~ 这是组合: __~~Hello World~~__
渲染结果:
这是下划线: <u>Hello World</u> 这是撕裂线: <s>Hello World</s> 这是组合: <u><s>Hello World</s></u>
代码高亮
markdown-it-bear 提供了常用的代码语言高亮,支持自定义主题。
const a = 1;
渲染结果:
const a = 1;
表情符号
markdown-it-bear 支持常用表情符号(emoji),这让我们的文章更加生动。
:smile: :heart:
渲染结果:
😄 ❤️
自定义
我们也可以自定义一些样式和标签的名称。
-- -------------------- ---- ------- ----- -- - ----------------------------- --------------- ----------- ------------------ -------------- --- ----- --------- - -- ----- -- -------- ---- ------ ----- ----------- - --------------------- ------------------------- -- ----- -------------------------------- ----------------------------------------- ---------
结束语
以上是 markdown-it-bear 的用法介绍,除此之外,还有更多的功能可以探索和使用。快来试试吧!
来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/600671d130d09270238229ad