菜鸟Markdown笔记,看这个就够了

菜鸟markdown语法笔记

1.标题

写法:共六级标题,一个#是一级标题,两个#是二级标题,三个#是三级标题······以此类推

#)+空格键,快捷方式是Ctrl+1/2/3/4/5/6

2.段落格式

写法:没什么特殊的格式,回车换行。也可以在新的一行空格+回车。

凑数凑数凑数凑数凑数凑数凑数凑数凑数凑数凑数凑数凑数凑数凑数凑数凑数凑数凑数凑数凑数凑数凑数凑数凑数凑数凑数凑数凑数凑数凑数凑数凑数凑数凑数凑数凑数凑数凑数凑数凑数凑数凑数凑数凑数凑数凑数凑数凑数凑数凑数凑数凑数凑数凑数凑数凑数凑数凑数凑数凑数凑数

1.字体

写法:使用星号(*)或者下划线(_); 前后各一个星号为斜体,两个为粗体,三个为粗斜体。

斜体

粗体

粗斜体

斜体

粗体

粗斜体

2.分隔线

写法:三个及以上的星号(*)或加号(+)或减号(-)



+++

3.删除线

写法:在文字两端加上两个(~~

你好,我是删除线写法

4.下划线

写法:可以通过HTML的<u>标签实现

你好,我是下划线写法

5.脚注

写法:是对文本的解释说明。固定写法:[ ^ 内容文字 ]

注意:不能写在句首,写句首须打一个空格。

创建脚注格式类似于[^刘先生]

刘先生 是个大帅比。

3.列表

(1)有序列表

写法:数字+(.)表示

1.有序列表1

2.有序列表2

3.有序列表3

4.有序列表4

(2)无序列表

写法:使用星号(*)或加号(+)或减号(-),标记后面加空格键,

  • 使用星号的无序列表
  • 使用加号的无序列表
  • 使用减号的无序列表

(3)列表的嵌套

  • 无序列表1

    • 无序列表
      • 无序列表3
        • 无列表4

    1.蔬菜

    • 西红柿
    • 花菜
    • 包菜

    2.水果

    • 苹果

    • 梨子

4.Markdown区块

写法:区块引用是在段落开头输入大于(>)符号+空格

区块引用文章

菜鸟教程

学的不仅仅是技术,更是梦想。

(1)区块嵌套

区块是可以嵌套的,一个大于号(>)是最外层,两个大于号(>)是第一层嵌套,三个大于号(>)是第二层嵌套,以此类推······

最外层

第一层嵌套

第一层嵌套

第一层嵌套

第二层嵌套

第二层嵌套

(2)区块和列表互相嵌套

白菜

  • 白菜汤
  • 白菜炖牛肉
  • 白菜炖羊肉

1.白菜

白菜汤

白菜炖牛肉

白菜炖羊肉

5.代码

(1)代码片段

​ 写法:段落上的一个函数或者片段,可以用反引号 “ ` ”把他包起来。

javascript

(2)代码块

​ 用首尾各三个反引号“ ``` ”包起来,可以选择编程语言也可不选择。

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

6.链接

写法:[链接名称](链接地址) 或者 <链接地址> 快捷键 :Ctrl+K

百度 或者https://www.baidu.com

高级链接:就是通过变量来设置一个链接,变量赋值在文档末尾。

[链接名称] [网址变量]

[网址变量] :具体网址

这个链接用1作为网址变量 百度

这个链接用runoob作为网址变量 Runoob

在文档的结尾为变量赋值(网址)

7.图片

写法

:! [ alt 图片属性文本 ] (地址 标题属性文字 )

(最简单就是直接拖拽),但是只有地址。

  • 开头一个感叹号 !
  • 接着一个方括号,里面放上图片的替代文字
  • 接着一个普通括号,里面放上图片的网址,最后还可以用引号包住并加上选择性的 'title' 属性的文字。

如:![图片替代文字](https://www.runoob.com "标题")

如何设置宽高呢?

规定的格式现在无法设置宽高,你可以写成<img>标签的形式

​ !美景图片

![美景图片](C:\Users\1\Pictures\联想锁屏壁纸\壁纸 (1).jpeg /)

当然也可以像对网址链接一样对图片网址使用变量。

美景图片

注意:Typora里插入的图片仅仅是引用了图片地址,所以分享时图片不会加载出来。解决办法是:将图片上传到图床或者文档导出成其他格式。

8.表格

写法:我们用“|”来写表格,用“-”分隔表头和其他行。 (现在比较智能,写一行就出来了,直接点击就行。)

{ 例如: | 表头| 表头| 表头| }

表头1 表头2 表头3
单元格 单元格 单元格
单元格 单元格 单元格

9.高级技巧

不在 Markdown 涵盖范围之内的标签,都可以直接在文档里面用 HTML 撰写。
目前支持的 HTML 元素有:<kbd> <b> <i> <em> <sup> <sub> <br>

元素 使用 效果
< kbd>Ctrl</ kbd> Ctrl
< b >Ctrl</ b > Ctrl
< i >Ctrl</ i > Ctrl
强调 < em >Ctrl</ em> Ctrl
上标文本 < sup >Ctrl</ sup > Ctrl
下标文本 < sub>Ctrl</ sub> sub
< br> < br>Ctrl
Ctrl

详见: Markdown内嵌HTML语法

字体、字号、颜色、背景

<font face="黑体">实现字体为黑体</font>

<small>比默认字体小一号</small>
这里显示的是浏览器默认字体大小
<font size=4>实现字体大小改变</font>
<big>比默认字体大一号</big>

<font color=red>实现字体颜色为红色</font>
<font color=#FF69B4>字体颜色值也可以用十六进制表示</font>
<span style="background-color: orange">实现背景填充为橙色</span>
<span style="background-color: #D3D3D3">背景颜色值也可以用十六进制表示</span>

<font face="黑体" size=4 color=red>实现字体效果:黑体、4号、红色</font>
<span style="background-color: #D3D3D3"><font size=4 color=#DC143C>默认字体,4号,使用十六进制表示颜色值</font></span>

实现字体为黑体

比默认字体小一号
这里显示的是浏览器默认字体大小
实现字体大小改变
比默认字体大一号

实现字体颜色为红色
字体颜色值也可以用十六进制表示
实现背景填充为橙色
背景颜色值也可以用十六进制表示

实现字体效果:黑体、4号、红色
默认字体,4号,使用十六进制表示颜色值

快捷键

  • 加粗: Ctrl + B 下划线: Ctrl+U 字体倾斜:Ctrl+I

  • 插入超链接:Ctrl+K

反斜线辅助插入符号

Markdown 支持以下这些符号前面加上反斜杠来帮助插入显示普通的符号:

\   反斜线
`   反引号
*   星号
_   下划线
{}  花括号
[]  方括号
()  小括号
#   井字号
+   加号
-   减号
.   英文句点
!   感叹号

备注:Typora编辑器版本更新时候,可能会有小部分语法改动,练习过程中自己看下 ----------2021.11.4

posted @ 2021-11-02 09:39  八方-刘经理  阅读(134)  评论(0编辑  收藏  举报