markdown笔记

xiaoxiao2021-02-28  22

这是一级标题

这是二级标题

这是三级标题

代码如下 # 这是一级标题 {#index} ## 这是二级标题 ### 这是三级标题 以此类推,总共六级标题,建议在井号后加一个空格,这是最标准的 Markdown 语法,在上文中有一个{#index},不用理会,在后文中会进行说明
你有没有发现上面这个地方隐约的有一条直线,其实这就是一条分割线,可以在一行中用三个以上的星号、减号、底线来建立一个分隔线,同时需要在分隔线的上面空一行。像上面这条分割线的 代码如下 ***

这也是一个标题,另外一种表达方式

这是副标题,另外一种表达方式

这是标题的另外一种表达方式,不过只能书写二级标题,并且需要写在文字的下面,减号及等号数量可以不定 代码如下: 这也是一个标题,另外一种表达方式 === 这是二级标题,另外一种表达方式 ---

上面也是两条分割线分割线的写法一共有三种,这里是另外两种的实现方法 代码如下: --- ___

1. 对文字样的修改

粗斜体 粗斜体 演示粗体 演示粗体 演示斜体 演示斜体 演示下划线

上面是对文字样式的修改 代码如下: ### 1. 对文字样的修改 ***粗斜体*** ___粗斜体___ **演示粗体** __演示粗体__ *演示斜体* _演示斜体_ ~~演示下划线~~ 但是如果你的 * 或 _ 两边都有空白的话,它们就只会被当成普通的符号,就像这句话 * 其代码如下: * 但是如果你的 * 或 _ 两边都有空白的话,它们就只会被当成普通的符号,就像这句话 *

*如果要在文字前后直接插入普通的星号或底线,你可以用反斜线*

上面这句话的代码如下: * \*如果要在文字前后直接插入普通的星号或底线,你可以用反斜线\*

2. 引用

多行引用

这是一段引用

这是第二层引用

这是第三层引用,如此以下可以多层嵌套 其代码实现如下: * 多行引用 >这是一段引用 >>这是第二层引用 >>>这是第三层引用,如此以下可以多层嵌套 单行引用 这是单行引用,注意换行实现引用的分割 其代码实现如下: * 单行引用 > 这是单行引用,注意换行实现引用的分割

3. 列表

无序列表 这是一种表达方式这是第二种表达方式这是第三种表达方式 *注意要有空格否者就会像这样 其代码实现如下: * 无序列表 * 这是一种表达方式 + 这是第二种表达方式 - 这是第三种表达方式 *注意要有空格否者就会像这样 从上面可以看出可以使用 *,+,- 表示无序列表 有序列表 第一行第二行第三行 其代码实现如下: * 有序列表 1. 第一行 2. 第二行 3. 第三行 要想实现缩进显示可以按tap键,下面就来把列表组合起来 产品介绍 注意缩进产品特点 特点1 特点2特点3产品功能 功能1 功能2功能3 其代码实现如下: * 要想实现缩进显示可以按tap键,下面就来把列表组合起来 * 产品介绍 * 注意缩进 * 产品特点 1. 特点1 - 特点2 - 特点3 * 产品功能 1. 功能1 - 功能2 - 功能3

4. 代码

unction fib(n) { var a = 1, b = 1; var tmp; while (--n >= 0) { tmp = a; a += b; b = tmp; } return a; } document.write(fib(10));

上面这段代码和文章开始到现在的所有的代码块都是用代码块语法实现的 其代码如下:

“` unction fib(n) { var a = 1, b = 1; var tmp; while (–n >= 0) { tmp = a; a += b; b = tmp; } return a; }

document.write(fib(10)); “`

可以看出是由两对 重音符 实现的,可能有的人会问这是个什么东西,在哪里,把你的键盘调成英文状态下,ESC下面一个键就是 重音符 键

是不是觉得这样显示没有感觉,那我们来加点代码高亮把

class Employee: empCount = 0 def __init__(self, name, salary): self.name = name self.salary = salary Employee.empCount += 1

其代码如下:

“` python

class Employee: empCount = 0 def init(self, name, salary): self.name = name self.salary = salary Employee.empCount += 1

“`

5. 链接

这是百度链接


这是百度链接

这两个链接你能发现区别吗?φ(>ω<*)

其代码实现如下: [这是百度链接](http://baidu.com) [这是百度链接](http://baidu.com "发现区别没有!") 在文中直接加链接,中括号中是需要添加链接的文字,圆括号中是需要添加的链接,注意在有些地方http://是必须的,可以看到在第二个链接括号里面有一对双引号包围了一段文字,其实这是链接的title属性,title属性可加可不加,itle属性的效果是鼠标悬停在链接上会出现指定的 title文字

这是我的网站

这是我常去的百度,谷歌

这是第二种链接的实现方式 代码如下: [这是我的网站][1] 这是我常去的[百度][2],[谷歌][3] [1]:http://www.goxx.site "666" [2]:http://www.baidu.com [3]:https://www.google.com

http://www.baidu.com

这是第三种链接的实现方式 代码如下: <http://www.baidu.com> 在文中直接引用链接,直接使用尖括号,把链接加入到尖括号中就可以实现

以上就是三种链接的实现方式用术名表示分别为:

行内式参考式自动链接

回到标题

有没有发现回到了标题!这也是一种链接,网页内链接,称为*锚点*,比如我这里写下一个*锚点*,点击回到目录,就能跳转到目录。 在目录中点击这一节,就能跳过来, 其代码如下: [回到标题](#index) 其实它是由两行代码的,我们可以回到文章开头标题,有没有发现标题的代码里面有一句是这样的: # 这是一级标题 {#index} 其实这就构成了锚点,在你准备跳转到的指定标题后插入锚点{#标记},然后在文档的其它地方写上连接到锚点的链接就可以实现了,有的编辑器右侧显示效果区域暂时不支持锚点跳转,但是发布 成博客或者笔记就可以跳转了

6. 图片


图片的创建方式与超链接相似,代码如下 ![搞基](https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1525339965174&di=991ae421caad65a01094026c927db1a2&imgtype=0&src=http://220.img.pp.sohu.com.cn/p220/2013/1/26/9/19/6_13d3b2152d1g102_52184015_8_7b.jpg) 图片还有两个不必须的属性,分别是Alt 和 Title,其中title跟链接里面的title的作用是一样的的,那我们直接来说 alt,图片中Alt属性的意思是如果图片因为某些原因不能显示,就用定义的图片Alt文字来代替图片,就像下面这个例子:


其代码为: ![搞基](https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1525339965174&di=991ae421caad65a01094026c927db1a2&imgtype=0&src=http://220.img.pp.sohu.com.cn/p220/2013/1/26/9/19/6_13d3b2152d1g102_52184015_8_7b.jpg "这是在搞基") 现在我们就可以总结出其语法 ![Alt](图片地址 "") 上面两种使用-行内式-实现的,就像链接,图片还有-参考式-方法实现,可以参考链接的参考式

6. 表格

姓名学号性别小明男59小华女59小洋男99
姓名学号性别小明男59小华女59小洋男99 上面是两个不同的表格,其代码如下 姓名|学号|性别 -|-|- 小明|男|59 小华|女|59 小洋|男|99 姓名|学号|性别 -|:-:|-: 小明|男|59 小华|女|59 小洋|男|99 在表格的各个部分之间用 | 间隔,在表头和表单处用 - 分割。 还可以可以看出第一个表格跟二个表格的代码区别就是有没有添加冒号,第一个表格代码没有添加冒号则是默认的左对齐,在第二个表格代码的第二行的 - 两旁放置了冒号则实现了不同的对齐方式。
转载请注明原文地址: https://www.6miu.com/read-2647337.html

最新回复(0)