这是我的 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);
}
}
}
我得到这样的图表:
我对箭头的颜色调整感到困惑。因为箭头的颜色是灰色的,线条的颜色是黑色的。
我想将箭头的颜色更改为纯黑色。
感谢您告诉我如何更改和配置
你必须用这句话:
linkStyle default stroke: black
这将修改图表上的所有链接。如果您想更改特定链接,可以使用:
linkStyle 0 stroke: blue
当 0 是图表上您要更改的链接数量时,按照您编写链接的顺序排列。