学习使用markdown

学习使用markdown

第一部分 基本语法

markdown菜鸟教程

标题

使用符号#可以创建标题,标题一共有6级,1级标题前面有一个#,6级标题前面有6个#.标记符和标题内容之间要有一个空格.

# 一级标题
## 二级标题
###### 六级标题

段落

markdown使用空行来分隔和表现段落.

这是第一个段落.

这是第二个段落.

markdown还可以使用在行尾添加空行的方式插入回车.相当于html标签里的<br/>

这是第一个段落.    
第一行的行尾有2个及以上的空格,所以这看上去是第二个段落,但是这种创建段落的方式和上一种的段落间隔不一样.

字体格式

字体格式只有斜体和加粗,使用星号和下划线来包含要修饰的字体.

*斜体*
**加粗**
***斜体加粗***

为文字添加删除线,只需要在文字的两端添加两个波浪线.~~

~~这是一段被删除的文字~~

为文本添加下划线需要使用html的<u>标签.

<u>带下划线的文本</u>

分隔线

使用三个以上的*,-,_来创建一个分隔线,标识符之间可以有一个或多个空格.

***
* * *
**********

列表

markdown支持有序列表和无序列表.无序列表使用*,+,-作为标记符号.

* 第一项
* 第二项
* 第三项
    

有序列表使用数字加.的方式来表示.数字最好从1开始.

1. 第一项
2. 第二项
3. 第三项

列表可以嵌套,嵌套内容需要添加一个缩进或4个空格.

1. 第一项
    * 内容
    * 内容
2. 第二项
3. 第三项

区块引用

区块引用在段落开头使用>,然后紧跟一个空格.

> 区块引用
> 菜鸟教程
> 学的不仅是技术更是梦想

区块的嵌套

> 最外层
>
>> 第二层
>> 还是第二层
>
> 回到最外层

区块中引用其他标识符

> * 火影忍者
>   * 佐助
>   * 鸣人
> * 海贼王
>   * 娜美
>   * 布鲁克

代码

段落里的一个函数引用或者是一句代码可以使用反引号把内容包起来.

`printf()`函数

使用四个空格或一个制表符可以创建代码区块

if a > b:
    print(a)
else:
    print(b)

使用三个反引号```包裹一段代码,并指定一种语言.

```javascript
$(document).ready(function () {
    alert('RUNOOB');
});
```

超链接

markdown支持两种形式的超链接语法:行内和参考两种形式.不管是哪一种,超链接的文字都是用[方括号]来标记的.

要建立一个行内形式的超链接,只需要在方括号后面紧接一个小括号并在里面插入超链接的地址,并用双引号把提示文字包起来.

this is [an example](https://www.baidu.com "baidu") inline link.

如果你要链接到本地计算机的目录或文件,可以使用相对路径.

see my [About](/有趣的网页.txt "我的一个本地文件") page for details.

超链接的另一种使用方式是使用另一个方括号接在超链接的括号后面.在第二个方括号里要插入用来辨认超链接的标签.推荐使用这种方法

this is [an example] [id] reference-style link.

然后在文件的任意地方,把标签的超链接内容定义出来.这种方式也可以链接到本地目录或文件.

[id]: https://www.baidu.com "百度"

下面是一个参考链接的范例,后面方框中的标签不能重复,否则第二次及以后的链接配置不会生效.

I get 10 times more traffic from [Google][1] than from [Yahoo][2] or [MSN][3].

[1]: https://google.com     
    "Google"
[2]: https://search.yahoo.com   
    "Yahoo Search"
[3]: https://search.msn.com
    "MSN Search"

图片

markdown使用一种和超链接类似的语法来标记图片.图片的写法是这样的.图片地址可以是本地路径也可以是url.

![alt 属性文本](图片地址)
![alt 属性文本](图片地址 "可选标题")

上面的写法无法修改图片的大小,要想调整图片的大小,直接使用img标签更方便.

<img src="https://i.loli.net/2019/11/08/PVH1cahspx83twQ.jpg" style="zoom:20%" />

twi@mimmi_sak

第二部分 Markdown Preview Enhanced插件

Markdown Preview Enhanced插件

猜你喜欢

转载自www.cnblogs.com/baixz/p/11820648.html