查看“Docsify Markdown配置”的源代码

<span id="markdown-配置"></span>
= Markdown 配置 =

内置的 Markdown 解析器是 [https://github.com/markedjs/marked marked]，可以修改它的配置。同时可以直接配置 <code>renderer</code>。

<pre lang="js">window.$docsify = {
  markdown: {
    smartypants: true,
    renderer: {
      link: function() {
        // ...
      }
    }
  }
}</pre>
?&gt; 完整配置参数参考 [https://github.com/markedjs/marked#options-1 marked 文档]

当然也可以完全定制 Markdown 解析规则。

<pre lang="js">window.$docsify = {
  markdown: function(marked, renderer) {
    // ...

    return marked
  }
}</pre>
<span id="支持-mermaid"></span>
== 支持 mermaid ==

<pre lang="js">// Import mermaid
//  <link rel="stylesheet" href="//cdn.jsdelivr.net/npm/mermaid/dist/mermaid.min.css">
//  <script src="//cdn.jsdelivr.net/npm/mermaid/dist/mermaid.min.js"></script>

var num = 0;
mermaid.initialize({ startOnLoad: false });

window.$docsify = {
  markdown: {
    renderer: {
      code: function(code, lang) {
        if (lang === "mermaid") {
          return (
            '<div class="mermaid">' + mermaid.render('mermaid-svg-' + num++, code) + "</div>"
          );
        }
        return this.origin.code.apply(this, arguments);
      }
    }
  }
}</pre>