nodejs md文件转html

javascript 复制代码
const marked = require('marked');

// 要转换的 Markdown 文本
const markdownText = `
# Hello, Markdown!

This is a paragraph.

- List item 1
- List item 2
`;

// 使用 marked 将 Markdown 转换为 HTML
const html = marked(markdownText);

console.log(html);

我直接读取md文件转换结果有误,第1行本应是标题1却变成了段落。文件内容跟上面字符串完全一样。后来打印二进制才知道从文件读取的前面多了些东西,原因是文件用了UTF8 BOM编码,最后改成UTF8编码问题解决。

javascript 复制代码
markdownContent = fs.readFileSync('.test.md', 'utf8');
const encoder = new TextEncoder();
console.log(encoder.encode(markdownContent));

marked用法

覆盖默认的渲染函数
javascript 复制代码
const marked = require('marked');

// 覆盖默认的渲染函数
const renderer = {
  // 处理标题的渲染函数,text 是标题文本,depth 是标题级别
  heading(text, depth) {
    // 将文本转换为小写,并将非单词字符替换为连字符 -
    const escapedText = text.toLowerCase().replace(/[^\w]+/g, '-');

    // 返回生成的 HTML 代码片段,包含锚点和标题文本
    return `
      <h${depth}>
        <a name="${escapedText}" class="anchor" href="#${escapedText}">
          <span class="header-link"></span>
        </a>
        ${text}
      </h${depth}>`;
  },
  code(raw, lang) {
    return `<pre><code class="prism language-${lang}">${raw}</code></pre>`;
}
};

// 将自定义的渲染函数应用于 marked 模块
marked.use({ renderer });

// 解析并输出 Markdown 文本
console.log(marked.parse('# heading+'));
const markdownText = `
\`\`\`python
print("Hello, World!")
\`\`\`
`;
console.log(marked.parse(markdownText));

官方资料:

https://marked.js.org/using_pro

相关推荐
上单带刀不带妹11 分钟前
手写 Vue 中虚拟 DOM 到真实 DOM 的完整过程
开发语言·前端·javascript·vue.js·前端框架
-凌凌漆-1 小时前
【Qt】QStringLiteral 介绍
开发语言·qt
程序员爱钓鱼1 小时前
Go语言项目工程化 — 常见开发工具与 CI/CD 支持
开发语言·后端·golang·gin
军训猫猫头1 小时前
1.如何对多个控件进行高效的绑定 C#例子 WPF例子
开发语言·算法·c#·.net
真的想上岸啊2 小时前
学习C++、QT---18(C++ 记事本项目的stylesheet)
开发语言·c++·学习
明天好,会的2 小时前
跨平台ZeroMQ:在Rust中使用zmq库的完整指南
开发语言·后端·rust
丁劲犇2 小时前
用 Turbo Vision 2 为 Qt 6 控制台应用创建 TUI 字符 MainFrame
开发语言·c++·qt·tui·字符界面·curse
旷世奇才李先生3 小时前
Next.js 安装使用教程
开发语言·javascript·ecmascript
charlie1145141913 小时前
深入理解Qt的SetWindowsFlags函数
开发语言·c++·qt·原理分析
likeGhee4 小时前
python缓存装饰器实现方案
开发语言·python·缓存