十分钟学会Markdown,让你的文稿瞬间增色(下)

简介: 十分钟学会Markdown,让你的文稿瞬间增色

2.5 脚注

使用脚注可以在文章中提供注释解释或者参考文献,使用[^标识符]表示脚注,脚注的实际内容在文章底部显示。

这是一段有脚注[^1]的文本。
[^1]: 这是脚注内容。

2.6 数学公式

  1. 内嵌公式 行内公式:将公式用一对包裹(例如:包裹(例如:f(x) = x^2$) 独立公式:将公式用一对包裹(例如:包裹(例如:f(x) = x^2$$)
  2. 特殊符号:可以使用反斜杠\加特殊符号的名称或代码进行输入(例如:\alpha 或者 ★)

使用Markdown语法创建数学公式目录的示例:

## Markdown语法目录-数学公式
1. 内嵌公式
   - 行内公式(例如:$f(x) = x^2$)
   - 独立公式(例如:$$f(x) = x^2$$)
2. 特殊符号
   - 希腊字母(例如:$\alpha$、 $\beta$、 $\gamma$)
   - 求和、积分符号(例如: $\sum_{i=1}^{n} i = \frac{n(n+1)}{2}$, $\int_{a}^{b} f(x) dx$)
   - 物理量符号(例如: $\hbar,\omega,\sigma,\mu$)
   - 其他符号(例如: $\infty,\alpha+\beta,\alpha\cdot\beta,\alpha\subseteq\beta$)

2.7 流程图

Markdown语法目录-插入Mermaid流程图

1. 流程图
   ```mermaid
   graph TD;
     A-->B;
     A-->C;
     B-->D;
     C-->D;

2.8 时序图

Markdown语法目录-插入Mermaid时序图

sequenceDiagram;
  A->>B: 请求数据;
  B->>C: 处理数据;
  C->>D: 返回相应;

2.9 甘特图

Markdown语法目录-插入Mermaid甘特图

gantt
    title 甘特图
    dateFormat  YYYY-MM-DD
    section Section
    完成任务       :done,    des1, 2021-05-01,2021-05-08
    未完成任务     :active,  des2, 2021-05-11, 6d
    未完成任务     :         des3, after des2, 6d

2.10 类图

Markdown语法目录-插入Mermaid类图

classDiagram
  Animal <|-- Duck
  Animal <|-- Fish
  Animal <|-- Zebra
  Animal : +int age
  Animal : +String gender
  Animal: +isMammal()
  Duck   : +swim()
  Fish   : +swim()
  Zebra  : +run()

2.11 状态图

Markdown语法目录-插入Mermaid状态图

stateDiagram-v2
  [*] --> Off
  Off --> On : 电源开关
  On --> OvertempAlarm : 温度过高
  On --> [*] : 关闭
  OvertempAlarm --> [*] : 关闭

2.12 自定义标题id

在标题文本后添加 {#custom-id} 来为标题添加ID。这将在渲染的HTML中生成一个id属性,方便您在其他部分引用该部分。

# 这是一个一级标题 {#custom-id}

2.13 自定义标题锚点链接

使用Markdown的默认标题锚点链接可能不太适合您的需求。在标题文本后添加 {: #custom-id } 来自定义锚点链接。

# 这是一个一级标题 {: #custom-id }

2.14 容器

使用三个大于号(>>>)表示一个容器块。可以将更多的Markdown语法嵌入其中,来制作更复杂的组件。

>>>
# 这是一个标题
这是一段正文。
---
- 这是一个列表项
- 这是另一个列表项
>>>

2.15 Mermaid.js

Mermaid.js是一个流程图、状态图和时序图的绘图工具。您可以使用Markdown语言来编写它们。只需要在代码块里添加mermaid以及您想要绘制的图表。

```mermaid
graph TD;
  A-->B;
  A-->C;
  B-->D;
  C-->D;

三、Markdown语法所有常用的快捷键和对应的功能

快捷键 功能
Ctrl+B 选中文本,加粗文本
Ctrl+I 选中文本,斜体显示
Ctrl+U 选中文本,添加下划线
Alt+Shift+5 选中文本,添加删除线
Ctrl+5 选中文本,添加代码块
Alt+Shift+0 添加无序列表
Alt+Shift+1 添加一级标题
Alt+Shift+2 添加二级标题
Alt+Shift+3 添加三级标题
Alt+Shift+4 添加四级标题
Alt+Shift+5 添加五级标题
Alt+Shift+6 添加六级标题
Alt+Shift+9 添加有序列表
Ctrl+` 添加行内代码
Ctrl+K 添加链接
Ctrl+Shift+I 添加图片
Ctrl+Shift+M 插入数学公式
Ctrl+Shift+X 添加删除线(Mac)
Ctrl+Shift+D 复制当前行或选中区域,同时在光标下方插入复制内容(Windows)
Ctrl+T 表格
Ctrl+L 插入连接(Windows)

四、总结

通过 Markdown 语法的学习,大家能够更顺畅地写作,并且不用担心排版的问题。而 Markdown 的语法非常简洁明了,也不需要任何工具,只需要在编辑器里面打字即可。Markdown 可以转化为多种格式,如 HTML、PDF、PPT 等,所以使用它是一种非常方便的方式来写作并且分享信息。

目录
相关文章
|
11月前
十分钟学会Markdown,让你的文稿瞬间增色(上)
十分钟学会Markdown,让你的文稿瞬间增色
45 0
|
1月前
|
程序员 Linux iOS开发
一款比Typora更简洁优雅的Markdown编辑器神器(完全开源免费)
一款比Typora更简洁优雅的Markdown编辑器神器(完全开源免费)
|
2月前
《使用「Markdown」编辑器的那些天 |CSDN编辑器测评》
《使用「Markdown」编辑器的那些天 |CSDN编辑器测评》
26 0
|
2月前
|
机器学习/深度学习 uml
Markdown编辑器用法保存自用
Markdown编辑器用法保存自用
|
4月前
|
Linux Docker 容器
Linux本地搭建StackEdit Markdown编辑器结合内网穿透实现远程访问
Linux本地搭建StackEdit Markdown编辑器结合内网穿透实现远程访问
38 0
|
3月前
|
存储 JavaScript 前端开发
使用Strve.js来搭建一款 Markdown 编辑器
今天,我们来使用Strve.js来搭建一款 Markdown 编辑器,没错!你没听错。我们需要创建了一个实时 Markdown 编辑器,用户可以在 textarea 中输入 Markdown 文本,然后实时显示转换后的 HTML。你可能会说使用 Strve.js 开发会不会写的特别复杂难懂啊,还不如用 Vue.js 呢!
|
1天前
|
前端开发 C++ iOS开发
几款主流好用的markdown编辑器介绍
几款主流好用的markdown编辑器介绍
25 1
|
13天前
|
API CDN
Electron Markdown编辑器实战:资源管理器实现
Electron Markdown编辑器实战:资源管理器实现
|
26天前
|
网络协议 Ubuntu Linux
Linux系统Docker部署StackEdit Markdown并实现公网访问本地编辑器
Linux系统Docker部署StackEdit Markdown并实现公网访问本地编辑器
|
2月前
|
机器学习/深度学习 uml
欢迎使用Markdown编辑器
欢迎使用Markdown编辑器
41 0