10分钟掌握Markdown

TOC

前言

  写过博客或者github上面的文档的,应该知道Markdown语法的重要性,不知道的朋友们也别着急,一篇博客轻松搞定Markdown语法。话说这个语法超级简单,一看就会,不信你点进来看看。

快捷键

功能 快捷键
加粗 Ctrl + B
斜体 Ctrl + I
引用 Ctrl + Q
插入链接 Ctrl + L
插入代码 Ctrl + K
插入图片 Ctrl + G
提升标题 Ctrl + H
有序列表 Ctrl + O
无序列表 Ctrl + U
横线 Ctrl + R
撤销 Ctrl + Z
重做 Ctrl + Y

基本语法

文本样式

正常:正常文字
斜体:*斜体文字*
斜体:_斜体文字_
粗体:**粗体文字**
斜体加粗:***斜体加粗***

标题

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

链接

示例1: [CSDN](https://www.csdn.net/ "CSDN技术论坛")
示例2:
[CSDN][csdn-addr]
[csdn-addr]:https://www.csdn.net/ "CSDN技术论坛"

示例1与示例2实现效果相同。

示例3: <https://www.csdn.net/>

图片

示例1:
![CSDN头像](https://imgconvert.csdnimg.cn/aHR0cHM6Ly9hdmF0YXIuY3Nkbi5uZXQvNy83L0IvMV9yYWxmX2h4MTYzY29tLmpwZw "我的头像")

示例2:
![CSDN头像][csdn-image]
[csdn-image]:https://imgconvert.csdnimg.cn/aHR0cHM6Ly9hdmF0YXIuY3Nkbi5uZXQvNy83L0IvMV9yYWxmX2h4MTYzY29tLmpwZw "我的头像"

示例3:调整大小
<img src="https://imgconvert.csdnimg.cn/aHR0cHM6Ly9hdmF0YXIuY3Nkbi5uZXQvNy83L0IvMV9yYWxmX2h4MTYzY29tLmpwZw" width="100px" height="100px" align="right" alt="我的头像"/>

示例4:居中
<div align=center>![CSDN头像][csdn-image]
[csdn-image]:https://imgconvert.csdnimg.cn/aHR0cHM6Ly9hdmF0YXIuY3Nkbi5uZXQvNy83L0IvMV9yYWxmX2h4MTYzY29tLmpwZw "我的头像"

示例5:引用本地图片
<div align=center>![CSDN头像](/csdn.jpg "我的头像")

分割线

在一行中使用 *** 或者 --- 或者 ___ 都可以插入一个分割线,行内不允许有其他内容。

代码块

行内代码块(使用ESC键上的英文字符 ` 包裹代码):

`var foo = 'bar';`

代码块(缩进 4 个空格或是 1 个制表符):

<table>
	<tr>
	<th>姓名</th>
	</tr>	
	<tr>
	<td>小明</td>
	</tr>	
</table>

多行代码块(使用连续3个ESC键上的英文字符 ` 包裹代码):

	<table>
		<tr>
		<th>姓名</th>
		</tr>	
		<tr>
		<td>小明</td>
		</tr>	
	</table>
	

引用

单层引用:在被引用的文本前加上>符号,例如: > 语出《论语》

语出《论语》

嵌套引用:


`> #引用1`  

`>> ##引用2`

列表

无序列表(使用 *,+,- 表示):

+ 1
- 2
* 3

有序列表(使用数字紧跟一个英文句点表示):
1. 1
2. 2
3. 3

无序列表和有序列表的列表内容前一定要有一个空格。

表格

项目 | Value
-------- | -----
电脑 | $1600
手机 | $12
导管 | $1

| Column 1 | Column 2 |Column 2 |
|:--------:| -------------:|:-------------|
| centered 文本居中 | right-aligned 文本居右 | left-aligned 文本居左 |

常用技巧

换行

  • 连续两个以上空格+回车
  • 使用html语言换行标签:<br/>

缩进

&nbsp;:缩进1/4中文字符
&ensp;:缩进1/2中文字符,1英文字符
&emsp;:缩进1中文字符,2英文字符

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章