Skip to content

Commit

Permalink
Update markdown.md
Browse files Browse the repository at this point in the history
  • Loading branch information
YangFong committed Aug 31, 2024
1 parent 5af14a4 commit 3cfe87c
Showing 1 changed file with 29 additions and 27 deletions.
56 changes: 29 additions & 27 deletions src/assets/example/markdown.md
Original file line number Diff line number Diff line change
Expand Up @@ -19,6 +19,8 @@ Markdown 是一种轻量级标记语言,用于格式化纯文本。它以简

以上代码将渲染出一组层次分明的标题,使你的文章井井有条。

> 标准 Markdown 支持 1 ~ 6 级标题,此编辑器也不例外,不过我们只准备了四个级别样式,同时也是不推荐文章超过四级标题。
### 2. 段落与换行:自然流畅

Markdown 中的段落就是一行接一行的文本。要创建新段落,只需在两行文本之间空一行。
Expand All @@ -38,75 +40,69 @@ Markdown 中的段落就是一行接一行的文本。要创建新段落,只

在列表中嵌套其他内容?只需缩进即可实现嵌套效果。


- 无序列表项 1
1. 嵌套有序列表项 1
1. 嵌套有序列表项 1
2. 嵌套有序列表项 2
- 无序列表项 2

1. 有序列表项 1
2. 有序列表项 2


### 5. 链接与图片:丰富内容

- **链接**:用方括号和圆括号创建链接 `[显示文本](链接地址)`
- **图片**:和链接类似,只需在前面加上 `!`,如 `![描述文本](图片链接)`


[访问 Google](https://www.google.com)

![Markdown Logo](https://markdown-here.com/img/icon256.png)


轻松实现富媒体内容展示!

> 因微信公众号平台不支持除公众号文章以外的链接,故其他平台的链接,会呈现链接色泽但不能点击。
> 对于这些链接请注意明文书写,或点击左上角「格式->微信外链接转底部引用」开启引用,这样就可以在底部观察到链接指向。
### 6. 引用:引用名言或引人深思的句子

使用 `>` 来创建引用,只需在文本前面加上它。多层引用?在前一层 `>` 后再加一个就行。

> 这是一个引用
>> 这是一个嵌套引用

这让你的引用更加富有层次感。

### 7. 代码块:展示你的代码

- **行内代码**:用反引号包裹,如 `code`
- **代码块**:用三个反引号包裹,并指定语言,如:


```js
console.log("Hello, Markdown!");
```


语法高亮让你的代码更易读。

### 8. 分割线:分割内容

用三个或更多的 `-``*``_` 来创建分割线。

-----

---

为你的内容添加视觉分隔。

### 9. 表格:清晰展示数据

Markdown 支持简单的表格,用 `|``-` 分隔单元格和表头。


| 名称 | 年龄 | 职业 |
| ------ | ---- | ------ |
| 小明 | 25 | 开发者 |
| 小红 | 24 | 设计师 |


这样的表格让数据展示更为清爽!


> 手动编写标记太麻烦?我们提供了便捷方式。左上方点击「编辑->插入表格」,即可快速实现表格渲染。
## Markdown 进阶技巧

Expand All @@ -126,35 +122,41 @@ d_{x + 1, y + 1} &\leftarrow d_{x + 1, y + 1} + 1
\end{aligned}
$$


这是展示复杂数学表达的利器!

### 2. Mermaid 流程图:可视化流程

Mermaid 是强大的可视化工具,可以在 Markdown 中创建流程图、时序图等。

```mermaid
pie
title Key elements in Product X
"Calcium" : 42.96
"Potassium" : 50.05
"Magnesium" : 10.01
"Iron" : 5
graph TD;
A-->B;
A-->C;
B-->D;
C-->D;
```

```mermaid
pie
title Key elements in Product X
"Calcium" : 42.96
"Potassium" : 50.05
"Magnesium" : 10.01
"Iron" : 5
```

```mermaid
pie
title 为什么总是宅在家里?
"喜欢宅" : 45
"天气太热" : 70
"穷" : 500
"没人约" : 95
title 为什么总是宅在家里?
"喜欢宅" : 45
"天气太热" : 70
"穷" : 500
"没人约" : 95
```

这种方式不仅能直观展示流程,还能提升文档的专业性。


> 更多用法,参见:[Mermaid User Guide](https://mermaid.js.org/intro/getting-started.html)
## 结语

Expand All @@ -175,4 +177,4 @@ Markdown 是一种简单、强大且易于掌握的标记语言,通过学习

<center>
<img src="https://cdn-doocs.oss-cn-shenzhen.aliyuncs.com/gh/doocs/md/images/1648303220922-7e14aefa-816e-44c1-8604-ade709ca1c69.png" style="width: 100px;">
</center>
</center>

0 comments on commit 3cfe87c

Please sign in to comment.