0-3-Typora&Markdown语法

Typora & Markdown 语法

返回导读

基础语法结构篇

标题( 两种 )

Markdown	预览
一级标题 ====	一级标题
二级标题 ----	二级标题

Markdown	预览
# 一级标题	一级标题
## 二级标题	二级标题
### 三级标题	三级标题
#### 四级标题	四级标题
##### 五级标题	五级标题
###### 六级标题	六级标题

段落与换行

​ 同一段落,相邻的两行文字会被视为同一段落
​ 不同段落,存在空行则被视为不同段落( Markdown 对空行的定义是看起来是空行就是空行).
​ 空行中存在 空格 TAB 回车等不可见字符，同样会被视为空行

​ Markdown支持段内换行

Markdown	预览
第一行 相邻被视为同一段落。	第一行 相邻被视为同一段落。
第一行[空格][空格] 上一行结尾存在两个空格，段内换行	第一行 上一行结尾存在两个空格，段内换行。
第一行 两行之间存在空行，视为不同段落。	第一行 两行之间存在空行，视为不同段落。

代码段

• 行内代码段使用 `system.out.println(“abc”);` 来进行展示代码
  System.out.println("输出字符串");
• 代码块

---

Markdown
``` java
public static void main(String args[]){
System.out.println(“输出字符串”)
}
```

---

预览

public static void main(String args[]){
  System.out.println("输出字符串")
}

---

有序列表与无序列表

​ 无序列表前面可以用 * + - 等，结果是相同的
​ 有序列表的数字即便不按照顺序排列，结果仍是有序的

表格

| 默认  |   靠右 |  居中  | 靠左   |
| ---- |  ---: | :--:  | :---  |
| 内容  |   内容 |  内容  | 内容   |
| 内容  |   内容 |  条目  | 内容   |

默认	靠右	居中	靠左
内容	内容	内容	内容
内容	内容	条目	内容

块引用

> 这是一个块引用
> * 能不能嵌套无序列表
* 无序列表
* > 无序列表
* > `无序列表`

这是一个块引用

• 能不能嵌套无序列表

• 无序列表

• 无序列表

• 行内代码块

特殊内容

链接和图片

标准连接

Markdown	预览
[GcsSloop](http://www.gcssloop.com)	GcsSloop


行内式链接

博客地址: [GcsSloop](http://www.gcssloop.com)
博客地址: [GcsSloop](http://www.gcssloop.com "GcsSloop的博客")

博客地址: GcsSloop
博客地址: GcsSloop

参考式链接

[GcsSloop的博客][gcssloop]
[gcssloop]: http://www.gcssloop.com
// 或者
[gcssloop]: http://www.gcssloop.com "点击访问GcsSloop的博客"

GcsSloop的博客

为什么使用参考式?
在写文章的时候很可能会在文章不同的地方引用同一篇文章，使用参考式可以少写一点字符。更重要的是，参考文章的链接可能会改变，如果将参考链接统一写在文末的话，改起来会更容易。

自动连接

<http://www.gcssloop.com>

http://www.gcssloop.com

相对链接

如果你的内容是发布在 GitHub 或者自己的个人网站上，那么相对链接是一个很好用的东西，例如引用本站的一张图片可以这样写:

![头像](/assets/siteinfo/avatar.jpg)

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-KZXiC9ch-1648888485087)(/Users/leon/Pictures/Pictures/截图/[电影天堂www.dy2018.com]我是谁没有绝对安全的系统BD德语中字.rmvb - 00.04.57.879.png)]

相对链接优点:

• 线下预览和线上效果相同，不受网络影响。
• 避免了分别上传图片导致的麻烦。
• GitHub复制仓库更方便，改仓库名字不会导致资源链接失效。

相对链接缺点:

• 不适用于需要在多平台发布的文章。
• 某些本地编辑器不支持读取相对链接。

新标签页打开

​ 连接后添加 {:target="_blank"} 即可, 部分平台不支持

博客地址: [GcsSloop](http://www.gcssloop.com){:target="_blank"}
[GcsSloop的博客][gcssloop]{:target="_blank"}
<http://www.gcssloop.com>{:target="_blank"}
<a href="http://www.gcssloop.com/info/about" target="_blank">关于GcsSloop</a>

控制图片大小

​ 连接后添加{:width="300" height="100"}, 部分平台不支持, 图片按比例缩放.

强调 (粗/斜/删/引用/颜色/背景?)

Markdown	预览
*倾斜*	倾斜
**粗体**	粗体
~~删除线~~	删除线
> 引用	引用
$\color{#FF0000}{红色字}$	红色字
$\color{rgb(255,255,0)}{黄色字}$	黄色字
<table><tr><td bgcolor=yellow>背景色yellow</td></tr></table>	背景色yellow
<font face="黑体" color=green size=5> 我是黑体，绿色，尺寸为5</font>	我是黑体，绿色，尺寸为5

下划线和特殊符号

使用这些特殊符号并防止被 Markdown 转换的时候，可以使用 \ (转义符) 将这些特殊符号进行转义

Markdown	预览
在一行中用三个以上的星号、减号、下划线来建立一个分隔线 ---
可以利用反斜杠(转义字符)来插入一些在语法中有特殊意义的符号 \*Hi\*	*Hi*

---

特殊符号

在 HTML 文件中，有两个字符需要特殊处理： < 和 & 。 < 符号用于起始标签，& 符号则用于标记 HTML 实体
显示这些字符原型，必须要使用实体的形式，像是 &lt; 和 &amp;

成段HTML代码要转义为普通显示内容可以使用在线转义工具

符号列表

符号	说明	对应编码(使用时去掉空格)	英文怎么说
&	AND 符号	& amp;	ampersand
<	小于	& lt;	little
>	大于	& gt;	great
	空格	& nbsp;	number space
¿	倒问号	& iquest;	inverted question
?	问号	& quest;	question
«	左书名号	& laquo;	left angle quote
»	右书名号	& raquo;	right angle quote
"	引号	& quot;	quote
‘	左单引号	& lsquo;	left single quote
’	右单引号	& rsquo:	right single quote
“	左双引号	& ldquo:	left double quote
”	右双引号	& rdquo:	right double quote
¶	段落符号	& para;	paragraph
§	章节符	& sect;	section
×	乘号	& times;	times
÷	除号	& divide;	divide
±	加减号	& plusmn;	plus minus
ƒ	function	& fnof;	还没查到
√	根号	& radic;	radic
∞	无穷大	& infin;	infinite
°	度	& deg;	degree
≠	不等号	& ne;	ne
≡	恒等于	& equiv;	equivalent
≤	小于等于	& le;	less than or equal to
≥	大于等于	& ge;	great than or equal to
⊥	垂直符号	& perp;	perpendicular
←	左箭头	& larr;	left arrow
→	右箭头	& rarr;	right arrow
↑	上箭头	& uarr;	up arrow
↓	下箭头	& darr;	down arrow
↔	水平箭头	& harr;	horizontal arrow
↕	竖直箭头	& varr;	vertical arrow
⇐	双线左箭头	& lArr;	left arrow
⇒	双线右箭头	& rArr;	right arrow
⇑	双线上箭头	& uArr;	up arrow
⇓	双线上箭头	& dArr;	down arrow
⇔	双线水平双箭头	& hArr;	horizontal arrow
⇕	双线竖直箭头	& vArr;	vertical arrow
♠	黑桃	& spades;	spades
♥	红桃	& hearts;	hearts
♣	梅花	& clubs;	club
♦	方块	& diams;	diamonds
©	版权	& copy;	copy right
®	注册商标	& reg;	registration
™	商标	& trade;	trade
¥	人民币	& yen;
€	欧元	& euro;	euro
¢	美分	& cent;	cent
£	英磅	& pound;	pound
⊕		& oplus;
½	二分之一	& frac12;	fraction
¼	四分之一	& frac14;	fraction
‰	千分符号	& permil;	per mille
∴	所以	& there4;	there fore
π	圆周率	& pi;
¹	商标1	& sup1;	super 1
α	alpha	& alpha;	alpha
β	beta	& beta;	beta
γ	gamma	& gamma;	gamma
δ	delta	& delta;	delta
θ	theta	& theta;	theta
λ	lambda	& lambda;	lambda
σ	sigma	& sigma;	sigma
τ	tau	& tau;	tau

注释

标签注释

用隐藏的 html 标签, 注意 : 需要在前面空一行.

<div style='display: none'>
哈哈我是注释，不会在浏览器中显示。
但 Typora 显示只显示我, 导出为浏览器不显示。
</div>

哈哈我是注释，不会在浏览器中显示。 但 Typora 显示只显示我, 导出为浏览器不显示。

HTML注释

支持 html 注释也就支持 html 注释.

hack方法

​ 利用markdown的解析原理来实现注释的, 当有 markdown 解析器不支持以上语法, 就可以使用 hack 方法. 方法稳定, 但是语义化过差. markdown 好像并不支持

[comment]: <> (哈哈我是注释，不会在浏览器中显示。)
[//]: <> (哈哈我是注释，不会在浏览器中显示。)
[//]: # (哈哈我是注释，不会在浏览器中显示。)

以下这种方法最稳定, 适应性最强

[//]: # (哈哈我是注释，不会在浏览器中显示。)

[^_^]: # (哈哈我是注释，不会在浏览器中显示。)

脚注

标记脚注

GcsSloop[^1]是一个超级魔法师[^2] 。
[^1]: GcsSloop：非著名程序员。  
[^2]: 魔法师：会魔法的人类

GcsSloop¹是一个超级魔法师² 。

注意：脚注不论在何处定义，最终都是显示在文末。部分平台不识别该语法。

技巧 : 可以将需要进行脚注的内容变为斜体

英文脚注

Markdown	预览
<ruby> 版本控制系统 <rt>version control system</rt> </ruby>	版本控制系统version control system

任务列表

- [ ] 学A
- [ ] 学B
- [x] 再学C

• 学A
• 学B
• 再学C

高亮

不需要高亮的内容==需要高亮的内容==, 其他乱七八糟的内容.

不需要高亮的内容需要高亮的内容, 其他乱七八糟的内容.

内部跳转

​ Typora 内部跳转方式其他解释器未必支持, 内部跳转为文件内部跳转至相应标题 h1~h6 标题.

Markdown	效果
<a href="#基础语法结构篇">按下CMD+左键跳转</a>	按下CMD+左键跳转
[按下CMD+左键跳转](#基础语法结构篇 “鼠标移上显示”)	按下CMD+左键跳转

---

1. GcsSloop：非著名程序员. ↩︎

2. 魔法师：会魔法的人类. ↩︎