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 的递归函数

javascript - 摊牌 highlightjs 扩展
我正在尝试用 AngularJS 编写 Markdown 编辑器。我正在使用 Angular Markdown (AngularJS Showdown 包装器)来解析 Markdown ，我想使用 h
readme - 如何使用带有 HighlightJS 标记的 npm
你如何使用 npm Marked与 HighlightJS ?我正在尝试自动化我的文档以进行解析和样式化。从标记的文档中查看以下示例: // Using async version of marked
javascript - HighlightJS 出现的部分 CSS 样式
您好，我正在尝试将 highlight.js 与 Ajax 调用一起使用:它从 PHP 中提取数据脚本。 code 元素被填充，但它只设置背景和字体颜色的样式(在开发工具中验证)，不会出现语法突出显示
javascript - highlightjs 与 html 代码
我如何放置我的 HTML 代码以便 highlight.js 美化它？我试过了 haha 我
angular8 - 数字列未显示使用角度 8 中的 ngx-highlightJs
给定数据是一些主要的 HTML 页面和模块的提供者 providers: [ { provide: HIGHLIGHT_OPTIONS, useValue
javascript - HighlightJS 突出显示 SQL 名称中的关键字。如何调整解析器？
例如，诸如 retail-sample.xls 之类的文件名将单词 sample highlihgted 作为关键字。有什么方法可以配置吗？最佳答案我不确定这是否适合您，但是，Highlight
javascript - 使用 Remarkable 和 Highlightjs 突出显示 HTML
使用 Remarkable 突出显示 HTML 代码时，我无法执行 highlight 函数。我取自示例 here : var md = new Remarkable({ html:true,

首页

博学

6Ren·AI

商城

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