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. }