feat: 添加 Mermaid 图表支持
- 在设置页功能增强分类中添加 Mermaid 图表设置项 - 支持启用/禁用 Mermaid 渲染 - 支持自定义 CDN 地址(默认 jsdelivr) - 提供 4 种主题选择(默认/森林/暗色/中性) - 在 footer.php 中添加 Mermaid 库加载和初始化逻辑 - 自动识别 language-mermaid 和 mermaid 类的代码块 - 在 style.css 中添加 Mermaid 图表样式 - 支持响应式布局和夜间模式 - 使用方式:在代码块中指定语言为 mermaid
This commit is contained in:
32
style.css
32
style.css
@@ -9585,6 +9585,38 @@ pre.hljs-codeblock.hljs-codeblock-fullscreen .hljs-control-fullscreen > i:before
|
||||
|
||||
}
|
||||
|
||||
/* ========== Mermaid 图表样式 ========== */
|
||||
|
||||
article .mermaid {
|
||||
|
||||
text-align: center;
|
||||
|
||||
margin: 20px 0;
|
||||
|
||||
padding: 20px;
|
||||
|
||||
background: rgba(255, 255, 255, 0.5);
|
||||
|
||||
border-radius: var(--card-radius);
|
||||
|
||||
overflow-x: auto;
|
||||
|
||||
}
|
||||
|
||||
html.darkmode article .mermaid {
|
||||
|
||||
background: rgba(66, 66, 66, 0.5);
|
||||
|
||||
}
|
||||
|
||||
article .mermaid svg {
|
||||
|
||||
max-width: 100%;
|
||||
|
||||
height: auto;
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
/*==========Style-Dark==========*/
|
||||
|
||||
Reference in New Issue
Block a user