在前端开发中，我们通常需要将文本内容渲染成 HTML 页面。Nunjucks 是一种模板语言，可以帮助我们更方便地生成 HTML 代码。而 nunjucks-markdown 是一个基于 Nunjucks 的 Markdown 渲染器，可以让我们在 Nunjucks 模板中直接使用 Markdown 语法。
安装
首先，我们需要安装 nunjucks-markdown 包。可以通过 npm 命令进行安装：
npm install nunjucks-markdown --save
使用
使用 nunjucks-markdown 渲染 Markdown 需要以下步骤：
- 引入依赖包
在项目中引入 nunjucks 和 nunjucks-markdown 包：
const nunjucks = require('nunjucks');
const markdown = require('nunjucks-markdown');- 配置 Markdown 渲染器
配置渲染器的方法如下：
markdown.register(nunjucks, {
// 配置项
});其中第一个参数 nunjucks 是我们在第一步中引入的包；第二个参数是配置对象，下面是可用的配置项：
path：Markdown 文件所在路径，默认为当前工作目录。ext：Markdown 文件扩展名，默认为.md。strip：是否去除 Markdown 文件中的空白行，默认为false。
- 在模板中使用
在 Nunjucks 模板中，使用以下标签来渲染 Markdown：
{% markdown %}
# Title
This is a paragraph.
{% endmarkdown %}当我们使用 Nunjucks 渲染该模板时，将会把 Markdown 转换为 HTML。
示例代码
下面是一个简单的示例，演示如何在项目中使用 nunjucks-markdown：
-- -------------------- ---- -------
----- ---- - ----------------
----- -------- - --------------------
----- -------- - -----------------------------
-- -- -------- --
----- --- - --------------------------------------- --------- -
----------- -----
-------- ----
---
-- -- -------- ---
---------------------- -
----- -------------------- -----------
---- ------
---
-- ----
------------ ----- ---- -- -
----- ------- - -
------ ------- --------
-------- -- --------------- -- -- ----- ---- -------
--
------------------------ ---------
---在上述示例中，我们首先创建了一个 Nunjucks 环境，并使用 nunjucks.configure 方法指定了模板文件所在目录。然后，我们注册了 Markdown 渲染器，并配置了 Markdown 文件所在路径和扩展名。最后，在路由处理函数中，我们渲染了一个模板，并传入了一个包含标题和内容的上下文对象。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/45042