zoukankan html css js c++ java

Markdown学习笔记

标题

```diff
tags:
- Markdown
- 语言
categories:
- 技术
```

***

  theme: How to Use Markdown
  author: pprp
  date: 2.1

***

[TOC]

## 引用

> 区块引言
> [mermaid官方教程](https://mermaidjs.github.io/flowchart.html)
> [编辑器下载](https://github.com/knsv/mermaid)
> [Mermaid 在线编辑](http://knsv.github.io/mermaid/live_editor/)

## **文字** 加粗

## *wen* 斜体

## **asdf**

## *asdf*

## __asdf__

## _asdf_

在$$数学环境中可以编写LaTeX文本

$$
egin{aligned}
A &=(x-y)(x+y)\
  &=x*x+x*y-y*x-y*y\
  &=x^2-y^2
end{aligned}
$$
<!-- asdf -->

## To do List

- [x] done
- [x] doing
- [x] asdf

## token

d2eb050ab20b3dc44df855a328bad968295d784b

## 流程图

```flow
st=>start: 开始
e=>end: 结束
op=>operation: 操作
sub=>subroutine: 子程序
cond=>condition: 判断
io=>inputoutput: 输出

st(right)->op->cond
cond(yes)->io(right)->e
cond(no)->sub(right)->e
```

```flow
st=>start: 开始吧
e=>end: 结束吧
op=>operation: 操作
cond=>condition: 判断

st->op->cond
cond(yes)->e
cond(no)->sub(right)->op
```

## 用mermaid流程图

1. TB（ top bottom）表示从上到下
2. BT（bottom top）表示从下到上
3. RL（right left）表示从右到左
4. LR（left right）表示从左到右
5. TD与TB一样表示从上到下

```mermaid
graph TD
    A[chrismas] --> B(Go shopping)
    B-->c{Let me think}
    c-->|one| D[laptop]
    c-->|two| E[iphone]
    c-->|three| F[car]
```

```mermaid
graph TD

A[Start] --> B[Your Operation]
B --> C{Yes or No?}
C --> |yes| D[end]
C --> |no| B
```

### 形状

```mermaid
graph LR
    A-->B[bname]
    A-->D
    C(cname)-->D((dname))
    D-->E
    E>ename]-->F{fname}
```

### 连线

```mermaid
graph TB
  A1-->B1
  A2---B2
  A3--tt---B3
  A4--tt-->B4
  A5-.-B5
  A6-.->B6
  A7-.ttt.-B7
  A8-.ttt.->B8
  A9===B9
  A10==>B10
  A11==ttt===B11
  A12==ttt==>B12
```

### 另外用法

```mermaid
graph TD
    client1-->|fff|SVN(SVN server)
    client2-->|eee|SVN((SVN server))
    client3-->|fff|SVN((SVN server))
    client4-->|eee|SVN((SVN server))
    client5(...)-->SVN((SVN server))
    SVN---|store the data|sharedrive
    
```

### 分部分

用subgraph --- end

```mermaid
graph TD
    subgraph Title
    client1-->|read / write|SVN((SVN server))
    client2-->|read only|SVN
    client3-->|read / write|SVN
    client4-->|read only|SVN
    client5(...)-->SVN
    SVN---|store the data|sharedrive
    end

```

## 序列图

### test1

```sequence

title: 序列图sequence Title

participant A
participant B
participant C

note left of A: A left
note over B: B over
note right of C: C right

A->A:A to A
A->B:实现箭头
A-->C:虚线箭头
B->>C:虚箭头
C->>A:虚箭头

```

### test2

```sequence
  Alice->Bob:hello Bob, how are you?
  Note right of Bob:Bob thinks
  Bob-->Alice: I am good, thanks
```

## 脚注 - can't work

脚注[^keyword]样例
这个是一个脚注$^1$


## 甘特图

```mermaid
gantt
dateFormat YYY-MM-DD
title 产品计划

section 初期阶段
明确需求: 2016-03-01,10d
section 中级阶段
明确需求: 2016-03-11,15d
section 后期阶段
进行测试: 2016-03-20, 9d

```

```mermaid
gantt
       dateFormat  YYYY-MM-DD
       title Adding GANTT diagram functionality to mermaid

       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
       task1 :crit, done, 2014-01-06,24h
       task2 :crit, done, after des1, 2d
       task3 :crit, active, 3d
       task4 :crit, 5d
       task5 :crit, 2d
       task6 :1d

       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
```

```mermaid
graph TB
    sq[Square shape] --> ci((Circle shape))

    subgraph A subgraph
        od>Odd shape]-- Two line<br/>edge comment --> ro
        di{Diamond with <br/> line break} -.-> ro(Rounded<br>square<br>shape)
        di==>ro2(Rounded square shape)
    end

    %% Notice that no text in shape are added here instead that is appended further down
    e --> od3>Really long text with linebreak<br>in an Odd shape]

    %% Comments after double percent signs
    e((Inner / circle<br>and some odd <br>special characters)) --> f(,.?!+-*ز)

    cyr[Cyrillic]-->cyr2((Circle shape Начало));

     classDef green fill:#9f6,stroke:#333,stroke-2px;
     classDef orange fill:#f96,stroke:#333,stroke-4px;
     class sq,e green
     class di orange

查看效果

标题

tags:
- Markdown
- 语言
categories:
- 技术

theme: How to Use Markdown
author: pprp
date: 2.1

标题
- 查看效果
标题

引用

区块引言
mermaid官方教程
 编辑器下载
 Mermaid 在线编辑

文字加粗

wen 斜体

asdf

在$$数学环境中可以编写LaTeX文本

[egin{aligned} A &=(x-y)(x+y)\ &=x*x+x*y-y*x-y*y\ &=x^2-y^2 end{aligned} ]

To do List

[x] done
[X] doing
[x] asdf

token

d2eb050ab20b3dc44df855a328bad968295d784b

流程图

st=>start: 开始
e=>end: 结束
op=>operation: 操作
sub=>subroutine: 子程序
cond=>condition: 判断
io=>inputoutput: 输出

st(right)->op->cond
cond(yes)->io(right)->e
cond(no)->sub(right)->e

st=>start: 开始吧
e=>end: 结束吧
op=>operation: 操作
cond=>condition: 判断

st->op->cond
cond(yes)->e
cond(no)->sub(right)->op

用mermaid流程图

TB（ top bottom）表示从上到下
BT（bottom top）表示从下到上
RL（right left）表示从右到左
LR（left right）表示从左到右
TD与TB一样表示从上到下

graph TD A[chrismas] --> B(Go shopping) B-->c{Let me think} c-->|one| D[laptop] c-->|two| E[iphone] c-->|three| F[car]

graph TD A[Start] --> B[Your Operation] B --> C{Yes or No?} C --> |yes| D[end] C --> |no| B

形状

graph LR A-->B[bname] A-->D C(cname)-->D((dname)) D-->E E>ename]-->F{fname}

连线

graph TB A1-->B1 A2---B2 A3--tt---B3 A4--tt-->B4 A5-.-B5 A6-.->B6 A7-.ttt.-B7 A8-.ttt.->B8 A9===B9 A10==>B10 A11==ttt===B11 A12==ttt==>B12

另外用法

graph TD client1-->|fff|SVN(SVN server) client2-->|eee|SVN((SVN server)) client3-->|fff|SVN((SVN server)) client4-->|eee|SVN((SVN server)) client5(...)-->SVN((SVN server)) SVN---|store the data|sharedrive

分部分

用subgraph --- end

graph TD subgraph Title client1-->|read / write|SVN((SVN server)) client2-->|read only|SVN client3-->|read / write|SVN client4-->|read only|SVN client5(...)-->SVN SVN---|store the data|sharedrive end

序列图

test1


title: 序列图sequence Title

participant A
participant B
participant C

note left of A: A left
note over B: B over
note right of C: C right

A->A:A to A
A->B:实现箭头
A-->C:虚线箭头
B->>C:虚箭头
C->>A:虚箭头

test2

  Alice->Bob:hello Bob, how are you?
  Note right of Bob:Bob thinks
  Bob-->Alice: I am good, thanks

脚注 - can't work

脚注[^keyword]样例
这个是一个脚注(^1)

甘特图

gantt dateFormat YYY-MM-DD title 产品计划 section 初期阶段明确需求: 2016-03-01,10d section 中级阶段明确需求: 2016-03-11,15d section 后期阶段进行测试: 2016-03-20, 9d

gantt dateFormat YYYY-MM-DD title Adding GANTT diagram functionality to mermaid 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 task1 :crit, done, 2014-01-06,24h task2 :crit, done, after des1, 2d task3 :crit, active, 3d task4 :crit, 5d task5 :crit, 2d task6 :1d 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

graph TB sq[Square shape] --> ci((Circle shape)) subgraph A subgraph od>Odd shape]-- Two line edge comment --> ro di{Diamond with line break} -.-> ro(Rounded square shape) di==>ro2(Rounded square shape) end %% Notice that no text in shape are added here instead that is appended further down e --> od3>Really long text with linebreak in an Odd shape] %% Comments after double percent signs e((Inner / circle and some odd special characters)) --> f(,.?!+-*ز) cyr[Cyrillic]-->cyr2((Circle shape Начало)); classDef green fill:#9f6,stroke:#333,stroke-2px; classDef orange fill:#f96,stroke:#333,stroke-4px; class sq,e green class di orange

查看全文

相关阅读:
现在有很多第三方的SDK来做直播，那么我们改选择哪一种？
移动直播app怎么做
 服务器上如何再另外添加一个E盘
 服务器上如何将D盘修改为E盘
 修改数据库中的内容报错：PropertyAccessException:Null value was assinged to a property of primitive type setter of
怎样才能做好SNS社区网站
 Linux服务器上如何设置MySQL的max_allowed_packe
[AST Eslint] No console with schema options && isPrimitive
[Javascript] Deep partial equal Object LooksLike
[AST Eslint] No Console allowed

原文地址：https://www.cnblogs.com/pprp/p/9135586.html

Markdown学习笔记

标题

查看效果

标题

引用

文字 加粗

wen 斜体

asdf

asdf

asdf

asdf

To do List

token

流程图

用mermaid流程图

形状

连线

另外用法

分部分

序列图

test1

test2

脚注 - can't work

甘特图

文字加粗