readme - 如何使用带有 HighlightJS 标记的 npm-6ren

readme - 如何使用带有 HighlightJS 标记的 npm

转载作者：行者123 更新时间：2023-12-03 16:05:03

25

4

你如何使用 npm Marked与 HighlightJS ?我正在尝试自动化我的文档以进行解析和样式化。从标记的文档中查看以下示例:

// Using async version of marked
marked(markdownString, function (err, content) {
  if (err) throw err;
  // console.log(content);
});

// Synchronous highlighting with highlight.js
marked.setOptions({
  highlight: function (code) {
    return require('highlight.js').highlightAuto(code).value;
  }
});

console.log(marked(markdownString));

我看不到如何使用 README.md文件而不是带有手动转义特殊字符的字符串。使用示例不涉及对 .md 的任何引用。文档作为 markdownString 的输入.

如何将 Markdown 字符串作为文档传递(例如形成一个名为 README.md 的文件)而不是手动转义的字符串，并且最终输出还包括样式？

目标是能够传入一个 linted(我正在使用 VS 代码 markdownlint )README.md、主文档 CSS 和/或 highlightJS css 并具有最后一行( marked(markdownString) )的返回值我可以直接写信给 .html文件。

另一个注意事项:我的 Markdown 文件还在多行代码块中指定语言。例如，我的 README.md 中的多行 JSON block 如下所示:

**BODY**:  

```JSON
{
  "username": "example@example.com",
  "p2setting": "4xx72"
}
```

最佳答案

基于 this发布后，文档曾指定以下内容，但已从文档中删除:

var fs     = require('fs');
var hljs   = require('highlight.js');
var marked = require('marked');

var markdownString = fs.readFileSync('./README.md');

marked.setOptions({
  highlight: function(code, lang) {
    return hljs.highlight(lang, code).value;
  }
});

var output = marked(markdownString);

注意你需要指定编码 fs.readFileSync('./README.md', "utf8") .

一个工作示例是:

const fs     = require('fs');
const hljs   = require('highlight.js');
const marked = require('marked');

const markdownString = fs.readFileSync('./README.md', "utf8");

const style1 = fs.readFileSync('./node_modules/highlight.js/styles/railscasts.css', "utf8");
// const style1 = fs.readFileSync('./node_modules/highlight.js/styles/solarized-dark.css', "utf8");

marked.setOptions({
  highlight: function(code) {
    return hljs.highlightAuto(code).value;
  }
});

const doc = `<!DOCTYPE html>
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  <title>Marked</title>
  <style>${style1}</style>
  </head>
  <body>${marked(markdownString)}</body>
</html>  
`
fs.writeFileSync('./index.html',  doc);

关于readme - 如何使用带有 HighlightJS 标记的 npm，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/48843806/

25

4

0

文章推荐： html - 如何设置与容器字体大小相同的图像大小

文章推荐： Python:没有机器学习的网格搜索？

文章推荐：使用 dplyr 的递归函数

npm - npm install npm -g不会将npm更新到最新版本
我正在使用npm v5.3.0。现在，我想将npm更新到v5.4.1。要执行此操作，请在终端中键入以下内容： npm install -g npm 没有任何错误。但是，当我键入npm -v时，得到的
npm 安装不起作用 | npm 错误!路径 | npm 错误!代码 | npm 错误!错误 | npm 错误!系统调用 | npm 错误!恩恩特
我已经使用 vue-cli 两个星期了，直到今天一切正常。我在本地建立这个项目。 https://drive.google.com/open?id=0BwGw1zyyKjW7S3RYWXRaX24tQ
npm - 如何在全局 npm 配置中重置 npm 注册表
有什么方法可以更改或重置全局 npm 注册表。感谢您的帮助。最佳答案在终端中运行以下命令以恢复到默认注册表 npm config set registry https://registry.np
npm - 什么时候应该使用 npm install vs npm i
查看 npm 的 documentation , 'i' 是 'install' 的别名，是否有任何情况下最好使用完整的 'npm install'？最佳答案两者之间没有具体区别。这只是一个懒惰的
npm - 我多久可以发布到 npm？
目前，每次将更改推送到 GIT 存储库时，我都会发布新版本的 NPM 包。我的大部分更改只是愚蠢的补丁。我使用 NPM 作为工具，在我的许多项目中启用版本控制和代码重用。经过一个月的工作，我已经完成了
npm - npm 安装错误
我运行的时候总是报错 npm install 谁知道怎么解决 npm ERR! Darwin 13.0.0 npm ERR! argv "/usr/local/bin/node" "/usr/b
npm - "npm uninstall"与 "npm uninstall --save"
“npm uninstall packageName”删除包并更新 package.json 文件。但是来自 npm 文档 - To remove a package from the depend
npm - 何时使用收缩包装、npm-lockdown 或 npm-seal
我的背景更熟悉 composer .我收到 gulp (等)进行构建过程和学习 node以及如何使用 npm我走的时候。很奇怪(再次来自 composer 背景)composer.lock默认情况下
npm - npm 模块名称的命名约定
我看到的许多 npm 模块名称前面都添加了技术名称，例如 react-native 或 jquery 等。由于我们已经在 package.json 文件中提供了关键字，因此遵循此约定有什么好处。我问这
npm - 模块是无关的 npm
我检查了 connect-privkey-to-provider模块在依赖项中。但是，它一直在说模块 'connect-privkey-to-provider' 是无关的 npm 和找不到模块 '
npm - "npm install"和 "npm ci"和有什么区别？
我正在进行持续集成并发现了 npm ci命令。我不知道在我的工作流程中使用此命令有什么优势。速度更快吗？这会让测试变得更难吗？好吗？最佳答案来自the official documentati
npm - 如何使用 postinstall 或单个 npm 命令安装嵌套的 npm 包
我有一个要发布到 NPM 的包，其中还包含如下所示的演示目录: . +-- demo | +-- src | | +-- main.js | +-- package.json +--
npm - Visual Studio Code - 使用 NPM 脚本时找不到 NPM
如果我打开集成终端并运行 npm -v 它会起作用。但是，如果我直接从 NPM SCRIPTS 运行它，它就不起作用。评论中要求的更多详细信息 //由 Fogmeister 编辑我也有这个问题，
npm - 如何解决 npm 安装错误 “npm ERR! code 1”
我正在尝试安装 gulp，当我写 npm install 时我得到了这个问题: npm ERR! code 1 npm ERR! path D:\www\wegrow\node_modules\nod
npm-scripts - “npm” 如何运行 “npm test code coverage” ？
这个问题已经有答案了: npm test --codecoverage doesn't generate report (3 个回答) 已关闭 4 年前。当我执行npm test --code-co
npm - `npm start` 和 `npm run start` 之间有区别吗？
我能够运行 npm start 和 npm run start 命令。我用过create-react-app创建我的应用程序。为了在 CSS 模块中进行配置更改，我想运行 npmject 但它会抛出错
npm - 使用 npm run 脚本时可以隐藏或静音 "npm ERR!"输出吗？
我正在使用npm run script执行“构建”和“测试”等任务。例如，我的 package.json 如下所示: { "name": "fulfillment-service", "ve
npm - 用 npm run 解决 "sh: command not found"的困难
我第一次将 npm 模块添加到我的项目中(jshint、optimg、jpgo)。我注意到有些项目，当我做 npm 运行 [名称] ，给出“sh: [name]: command not found”
npm-install - npm 安装错误 `not foundram Files/nodejs/npm: 3:/mnt/c/Program Files/nodejs/npm:`
我已经在 Windows 上安装了 Ubuntu Bash。我已经有 nodejs和 npm在我的 Windows 机器上 C:\Program Files\nodejs .在 Windows 的 b
node.js - npm 错误!代码 EMFILE npm ERR!系统调用产生 git npm ERR!路径 git npm ERR!错误号 EMFILE npm 错误!生成 git EMFILE
我正在尝试运行 npm install bitgo命令但在终端上出现以下错误， npm ERR! code EMFILE npm ERR! syscall spawn git npm ERR! pat

首页

博学

6Ren·AI

商城

readme - 如何使用带有 HighlightJS 标记的 npm