markdown入门学习

1、标题

(1)一级标题:#

演示:

一级标题

一级标题的另一种写法:下一行写===

演示:

一级标题的另一种写法

(2)二级标题:##

演示:

二级标题

二级标题的另一种写法:下一行写---

演示:

二级标题的另一种写法

注意:

a. enter是空两行,若想空一行需要按shift + enter

b. 倾斜: * …… *

(3)标题的id号:{# head1 / head2 /……}

演示:

一级标题的id号

等价于:<h1 id="head1">一级标题的id号</h1>

2、段落

<!--使用shift + enter 生成一个<p>标签-->

这是第一个段落 这是第二个段落

<!--使用enter 生成两个<p>标签-->

这是第一个段落

这是第二个段落

注意:

头部前面和尾部后面都不要有太多空白之处,否则将不生成<p>标签

3、换行

<!--后接两个空格表示换行,相当于<br>-->

4、粗体斜体删除线

粗体

(1)** …… **(两个星号)

演示:

粗体的第一种方法

(2)__ …… __(两个下划线)

演示:

粗体的第二种方法

斜体

(1)* ……*(一个星号)

演示:

斜体的第一种方法

(2)_ …… _(一个下划线)

演示:

斜体的第二种方法

删除线

~~ …… ~~

演示:

这是删除线的演示

5、列表

有序列表

 

在文本前面添加数字加点加空格可以构成有序列表。

(1)从头开始的有序列表

演示:

  1. 有序列表项

  2. 有序列表项

  3.  

(2)从某一数字开始

演示:

  1. 从某一数字开始的有序列表

  2.  

无序列表

三种方式:-,+,*

演示:

  • 减号开头的无序列表

  • 星号开头的无序列表

  • 加号开头的无序列表

任务列表

<!-- [x]表示已选中的项目-->

    • 已选中的有序项目
  • 已选中的无序项目

<!--[]表示未选中的项目-->

  • 未选中的项目

6、引用

大于号后面加空格表示引用

演示引用多个段落:

这是第一句

 

这是第二句

注意:

a. 空行前面也要加上>

b. 引用可以嵌套

7、代码

两个反引号

演示:

这是代码

注意:如果想要代码块里出现反引号,就要用双反引号

演示:

`这是一个本身带反引号的代码`

三个反引号 + 编程语言

演示:

printf("hello world!");

三个波浪号 + 编程语言

演示:

body{
    width:750px;
    height:400px;
}

8、分割线

一行中存在连续三个或三个以上星号(*),减号(-)或下划线(_),则会生成分割线(<hr/>

演示:




注意:上下最好多空一行,防止变成标题

9、超链接

链接到网站

[超链接的文字](网址)

演示:

哔哩哔哩

链接到其他markdown界面

[描述文字](./标题 "点击跳转到标题页")

演示:

markdown入门

无标签链接

<网址>

演示:

https://www.bilibili.com/

注意:有些解析器可以自动解析代码中的链接并生成无标签链接,如不希望自动转化,把链接写成行内代码。

超链接和粗体斜体等的搭配

这是一个粗体的超链接

这是一个斜体的超链接

10、 图片

添加图片

![图片名称] ( 图片地址 )

演示:

这是一张图片

带链接的图片

[![ 图片名称 ] ( 图片地址 )] (链接地址 )

演示:

这是一个带链接的图片

带Title的图片

! [ 图片名称 ] ( 图片地址 " title")

演示:

这是一个带title的图片

11、emoji表情

常用表情短码

12、表格

表格使用竖线(|)区分每一列,在表格头和表格体之间第列使用至少三个减号(-)来做为分隔。

演示:

第一列 第二列 第三列
第一行第一列 第一行第二列 第一行第三列
第二行第一列 第二行第二列 第二行第三列

注意: 第二行是|---|---|---|

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

posted @ 2023-02-01 15:23  第厘  阅读(12)  评论(0编辑  收藏  举报