search

liangjingkanji / DrakeTyporaTheme

十二种主题风格 - Material Google JetBrains Vue Juejin Purple Ayu Dark
https://theme.typora.io/theme/Drake/
MIT License
2.88k stars 270 forks source link

classDiagram mermaid 全黑的，看不清 #102

Closed aerfensi closed 2 years ago

aerfensi commented 2 years ago

描述问题

image

系统 (建议使用最新Typora版本)

liangjingkanji commented 2 years ago

请提供能复现问题的文本内容

aerfensi commented 2 years ago

比如这种

classDiagram
    Object <|-- A
    A : show()

    A <|-- B
    A <|-- C
    C : show()

    B <|-- D
    C <|-- D

主题选drakedark

aerfensi commented 2 years ago

不好意思，代码块有点难贴，就是类似下面这种


```mermaid
classDiagram
    Object <|-- A
    A : show()

    A <|-- B
    A <|-- C
    C : show()

    B <|-- D
    C <|-- D
liangjingkanji commented 2 years ago

看情况是没有兼容 classDiagram 样式, 之前仅对sequenceDiagram进行处理: #51

aerfensi commented 2 years ago

还有flowchart、stateDiagram、journey、erDiagram这几种图也帮忙看下，在暗色主题下显示也不清晰。我直接在 https://mermaid-js.github.io/mermaid/#/flowchart 这里随便复制了些示例代码块试了下。

liangjingkanji commented 2 years ago

你能将不兼容的示例文本贴出来吗? 我对于流程图语法不熟

aerfensi commented 2 years ago 
flowchart TD
    Start --> Stop
stateDiagram
    [*] --> Still
    Still --> [*]

    Still --> Moving
    Moving --> Still
    Moving --> Crash
    Crash --> [*]
journey
    title My working day
    section Go to work
      Make tea: 5: Me
      Go upstairs: 3: Me
      Do work: 1: Me, Cat
    section Go home
      Go downstairs: 5: Me
      Sit down: 5: Me
erDiagram
    CUSTOMER ||--o{ ORDER : places
    ORDER ||--|{ LINE-ITEM : contains
    CUSTOMER }|..|{ DELIVERY-ADDRESS : uses
liangjingkanji commented 2 years ago

请注意markdown格式, 添加mermaid语法

aerfensi commented 2 years ago

是的，只要在上面的代码中加上mermaid就行了，我没办法在评论里加，加上后被GitHub解析了，变成图了，不是代码了

liangjingkanji commented 2 years ago

即使被github渲染, 我也可以读取到代码的, 我帮你编辑好了

liangjingkanji commented 2 years ago

已修复请重新下载

liangjingkanji commented 2 years ago

关于stateDiagram的生成的图显示非常大是Typora官方问题, 请反馈给官方