npm 包 showdown-extension-polar-bear 使用教程

介绍

Showdown 是一个用于将 Markdown 转换为 HTML 的 JavaScript 库。Showdown Extension Polar Bear 是一个 Showdown 插件,它可以为 Markdown 添加一个名为 Polar Bear 的 CSS 主题,使得渲染后的 HTML 具有 Polar Bear 的风格,从而美化 Markdown 渲染的效果。

安装

Showdown Extension Polar Bear 可以通过 npm 下载:

--- ------- -----------------------------

使用

导入插件

在 JavaScript 文件中导入插件:

----- -------- - --------------------
----- --------- - -----------------------------------------

----------------------------- - ----------

添加插件

在将 Markdown 转换为 HTML 时,需添加 polarBear 插件以渲染样式:

----- ------ - -- ------ --------
----- --------- - --- -------------------- ----------- ------------- ---
----- ---- - ---------------------------

效果预览

以下是渲染后的效果:

示例代码

----- -------- - --------------------
----- --------- - -----------------------------------------

----------------------------- - ----------

----- ------ - -- ------ --------
----- --------- - --- -------------------- ----------- ------------- ---
----- ---- - ---------------------------

------------------

总结

Showdown Extension Polar Bear 是一个简单易用的 Showdown 插件,它可以给 Markdown 添加一个 Polar Bear 风格的 CSS 样式,从而让渲染后的 HTML 具有更好的视觉效果。在使用 Markdown 渲染时,Showdown Extension Polar Bear 是一个不错的选择。

来源:JavaScript中文网 ,转载请联系管理员! 本文地址:https://www.javascriptcn.com/post/600671a730d0927023822631


猜你喜欢

  • npm包react-native-phone-input2使用教程

    前端开发者经常需要使用电话号码输入框,但是这种组件在移动端开发中尤其重要。在React Native开发中,我们可以使用react-native-phone-input2这个npm包来轻松实现电话号码...

    4 年前
  • npm 包 rakkitql 使用教程

    简介 rakkitql 是一个基于 TypeScript 的 GraphQL 框架,专为 Node.js 和浏览器开发的。它支持使用基于函数的 API 定义 schema,并增强了 TypeScrip...

    4 年前
  • npm 包 @kopjra/mongoose-crate-s3 使用教程

    简介 @kopjra/mongoose-crate-s3 是一款 Node.js 模块,它提供了将文件存储到 Amazon S3 服务的功能。在使用 @kopjra/mongoose-crate-s3...

    4 年前
  • npm 包 hex-frame-parser 使用教程

    在前端开发过程中,数据传输是很常见的一项任务。而在数据传输中,往往需要对数据进行编码和解码。其中,十六进制编码的数据格式十分常见,而 hex-frame-parser 就是一款帮助你解析和编码十六进制...

    4 年前
  • npm 包 understanding-rollup-plugin-node-resolve-jsnext 使用教程

    前端开发中,不可避免地需要用到许多第三方的 JavaScript 库和框架,而 npm 就是我们常用的第三方 JavaScript 库的包管理工具之一。在项目中使用这些库,需要引入他们的模块或者文件,...

    4 年前
  • npm 包 pagarmejs 使用教程

    npm 包 pagarmejs 是一款强大的支付处理工具,它可以帮助前端开发者轻松地处理支付事务,同时支持包括银行卡、信用卡、预付费卡等多种支付方式。在本教程中,我们将深入了解如何使用 pagarme...

    4 年前
  • npm包holo-carousel使用教程

    在web开发中,轮播图是非常常见的组件。而开发一款完整的轮播组件需要花费大量的时间和精力。因此,我们可以使用现成的npm包来快速实现轮播图功能。其中一个比较有名的npm包就是holo-carousel...

    4 年前
  • npm 包 archiver-webpack-plugin 使用教程

    概述 archiver-webpack-plugin 是一个基于 webpack 构建的打包工具,它可以将 webpack 构建出来的文件进行压缩、归档并输出。它支持以下几种压缩格式:zip、tar ...

    4 年前
  • npm 包 allex_objectmanipulationlowlevellib 使用教程

    简介 allex_objectmanipulationlowlevellib 是一个辅助前端开发者进行 Object 操作的 npm 包。它提供了许多实用的方法,例如 objectEquality、o...

    4 年前
  • npm 包 zengenti-contensis-delivery 使用教程

    zengenti-contensis-delivery 是一个基于 Node.js 开发的 NPM 包,它提供了 Contensis CMS 的 API,可以帮助开发者快速地获取 Contensis ...

    4 年前
  • npm 包 express-message 使用教程

    什么是 express-message express-message 是一个能够在 Express 应用程序中向用户发送消息(如成功或错误消息)的 npm 包。它可以在后端代码中处理所有与消息相关的...

    4 年前
  • npm 包 leaflet-splitmap 使用教程

    在前端开发过程中,我们往往需要使用地图组件来展示一些地理信息。而 leaflet-splitmap 这个 npm 包可以让我们快速地实现地图区域分割操作,非常方便实用。

    4 年前
  • npm 包 endure 使用教程

    什么是 endure endure 是一个简单、轻量级的前端性能监控库,它可以用于监控某个操作的执行时间,并提供可视化的报告。endure 是通过 npm 安装使用的,可以用于前端的任何项目中。

    4 年前
  • npm 包 garthdb 使用教程

    什么是 garthdb? garthdb (https://www.npmjs.com/package/garthdb) 是一款用于在 Node.js 中管理数据库的 npm 包。

    4 年前
  • NPM 包 @wetransfer/concorde-timer 使用教程

    在前端开发领域,前端工程师们为了更好地提高项目开发的效率,会经常使用到各种各样的工具和技术。其中,一个极其重要的技术就是 NPM 包管理工具。 而在这其中,@wetransfer/concorde-t...

    4 年前
  • npm 包 @ashawnbandy/resume-landing 使用教程

    1. 什么是 @ashawnbandy/resume-landing @ashawnbandy/resume-landing 是一个基于 React 技术栈的前端开源项目,用于创建个人简历网站。

    4 年前
  • npm 包 node-track-id 使用教程

    在前端开发中,跟踪用户和页面的行为是非常重要的。为了帮助开发者更好地追踪这些数据,我们介绍了一个叫做 node-track-id 的 npm 包。在本文中,我们将详细介绍如何使用这个技术,并提供一些示...

    4 年前
  • npm 包 @ashawnbandy/resume-cta 使用教程

    随着互联网的发展,越来越多的人开始将个人简历发布到网上。在个人简历中加入一个“Call-to-Action(CTA)”按钮,让人们更容易联系到你,已经成为了一个常见的做法。

    4 年前
  • npm 包 Jazzband 使用教程

    介绍 jazzband 是一个基于 React 的音乐播放器组件,支持播放、暂停、快进、快退等基本操作,同时还提供了歌曲列表和歌曲搜索功能。 Jazzband 可以帮助开发者快速构建一个音乐播放器界面...

    4 年前
  • NPM 包 jsts-ie 使用教程

    介绍 jsts-ie 是一个基于 jsts 库的扩展,专门针对 Internet Explorer 浏览器进行优化处理。它可以使得 jsts 库在 IE 浏览器中获得更好的性能和稳定性。

    4 年前

相关推荐

    暂无文章