MarkDown基础

最新推荐文章于 2023-03-14 10:25:27 发布

aniyah

最新推荐文章于 2023-03-14 10:25:27 发布

阅读量290

点赞数 2

分类专栏： markdown 文章标签： markdown

本文链接：https://blog.youkuaiyun.com/aniyah/article/details/96899890

版权

markdown 专栏收录该内容

2 篇文章

订阅专栏

MarkDown基本语法

编辑器：Typora❤
操作系统：win10
因为笔者把笔记上传csdn发现了两个编译器的区别会在文中稍微说明

MarkDown基本语法

标题

名称	markdown语法	html语法	快捷键
一级标题	`#`+`space`+一级标题	`<h1>一级标题</h1>`	`ctrl` + 1
二级标题	`##`+`space`+二级标题	`<h2>二级标题</h2>`	`ctrl` + 2
三级标题	`###`+`space`+三级标题	`<h3>三级标题</h3>`	`ctrl` + 3
四级标题	`####`+`space`+四级标题	`<h4>四级标题</h4>`	`ctrl` + 4
五级标题	`#####`+`space`+五级标题	`<h5>五级标题</h5>`	`ctrl` + 5
六级标题	`######`+`space`+六级标题	`<h6>六级标题</h6>`	`ctrl` + 6

说明：
因为Typora已经支持普通的HTML标签，可以直接使用HTML标签，但是建议还是使用MarkDown代码或快捷键。
另外快捷键提高标题级别为ctrl+=，快捷键降低标题级别为ctrl+-

测试代码:

# 一级标题
## 二级标题
### 三级标题
#### 四级标题
##### 五级标题
###### 六级标题

效果如下：
示例图片

段落

默认输出的就是段落,只需要按下enter即可,快捷键ctrl + 0

换行

输入enter或 <br/>即可,最好勾选上代码块自动换行.

方法:打开文件→打开偏好设置→勾选代码块自动换行

引用

代码:

> 这是一段引用。

效果：

这是一段引用。

插入列表

有序列表

markdown语法	html语法	快捷键
`1`+`.`+ `space`+`列表内容` +`enter`	`<ol><li>列表内容</li></ol>`	`ctrl` + `shift`+ `[`

代码：

<!--有序列表-->
1. 第一项

效果：

第一项

说明：在偏好设置里可以选择有序列表的模式1...2...3.../1...1...1...任选一个就好，默认是1...2...3...

无序清单

语法：

[*+ space+列表内容 +enter]

[++ space+列表内容 +enter]

[-+ space+列表内容 +enter]

快捷键:ctrl + shift+ ]

代码：

<!--无序列表-->
* 第一项
* 第二项
 
+ 第一项
+ 第二项
 
- 第一项
- 第二项

效果：

第一项
第二项
第一项
第二项
第一项
第二项

说明：在偏好设置里可以选择无序列表的符号*/+/-任选一个就好，默认是*

任务清单

语法：

默认未选项：-+space+[+space+]+space + 列表内容

默认选中项：-+space+[+x+]+space + 列表内容

代码：

<!--未完成任务清单-->
- [ ] 事项1
- [x] 事项2

效果：

事项1
事项2

“删除”已完成的任务

添加以下自定义CSS来实现,参看MarkDown进阶CSS

  .task-list-done {
      /* styles for completed tasks */
      text-decoration: line-through;
  }
  .task-list-not-done {
      /* styles for incomplete tasks */
  }

插入表格

代码：

|   姓名 |    作品名    |
| -----: | :----------: |
| aniyah | 红色灭亡的梦 |
|   viki |      白      |

效果：

姓名	作品名
aniyah	红色灭亡的梦
viki	白

说明：
:---表示左对齐，:---:表示居中，---:表示右对齐，默认左对齐。

插入代码

语法：

名称	markdown语法	快捷键
单行代码	``代码块``	`ctrl` + `shift`+ `
多行代码块	``` [语言种类] `多行代码` ``` *[语言种类]可以不写	`ctrl` + `shift`+ `F`

代码：

<!--单行-->
这是一个`单行代码块`<br/>
<!--多行-->
```JAVA
function test() {
	System.out.println("多行代码块");
}
```

效果：

这是一个单行代码块

function test() {
	System.out.println("多行代码块");
}

插入注脚

代码：

莞尔一笑[^释义]

[^释义]: 微笑时美好的样子。美好地笑了一笑，大多形容女性微笑的样子。

效果：
莞尔一笑¹

说明：外部注脚的添加详见参考链接

插入目录

代码：

@[toc]

效果：

插入图片

代码：

![示例图片说明](MarkDown语言和Typora配置.assets\2.png)
<img src="MarkDown语言和Typora配置.assets\2.png" width="20%">

效果：
在这里插入图片描述

说明：

图片可以直接拖拽到文档
markdown插入图片的语法不能设置属性，需要通过CSS来配合使用，详见MarkDown进阶CSS
另外Typora支持复制图片到本地，详见Typora的图片设置

插入链接

语法:

[Link Text](link-address)

[Link Text](link-address “optional title” )

代码：

[新浪](https://www.sina.com)<br/>
<!--自动链接标准网址--><br/>
<https://www.baidu.com>

效果：

新浪

https://www.baidu.com

访问方法 ?：ctrl+单击链接

内部链接

[自定义NAME](# 标题)

代码：

<!--页内跳转到指定标题处-->
[跳转到标题为MarkDown语言的目录](#top)

效果：

跳转到标题为MarkDown语言的目录

参考链接

语法:

[Link Text][Ref]

[Ref] : link-address “optional title”

代码：

[请参考][参1考文档1] 

[参考文档1]: http://support.typora.io/Markdown-Reference/#reference-links  "参考文档"

[再次参考][参考文档1]

效果：

[请参考][参1考文档1]

再次参考

或者可以缩短，定义Ref为null , 这时Link Text就作标识链接网址.

语法:

[Link Text][]

[Link Text] : link-address

[知乎][]
[知乎]: https://www.zhihu.com/

邮件链接

语法:

[自定义内容](mailto:邮箱地址)

代码：

<!--发送邮件-->
[mailTO@aniyah](mailto:aniyah502@foxmail.com)

效果：

mailTO@aniyah

插入分割线

代码：

***
---

效果：

字体斜体

代码：

*斜体*
_斜体_
<em>斜体</em>

效果：
斜体
斜体
斜体

说明：

*想要输出“*”号时，在“ *”号前加“\”转义即可

字体加粗

代码：

**加粗**
__加粗__
<strong>加粗</strong>

效果：

加粗
加粗
加粗

文本高亮

代码：

==高亮==

效果：

高亮

*需要在偏好设置中勾选高亮才能使用

删除线

代码：

~~删除线~~

效果：

~~删除线~~

下划线

代码：

<u>下划线</u>

效果：

下划线

Emoji表情

代码：

:smile::smiley::star:::white_check_mark::negative_squared_cross_mark::triangular_flag_on_post::heavy_exclamation_mark::small_red_triangle::small_red_triangle_down::heart::green_heart::blue_heart::black_heart:

效果：

??⭐️:✅❎?❗️??❤️???

Emoji表情集合URL