• Markdown 配置
    • 支持 mermaid

    Markdown 配置

    内置的 Markdown 解析器是 marked,可以修改它的配置。同时可以直接配置 renderer

    1. window.$docsify = {
    2. markdown: {
    3. smartypants: true,
    4. renderer: {
    5. link: function() {
    6. // ...
    7. }
    8. }
    9. }
    10. }

    ?> 完整配置参数参考 marked 文档

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

    1. window.$docsify = {
    2. markdown: function(marked, renderer) {
    3. // ...
    4. return marked
    5. }
    6. }

    支持 mermaid

    1. // Import mermaid
    2. // <link rel="stylesheet" href="//cdn.jsdelivr.net/npm/mermaid/dist/mermaid.min.css">
    3. // <script src="//cdn.jsdelivr.net/npm/mermaid/dist/mermaid.min.js"></script>
    4. mermaid.initialize({ startOnLoad: false });
    5. window.$docsify = {
    6. markdown: {
    7. renderer: {
    8. code: function(code, lang) {
    9. if (lang === "mermaid") {
    10. return (
    11. '<div class="mermaid">' + mermaid.render(lang, code) + "</div>"
    12. );
    13. }
    14. return this.origin.code.apply(this, arguments);
    15. }
    16. }
    17. }
    18. }