0-3-Typora&Markdown语法_markdown 上双实线

Typora & Markdown 语法

返回导读

基础语法结构篇

标题( 两种 )

段落与换行

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

​ 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("输出字符串")
}
1
2
3

有序列表与无序列表

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

表格

| 默认  |   靠右 |  居中  | 靠左   |
| ---- |  ---: | :--:  | :---  |
| 内容  |   内容 |  内容  | 内容   |
| 内容  |   内容 |  条目  | 内容   |
1
2
3
4

块引用

> 这是一个块引用
> * 能不能嵌套无序列表
* 无序列表
* > 无序列表
* > `无序列表`
1
2
3
4
5

这是一个块引用

• 能不能嵌套无序列表

• 无序列表

• 无序列表

• 行内代码块

特殊内容

链接和图片

标准连接

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


行内式链接

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

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

参考式链接

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

GcsSloop的博客

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

自动连接

<http://www.gcssloop.com>
1

http://www.gcssloop.com

相对链接

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

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

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(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>
1
2
3
4

控制图片大小

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

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

下划线和特殊符号

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

特殊符号

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

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

符号列表

注释

标签注释

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

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

HTML注释

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

hack方法

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

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

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

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

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

脚注

标记脚注

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

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

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

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

英文脚注

任务列表

- [ ] 学A
- [ ] 学B
- [x] 再学C
1
2
3

• 学A
• 学B
• 再学C

高亮

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

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

内部跳转

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