Mdmdt主题演示demo.md

关于Mdmdt主题

Mdmdt 是 markdown minimalism document theme 的缩写，意为: Markdown极简文档主题。 Mdmdt[^1]是深度定制的个性化Typora主题，其目的是打造一个清爽极简的文档样式。

Note

**注意：**mdmdt.css 文件中包含了亮色和暗色两者主题，会跟随系统模式自动切换亮暗主题。 This is a single line code style

Attention: The MDMDT.CSS file contains both light and dark themes, which will automatically switch between light and dark themes according to the system mode.

文本

这是一段正文内容样式，以下是不同文本样式效果：这是加粗文本样式, 这是下划线样式, 这是斜体字样式, 这是超链接样式: https://github.com/cayxc/mdmdt, This is a single line code style, 这是删除线效果样式, ==这是文字高亮效果==，上下标样式: $\LaTeX$, X^2^, H2O, 这是鼠标选中效果 , 键盘键样式：Command+Q 🐳 😀 🇨🇳

This is a text content style and the following are the effects of different text styles: This is a bold text style, This is a hyperlink style: https://github.com/cayxc/mdmdt, This is the italic font style, This is the strikethrough effect style, This is the underline style, This is a single line code style, keyboard key style: Command+Q, $\LaTeX$ X^2^H2O, ==This is the text highlighting effect==, This is the mouse selection effect 🐳 😀 🇨🇳

数学公式

直接使用公式： $$ \begin{aligned} I &=\int_0^{ct}\frac{r}{\sqrt{c^2t^2 -r^2}}\int_0^{2\pi} m^2(m+n) d\theta dr&=\int_0^{ct}\frac{r}{\sqrt{c^2t^2 -r^2}}\end{aligned} $$ $$ 代入公式得到： $$ $$u(t,x,y) = (3x+y) c^2 t^2 + x^2(x+y)$$

$$ u(t,x,y) = \frac{1}{2\pi c} \frac{\part}{\part t} \iint\limits_{r<ct} \frac{m^2(m+n)}{\sqrt{c^2t^2 -r^2 }}dmdn $$

列表

这些是列表样式效果:

1. 这是有序列表 A
2. 这是有序列表 B

• This is Item 1.
• This is Item 2.
• Something is Not TODO.
• Something is DONE.

---

1. 这是有序列表 A
2. 这是有序列表 B
   1. 这是有序列表 A
   2. 这是有序列表 B

• This is Item 1.
• This is Item 2.
  • This is Item 1.
  • This is Item 2.

---

这是嵌套列表样式：

1. 这是有序列表 A
2. 这是有序列表 B
   • This is Item 1.
   • This is Item 2.
     • Something is Not TODO.
     • Something is DONE.

• 这是有序列表 A
• 这是有序列表 B
  1. This is Item 1.
  2. This is Item 2.
     • Something is Not TODO.
     • Something is DONE.

代码

单行代码样式：composer require --dev barryvdh/laravel-ide-helper

大段代码块样式：

/**
  * ----------------------------------------
  * 设置递增的 level 编号
  * ----------------------------------------
  * @param tag obj 标签对象
  */
setLevelNumber(tag){
   try {
     if ((typeof tag) != 'object') {
       throw 'setLevelNumber() 调用时参数类型错误，必须是一个h标签的对象集合！';
     }
     let str = tag.id;
     if (str.lastIndexOf('.') == -1) { //如果是一级目录形式 level-1000
       let newValue = parseInt(str.slice(6)) + 1;
       return 'level-' + newValue;
     }
   } catch (err) {
     return err;
   }
}

表格样式

Left-Aligned	Center Aligned	Right Aligned
This is the first line	this is code some wordy text and some code	$160
This is the second line	some code: this is code centered	$1200.99
This is the third line	These are some texts	$125.5

引用文本框

Note

This is a Note text box ...... this is code style

This is a Note text box ......

Tip

This is a Tip text box ......

Important

This is a Important text box ......

Warning

This is a Warning text box ......

Caution

This is a Caution text box ......

图片

图表Mermaid

以下是 Mermaid图表 部分示例，更多图表类型请参考：Mermaid图表

flowchart LR
    A[Hard edge] -->|Link text| B(Round edge)
    B --> C{Decision}
    C -->|One| D[Result one]
    C -->|Two| E[Result two]

Loading

stateDiagram-v2
    [*] --> Active

    state Active {
        [*] --> NumLockOff
        NumLockOff --> NumLockOn : EvNumLockPressed
        NumLockOn --> NumLockOff : EvNumLockPressed
        --
        [*] --> CapsLockOff
        CapsLockOff --> CapsLockOn : EvCapsLockPressed
        CapsLockOn --> CapsLockOff : EvCapsLockPressed
        --
        [*] --> ScrollLockOff
        ScrollLockOff --> ScrollLockOn : EvScrollLockPressed
        ScrollLockOn --> ScrollLockOff : EvScrollLockPressed
    }

Loading

gantt
    dateFormat  YYYY-MM-DD
    title       Adding GANTT diagram functionality to mermaid
    excludes    weekends
    %% (`excludes` accepts specific dates in YYYY-MM-DD format, days of the week ("sunday") or "weekends", but not the word "weekdays".)

    section A section
    Completed task            :done,    des1, 2014-01-06,2014-01-08
    Active task               :active,  des2, 2014-01-09, 3d
    Future task               :         des3, after des2, 5d
    Future task2              :         des4, after des3, 5d

    section Critical tasks
    Completed task in the critical line :crit, done, 2014-01-06,24h
    Implement parser and jison          :crit, done, after des1, 2d
    Create tests for parser             :crit, active, 3d
    Future task in critical line        :crit, 5d
    Create tests for renderer           :2d
    Add to mermaid                      :until isadded
    Functionality added                 :milestone, isadded, 2014-01-25, 0d

    section Documentation
    Describe gantt syntax               :active, a1, after des1, 3d
    Add gantt diagram to demo page      :after a1  , 20h
    Add another diagram to demo page    :doc1, after a1  , 48h

    section Last section
    Describe gantt syntax               :after doc1, 3d
    Add gantt diagram to demo page      :20h
    Add another diagram to demo page    :48h

Loading

Flowchart

Sequence Diagram

State Diagram

一级标题1

二级标题2

三级标题3

四级标题4

五级标题5

六级标题6

TOC目录

以下是 [TOC] 目录样式

[TOC]