Markdown使用手册

1-基本操作

1.0 简介

  • Markdown 是一种轻量级标记语言,创始人是约翰·格鲁伯(John Gruber)。它允许人们 “使用易读易写的纯文本格式编写文档,然后转换成有效的 HTML 文档。

1.1 内容目录

语法:

[TOC]

效果:

1.2 标题

语法:

# 一阶标题 或Ctrl+1
## 二阶标题 或Ctrl+2
### 三阶标题 或Ctrl+3
#### 四阶标题 或Ctrl+4
##### 五阶标题 或Ctrl+5
###### 六阶标题 或Ctrl+6

效果:
image

1.3 引用

语法:

> 引用内容1
> 引用内容2
>
> > 引用内容3

效果:

引用内容1
引用内容2

引用内容3

2-代码

2.1 单行代码

语法:

`String str1 = "hello";`

效果:
String str1 = "hello";

2.2 多行代码

语法:

```java/javascript/html/php/html/...

int a = 10;

int b = 20;

String a = 123,b=789;

```

效果:

int a = 10;
int b = 20;
String a = 123,b=789;

3-列表

3.1 无序列表

语法:

* 无序列表1
+ 无序列表2
- 无序列表3

效果:

  • 无序列表1
  • 无序列表2
  • 无序列表3

3.2 多行无序列表

语法:

* 多行无序列表1
TAB * 多行无序列表2
TAB TAB * 多行无序列表3

效果:

  • 多行无序列表1
    • 多行无序列表2
      • 多行无序列表3

3.3 有序列表

语法:

1. 有序列表1
2. 有序列表2
3. 有序列表3

效果:

  1. 有序列表1
  2. 有序列表2
  3. 有序列表3

3.4 多行有序列表

语法:

1. 多行有序列表1
2. 多行有序列表2
TAB 1. 多行有序列表2-1
TAB 2. 多行有序列表2-2
3. 多行有序列表3
TAB 1. 多行有序列表3-1
TAB 2. 多行有序列表3-2

效果:

  1. 多行有序列表1
  2. 多行有序列表2
    1. 多行有序列表2-1
    2. 多行有序列表2-2
  3. 多行有序列表3
    1. 多行有序列表3-1
    2. 多行有序列表3-2

3.5 任务列表

语法:

- [x] JAVA
- [ ] C
- [ ] C++
- [ ] Python

效果:

3.6 表格 Ctrl+T

语法:

|姓名|性别(居中)|年龄|手机号(居右)|
|:--|:--:|:--|--:|
|张三|男|21|18975346876|
|李四|女|18|17789548964|
|王五|男|25|15876513546|

效果:

姓名 性别(居中) 年龄 手机号(居右)
张三 21 18975346876
李四 18 17789548964
王五 25 15876513546

4-链接

4.1 图片 Ctrl+Shift+I

4.1.1 语法1(本地图片)
![本地图片.jpg](D:\My Documents\Pictures\123.jpg =300x200)

效果:
本地图片.jpg

4.1.2 语法2(网络图片)
<div align=center>
    <img src="https://images.cnblogs.com/cnblogs_com/zhaojinhui/2207404/o_230901071317_1408414665842_000.jpg" width = "300" height = "200"/>
</div>

效果:

4.2 超链接 Ctrl+K

4.2.1 语法1(行内式链接)
[百度一下,你就知道](https://www.baidu.com/ "百度一下")

效果:百度一下,你就知道

4.2.2 语法2(参考式链接)
[百度一下,你就知道][1],推荐一个开源的网站 [GitHub],哪里不懂就 [百度一下][1]

[1]:https://www.baidu.com
[GitHub]:https://github.com

效果:百度一下,你就知道,推荐一个开源的网站 GitHub,哪里不懂就 百度一下

4.2.3 语法3(自动链接)
<https://www.baidu.com/>

效果:https://www.baidu.com/

4.3 标题跳转

方式一:直接使用标题作为锚点

[跳转到标题4](#4-链接)

效果:跳转到标题4

如果标题中有空格和特殊字符,按照下面的规则进行处理:

  • 大写字母改成小写
  • 特殊字符全删除
  • 空格改成横线(-)

方式二:结合HTML语言在Markdown文件中实现跳转

<a id="five-section"></a>
#### 5.1 斜体 Ctrl+I

[跳转到第5.1章节](#five-section)

效果:跳转到第5.1章节

5-字体

5.1 斜体 Ctrl+I

语法:

*斜体*
_斜体_

效果:
斜体
斜体

5.2 粗体 Ctrl+B

语法:

**加粗**
__加粗__

效果:
加粗
加粗

6-符号

6.1 下划线 Ctrl+U

语法:

<u>下划线</u>

效果:
下划线

6.2 删除线 Alt+Shift+5

语法:

~~删除线~~

效果:
删除线

6.3 分隔线

语法:

***
---
___

效果:




6.4 注脚

语法:

您可以创建这样的脚注[^footnote]:
[^footnote]: 这就是你写的脚注.

效果:看最底部脚注
脚注1是[1],脚注2是[2],脚注3是[3]

6.5 数学公式(上下标)

  • 第一种是行外公式,直接按Ctrl+Shift+M;
  • 第二种是行内公式(inline math)。要启用这个功能,首先到Preference->Editor中启用。
  • 下标使用_包裹,例如:H_2O将产生水的分子式。
  • 上标使用^包裹,例如:3 ^ 2=9将产生表达式。例如:
$H_2O$
$3^2=9$
$3^{(3-1)}=9$
$H_2SO_4$
$H_{2SO_4}$

效果:
$H_2O$|$32=9$|$3=9$|$H_2SO_4$|$H_{2SO_4}$

6.6 符号的输入

语法:

\\   反斜线
\`   反引号
\*   星号
\_   底线
\{ \}  花括号
\[ \]  方括号
\( \)  括弧
\#   井字号
\+   加号
\-   减号
\.   英文句点
\!   惊叹号
  • 注:需要在实体符号之前加”\”才能够显示

效果:
\ 反斜线
` 反引号
* 星号
_ 底线
{ } 花括号
[ ] 方括号
( ) 括弧
# 井字号
+ 加号
- 减号
. 英文句点
! 惊叹号

6.7 特殊字符

语法:

&copy;      版权
&reg;       注册商标
&trade;     商标
&nbsp;      空格
&amp;       和号
&quot;      引号
&apos;      撇号
&lt;        小于号
&gt;        大于号
&ne;        不等号
&le;        小于等于
&ge;        大于等于
&cent;      分
&pound;     磅
&euro;      欧元
&yen;       元
&sect;      节
&times;     乘号
&divide;    除号
&plusmn;    正负号

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

7-主题

7.1 主题设置

  • Typora在安装后默认的主题有这么几个:
    Github
    Newsprint
    Night
    Pixyll
    Whitey

打开偏好设置 选项中Appearance(外观) -> Custom Themes(自定义主题)下有一个Open Theme Folder(打开主题文件夹)的按钮。

  • 进入到这个Typora提供的这个自定义主题设置的入口文件夹,有各个主题对应的*.css格式的配置文件。我们可以通过修改对应主题的CSS文件来自由优化页面样式。

8-快捷键

切换源码和效果 Ctrl+/

快捷键 作用 快捷键 作用
Ctrl+1 一阶标题 Ctrl+B 字体加粗
Ctrl+2 二阶标题 Ctrl+I 字体倾斜
Ctrl+3 三阶标题 Ctrl+U 下划线
Ctrl+4 四阶标题 Ctrl+Home 返回Typora顶部
Ctrl+5 五阶标题 Ctrl+End 返回Typora底部
Ctrl+6 六阶标题 Ctrl+T 创建表格
Ctrl+L 选中某句话 Ctrl+K 创建超链接
Ctrl+D 选中某个单词 Ctrl+F 搜索
Ctrl+E 选中相同格式的文字 Ctrl+H 搜索并替换
Alt+Shift+5 删除线 Ctrl+Shift+I 插入图片

9-文字样式

9.1 文字大小

<font size=4>这是一段4号大小字体的文字</font>

这是一段4号大小字体的文字

9.2 文字颜色

<font color=red>这是一段红色字体的文字</font>

这是一段红色字体的文字

9.3 文字背景色

<font style="background:yellow;">这是<br>一段黄色背景的文字</font>

这是
一段黄色背景的文字


  1. 这就是你写的脚注1. ↩︎

  2. 这就是你写的脚注2. ↩︎

  3. 这就是你写的脚注3. ↩︎

posted @ 2022-05-11 09:12  zhαojh  阅读(205)  评论(0编辑  收藏  举报