markdown入门

1、为什么要使用markdown

  • Markdown 的标记语法有极好的可读性。
  • 纯文本,所以兼容性极强,可以用所有文本编辑器打开。
  • 让你专注于文字而不是排版。
  • 格式转换方便,Markdown 的文本你可以轻松转换为 html、电子书等。
2、常用语法
### 1、标题
# 一级标题
## 二级标题
### 三级标题

### 2、无序列表
- 文本1
- 文本2
- 文本3

### 3、有序列表
1. 文本1
2. 文本2
3. 文本3

### 4、链接
[百度](http://www.baidu.com)

### 5、图片
![](https://hz-public-files.oss-cn-hangzhou.aliyuncs.com/plaso/mall/235/1611451046531-530.jpeg)

### 6、引用
<!--  两个*粗体,一个*是斜体,~~包裹删除,>引用 -->
> *一盏灯*, 一片昏黄;**一博客园**。~~守着那一份淡定~~, 品读属于自己的寂寞。 保持淡定, 才能欣赏到最美丽的风景! 保持淡定, 人生从此不再寂寞。

### 7、代码引用
<!-- 语句只有一段,不分行,可以用 ` 将语句包起来 -->
`helloworld`
<!-- 引用的语句为多行,可以将```置于这段代码的首行和末行 -->
```
<html>
  <head>
  </head>
  <body>
        <div>hello world</div>
  </body>
</html>
```

### 8、表格
dog | bird | cat
----|------|----
foo | foo  | foo
bar | bar  | bar
baz | baz  | baz

### 9、脚注
Here's a sentence with a footnote. [^1]
[^1]: This is the footnote.

### 10、任务列表
- [x] Write the press release
- [ ] Update the website
- [ ] Contact the media

3、呈现效果

 

 

 

 4、如何查看md文件效果

方式一:下载markdownPad2。可导出pdf和html。

方式二:vscode中搜索插件 Markdown Preview Enhanced,打开md页面右击选择"mpe:打开侧边预览"

5、使用markdown插入时序图

学习地址:https://mermaid-js.github.io/mermaid/#/README

### 时序图

``` mermaid
    sequenceDiagram
        autonumber
        participant c as client
        participant s as upimeserver
        participant o as otherclient

        Note over c,o : 写画操作
        c ->> c : 基于线(橡皮、教具)id,保存写画操作到可撤销列表
        c ->> s : (基于id)发送写画给server
        s ->> o : 转发给其他客户端

        Note over c,o : 撤销操作
        c ->> c : 弹出可撤销列表的最近操作,找到对应id,保存到可重做列表
        c ->> s : 发送删除id
        s ->> o : 转发给其他客户端
        o ->> o : 应用id删除

        Note over c,o : 重做操作
        c ->> c : 弹出重做列表的操作,找到对应id,生成新id
        c ->> s : (基于id)发送写画到server
        s ->> o : 转发给其他客户端
        
```
 
 

官网地址:http://markdown.p2hp.com/getting-started/

posted @ 2021-04-07 21:36  梁涛999  阅读(64)  评论(0编辑  收藏  举报