npm 包 markdown-it-bear 使用教程

简介

markdown-it-bear 是一个基于 markdown-it 基础上扩展的一个包,旨在提供一种更加符合阅读体验的 markdown 渲染方式。

安装

使用 npm 安装 markdown-it-bear

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

快速使用

引入 markdown-it-bear:

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

渲染 markdown:

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

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

扩展功能

文字特效

markdown-it-bear 中提供了很多文字特效,包括下划线、撕裂线、下划线和撕裂线组合等。

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

渲染结果:

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

代码高亮

markdown-it-bear 提供了常用的代码语言高亮,支持自定义主题。

----- - - --

渲染结果:

const a = 1;
  

表情符号

markdown-it-bear 支持常用表情符号(emoji),这让我们的文章更加生动。

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

渲染结果:

😄 ❤️

自定义

我们也可以自定义一些样式和标签的名称。

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

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

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

结束语

以上是 markdown-it-bear 的用法介绍,除此之外,还有更多的功能可以探索和使用。快来试试吧!

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


猜你喜欢

  • npm 包 grunt-cf-compiler 使用教程

    在前端开发中,我们经常需要编写和管理大量的前端代码。然而,对于大型项目而言,手动编写和管理前端代码是非常耗时和耗力的。为了解决这个问题,我们可以使用 Grunt 任务运行器来自动化前端工作流。

    4 年前
  • npm 包 @pgmmpk/markdown-it-testgen 使用教程

    前言 在前端开发中,Markdown 是一种常用的文本语言,用于为文本添加样式、标签和链接等信息。在处理 Markdown 文本时,我们通常会使用技术栈中的一些工具,其中之一就是 markdown-i...

    4 年前
  • npm 包 react-gtk 使用教程

    简介 react-gtk 是一个基于 React 的 GTK 组件库,提供了在 Web 端使用 GTK 组件的能力,它的目标是让 GTK 开发者能够更轻松地将自己的应用程序移植到 Web 环境中来。

    4 年前
  • npm 包 @phanostech/masho 使用教程

    在前端开发中,我们经常需要用到各种各样的第三方库和工具来完成开发任务。其中,npm 是一种非常流行的 Node.js 包管理器,经常被前端开发者使用。@phanostech/masho 包是一个非常有...

    4 年前
  • npm包 @petitatelier/three-app使用教程

    简介 @petitatelier/three-app 是一个基于 Three.js 的开源前端库,它能够有效地帮助开发者快速构建交互式的3D网站和应用程序。它的主要特点包括: 提供了完整的 Thre...

    4 年前
  • npm 包 @pandagardenio/semantic-release-assets-releaser 使用教程

    如果你正在开发一个前端项目,并将其发布到 npm 上,你可能会需要一个自动化的版本发布工具。在大型项目中,手动更新版本号会变得十分繁琐,尤其是在开发团队中协作时。 @pandagardenio/sem...

    4 年前
  • npm 包 hyper-titlebar 使用教程

    什么是 hyper-titlebar hyper-titlebar 是一款用于 Electron 应用程序中的标题栏组件。它能够让你以一种简单的方式,快速地在应用程序中添加标题栏,以及自定义标题栏的颜...

    4 年前
  • npm包react-scaled-props使用教程

    在开发React应用时,我们经常需要对组件进行样式的调整。但是,当我们需要在不同的屏幕尺寸下对这些样式进行自适应调整时,可能会遇到一些困难。在这种情况下,我们可以使用一个优秀的npm包——react-...

    4 年前
  • npm包@petitatelier/three-camera使用教程

    @petitatelier/three-camera是一款实现Three.js相机自由控制的npm包。本文将详细介绍如何使用该npm包,并演示一些示例代码,帮助您对Three.js相机的控制有更深入的...

    4 年前
  • npm 包 @tuofeng/umi-plugin-apollo 使用教程

    什么是 @tuofeng/umi-plugin-apollo? @tuofeng/umi-plugin-apollo 是一款 UmiJS 插件,它提供了对 Apollo GraphQL client ...

    4 年前
  • npm 包 @petitatelier/three-planet 使用教程

    介绍 @petitatelier/three-planet 是一个基于 Three.js 构建的 3D 行星和卫星模型库。它允许您创建和展示具有真实外观和动态行为的行星和卫星。

    4 年前
  • 使用 npm 包 @petitatelier/three-scene 创建三维场景

    如果你正在学习前端开发,并想要创建一个三维场景,那么 @petitatelier/three-scene 这个 npm 包可能会帮助到你。这个包是一个基于 Three.js 的二次封装,可以让你快速创...

    4 年前
  • npm 包 ember-cleave 使用教程

    前言 在前端开发中,我们经常需要对用户的输入数据进行格式化和校验。这时,我们就需要使用一些方便易用的工具来协助我们完成这些任务。一个非常好用的工具就是 ember-cleave。

    4 年前
  • npm 包 @sky-foundry/tachyons-extended 使用教程

    前言 @sky-foundry/tachyons-extended 是一个使用 tachyons 作为基础样式,并在此基础上扩展了许多实用的组件和工具类的 npm 包。

    4 年前
  • npm 包 @petitatelier/three-object 使用教程

    前言 近年来,前端技术得到了飞速的发展,各种开源库层出不穷。其中,Three.js 是一款非常强大的开源 WebGL 库,它提供了一系列构建 3D 网页的 API 接口,使得开发者能够轻松地创建具有丰...

    4 年前
  • npm包datatablesui的使用教程

    引言 随着前端技术的飞速发展,现代化网页的需求越来越高,特别是在数据表格的展示上,用户需求不断增加,为此,前端开发者们推出了很多优秀的数据表格库。其中,datatablesui是一款功能强大、易于使用...

    4 年前
  • npm 包 hsperf 使用教程

    在前端开发过程中,我们经常需要通过测量系统的 CPU 和内存使用情况来定位和解决潜在的性能问题。而 hspref 就是一个可以帮助我们监控这些指标的 npm 包。本文将详细介绍 hsperf 的安装和...

    4 年前
  • npm 包 styled-system-mapper 使用教程

    简介 在前端开发中,我们常常需要处理样式。样式的处理不仅仅是 CSS 的书写,更多的是关于样式的管理和配置。在项目中,如果需要不断地改变一些组件的样式,需要经常编辑 CSS,这无疑增加了开发量,也不利...

    4 年前
  • npm 包 winston-sentry-node 使用教程

    前置条件 已经安装 Node.js。 在 Sentry 上有账户并创建了项目。 简介 Winston 是一个 Node.js 的标准日志管理库。winston-sentry-node 是 Wins...

    4 年前
  • npm 包 managercouchdb 使用教程

    前言 managercouchdb 是一个 Node.js 模块,它提供了对 CouchDB 数据库的管理和操作的 API。CouchDB 是一个基于 HTTP 和 JSON 的文档数据库,特别适合W...

    4 年前

相关推荐

    暂无文章