关于Markdown的用法

img

Markdown语言

Markdown 是一种轻量级标记语言,它允许人们使用易读易写的纯文本格式编写文档。

Markdown 语言在 2004 由约翰·格鲁伯(英语:John Gruber)创建。

Markdown 编写的文档可以导出 HTML 、Word、图像、PDF、Epub 等多种格式的文档。

Markdown 编写的文档后缀为 .md, .markdown


编辑器

​ 使用Typora编辑器来书写Markdown语句,Typora 支持 MacOS 、Windows、Linux 平台,且包含多种主题,编辑后直接渲染出效果。支持导出HTML、PDF、Word、图片等多种类型文件。是一款很优秀的跨平台编辑器。

演示插入图片

img

Typora给您既是读者又是作家的无缝体验。它删除了预览窗口,模式切换器,降价源代码的语法符号以及所有其他不必要的干扰。相反,它提供了真正的实时预览功能,可帮助您专注于内容本身。

Typora 官网:https://typora.io/


演示实例

本文作者:[李芬芳](https://virony-cn.web.app/)

1. 基本操作

1.1 内容目录[toc]

  • 语法

    [TOC]

1.2 标题

  • 语法
1
2
3
4
5
6
#         一级标题  
## 二级标题
### 三级标题
#### 四级标题
##### 五级标题
###### 六级标题

1.3 引用

  • 语法
1
2
3
> 引用内容1
> 引用内容2
>> 引用内容3

引用内容1

引用内容2

引用内容3

2. 代码

2.1 单行代码

  • 语法
1
`String str1 = "hello";`
  • 效果

String str1 = "hello";

2.2 多行代码

  • 语法
1
2
docker psint a = 1;
int b = a;

3. 列表

3.1 无序列表

  • 语法
1
2
3
* 无序列表1
+ 无序列表2
- 无序列表3
  • 效果

  • 无序列表1

  • 无序列表2

  • 无序列表3

3.2 多行无序列表

  • 语法
1
2
3
* 多行无序列表1
TAB * 多行无序列表2
TAB TAB * 多行无序列表3
  • 效果
  • 多行无序列表1
    • 多行无序列表2
      • 多行无序列表3

3.3 有序列表

  • 语法
1
2
3
1. 有序列表1
2. 有序列表2
3. 有序列表3
  • 效果
  1. 有序列表1
  2. 有序列表2
  3. 有序列表3

3.4 多行有序列表

  • 语法
1
2
3
4
5
6
7
1. 多行有序列表1
2. 多行有序列表2
1. 多行有序列表2-1
2. 多行有序列表2-2
3. 多行有序列表3
1. 多行有序列表3-1
2. 多行有序列表3-2
  • 效果
  1. 多行有序列表1
  2. 多行有序列表2
    1. 多行有序列表2-1
    2. 多行有序列表2-2
  3. 多行有序列表3
    1. 多行有序列表3-1
    2. 多行有序列表3-2

3.5 任务列表

  • 语法
1
2
3
-[ ] 抽烟
-[x] 喝酒
-[ ] 烫头
  • 效果

-[ ] 抽烟

-[x] 喝酒

-[ ] 烫头

3.6 表格

  • 语法
1
2
3
4
|姓名|性别|年龄|手机号|
|张三||21|18975346876|
|李四||23|17789548964|
|王五||25|15876513546|
  • 效果
姓名 性别 年龄 手机号
张三 21
李四 23
王五 25

4. 链接

4.1 图片

  • 语法1(本地图片)
1
![图片描述](image)
  • 语法2(网络图片)
1
![图片描述](图片url)
  • 效果2

figure1

img

4.2 超链接

  • 语法1(行内式链接)
1
[百度][https://www.baidu.com/]
  • 效果1

[百度][https://www.baidu.com/]

  • 语法2 (自动链接)
1
<https://github.com/>
  • 效果2

https://github.com/

5. 其他

5.1 斜体

  • 语法
1
2
*斜体*
_斜体_
  • 效果

斜体
斜体

5.2 加粗

  • 语法
1
2
**加粗**
__加粗__
  • 效果

加粗
加粗

5.3 下划线

  • 语法
1
<u>下划线</u>
  • 效果

下划线

5.4 删除线

  • 语法
1
~~删除线~~
  • 效果

删除线

5.5 分隔线

  • 语法
1
2
3
***
---
___
  • 效果



5.6 注脚

  • 语法
1
2
Typora[^1]
[^1]A markdown editor
  • 效果

Typora[^1]

5.7 上下标

  • 语法
1
2
3
4
$3^2=9$
$3^{(3-1)}=9$
$H_2SO_4$
$H_{2SO_4}$
  • 效果

$$
3^2 = 9
$$

$$
3^{(3-1)}=9
$$

$$
H_2SO_4
$$

5.8 符号的输入

  • 语法
1
2
3
4
5
6
7
8
9
10
11
12
\\   反斜线
\` 反引号
\* 星号
\_ 底线
\{ \} 花括号
\[ \] 方括号
\( \) 括弧
\# 井字号
\+ 加号
\- 减号
\. 英文句点
\! 惊叹号
  • 效果

\ ` * _ { } [ ] () # + - . !

5.9 特殊字符

  • 语法
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
&copy;      版权      
&reg; 注册商标
&trade; 商标
&nbsp; 空格
&amp; 和号
&quot; 引号
&apos; 撇号
&lt; 小于号
&gt; 大于号
&ne; 不等号
&le; 小于等于
&ge; 大于等于
&cent; 分
&pound; 磅
&euro; 欧元
&yen; 元
&sect; 节
&times; 乘号
&divide; 除号
&plusmn; 正负号

© 版权
® 注册商标
™ 商标
  空格
& 和号
" 引号
' 撇号
< 小于号
> 大于号
≠ 不等号
≤ 小于等于
≥ 大于等于
¢ 分
£ 磅
€ 欧元
¥ 元
§ 节
× 乘号
÷ 除号
± 正负号

5.10 高亮文本

== 文本 ==
$$
lim_{x \to \infty} \ exp(-x)=0
$$
<center>这是要居中的文本内容</center>

本文作者:李芬芳

6.拓展

利用html实现展开查看:

1
2
3
4
5
6
<details>
<summary>展开查看</summary>
<pre><code>
这里填入内容
</code></pre>
</details>
展开查看

展开查看的内容

7.针对hexo的markdown

https://demo.jerryc.me/posts/4aa8abbe/#tag-hide