0

这是我的 md 文件的示例

%%{init: {'securityLevel': 'loose', 'theme': 'base', 'themeVariables': { 'darkMode': false, 'primaryColor': '#ffaacc', 'fontSize': '14px', 'lineColoe': '#0404ff', 'edgeLabelBackground':'#ffffaa'}}}%%
graph LR
    id0[皇马]o==>id2[对]o-->id3[奥尼尔]-->id4[不]-->id5[感]-->id6[兴趣]

上述文件应用于 docsify 服务器。而index.html中对应的js配置是这样的：

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

和

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

    window.$docsify = {
      name: '',
      repo: '',
      el: '#app',
      maxLevel: 6,
      loadNavbar: true,
      loadSidebar: 'summary.md',
      themeable: {
        readyTransition: true, // default
        responsiveTables: true  // default
      },
      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);
          }
        }
      }

我得到这样的图表：

在此处输入图像描述 我对箭头的颜色调整感到困惑。因为箭头的颜色是灰色的，线条的颜色是黑色的。

我想将箭头的颜色更改为纯黑色。

感谢您告诉我如何更改和配置

4

0 回答 0