介绍
Showdown 是一个用于将 Markdown 转换为 HTML 的 JavaScript 库。Showdown Extension Polar Bear 是一个 Showdown 插件,它可以为 Markdown 添加一个名为 Polar Bear 的 CSS 主题,使得渲染后的 HTML 具有 Polar Bear 的风格,从而美化 Markdown 渲染的效果。
安装
Showdown Extension Polar Bear 可以通过 npm 下载:
npm install showdown-extension-polar-bear
使用
导入插件
在 JavaScript 文件中导入插件:
const Showdown = require('showdown'); const polarBear = require('showdown-extension-polar-bear'); Showdown.extensions.polarBear = polarBear;
添加插件
在将 Markdown 转换为 HTML 时,需添加 polarBear 插件以渲染样式:
const mdText = '# Hello, world!'; const converter = new Showdown.Converter({ extensions: ['polarBear'] }); const html = converter.makeHtml(mdText);
效果预览
以下是渲染后的效果:
示例代码
-- -------------------- ---- ------- ----- -------- - -------------------- ----- --------- - ----------------------------------------- ----------------------------- - ---------- ----- ------ - -- ------ -------- ----- --------- - --- -------------------- ----------- ------------- --- ----- ---- - --------------------------- ------------------
总结
Showdown Extension Polar Bear 是一个简单易用的 Showdown 插件,它可以给 Markdown 添加一个 Polar Bear 风格的 CSS 样式,从而让渲染后的 HTML 具有更好的视觉效果。在使用 Markdown 渲染时,Showdown Extension Polar Bear 是一个不错的选择。
来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/600671a730d0927023822631