Node.js 如何转换 Markdown 并且语法高亮-职坐标

Node.js 如何转换 Markdown 并且语法高亮

沉沙 2018-06-06 来源：阅读 711 评论 0

摘要：本文讲解了Node.js 如何转换 Markdown 并且语法高亮，希望阅读本篇文章以后大家有所收获，帮助大家对Node.js的理解更加深入。

Markdown

Markdown 的目标是实现「易读易写」。

可读性，无论如何，都是最重要的。一份使用 Markdown 格式撰写的文件应该可以直接以纯文本发布，并且看起来不会像是由许多标签或是格式指令所构成。Markdown 语法受到一些既有 text-to-HTML 格式的影响，包括 Setext、atx、Textile、reStructuredText、Grutatext 和 EtText，而最大灵感来源其实是纯文本电子邮件的格式。

本文也使用 Markdown 编辑。

marked

full-featured markdown parser and compiler, written in JavaScript. Built for speed.

一个可以在服务器端、浏览器端使用的转换库，简单、易用。

highlight.js

Highlight.js is a syntax highlighter written in JavaScript. It works in the browser as well as on the server. It works with pretty much any markup, doesn’t depend on any framework and has automatic language detection.

如何使用

普通文本

Node.js转换文件

var marked = require('marked');var markdownString = '```js\n console.log("hello"); \n```';var HTMLString = marked(markdownString);
页面
<link href="https://cdn.bootcss.com/github-markdown-css/2.8.0/github-markdown.min.css" rel="stylesheet">
<div class="markdown-body">
    {{HTMLString}}</div>

代码高亮

Node.js转换文件

var marked = require('marked');
// 同步使用 highlight.js 转换代码
marked.setOptions({
    highlight: function (code) {
        return require('highlight.js').highlightAuto(code).value
    }
})
var markdownString = '```js\n console.log("hello"); \n```';var HTMLString = marked(markdownString);

页面

{{HTMLString}}</div>

Markdown、代码高亮样式

这里使用的是 github-markdown-css 样式库，可以根据自己的喜好修改。

代码高亮用的是 github-markdown 样式库，两个加起来就是活脱脱的 GitHub 风格。

本文由职坐标整理并发布，希望对同学们有所帮助。了解更多详情请关注WEB前端Node.js频道！

web前端技术选型 node.js入门和实战 node.js权威指南

本文由 @沉沙发布于职坐标。未经许可，禁止转载。