MarkDown学习

随笔3周前发布 柠檬心
29 0 0

文章目录

  • Markdown 教程
    • 一. 什么是Markdown?
    • 二. Markdown 标题
    • 三. Markdown 段落格式
      • 1.字体
      • 2.分隔线
      • 3.删除线
      • 4.下划线
      • 5.脚注
    • 四.Markdown 列表
      • 1.无序列表
      • 2.有序列表
      • 3.列表嵌套
    • 五.Markdown区块
      • 1.区块嵌套
      • 2.区块中使用列表
      • 3.列表中使用区块
    • 六.Markdown代码
    • 七.Markdown链接
    • 八.Markdown图片
    • 九.Markdown表格
    • 十.Markdown 高级技巧
      • 1.支持的HTML元素
      • 2.转义(使用于该用的时候)
    • 十一.功能快捷键

Markdown 教程

一. 什么是Markdown?

​ 它是一种轻量级标记语言,可以通过简单、易读易写的文本格式生成结构化的HTML文档。
​ 它编写的文档后缀为 .md .markdown
​ 它编写的而文档可以导出HTML,Word,图像,PDF等多种格式的文档
​ 它是一个 Web 上使用的文本到HTML的转换工具

二. Markdown 标题

使用’#’可以表示1-6个标题。一级一个#,以此类推

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

  • 1
  • 2
  • 3
  • 4
  • 5
  • 6

显示效果:
MarkDown学习
使用 = 标记一级和二级标题的话如果是Typora使用源代码编辑才可以:

MarkDown学习

三. Markdown 段落格式

Markdown 没有特殊的格式,直接编写文字就好

1.字体

Markdown 主要有一下几种字体

*斜体文本*
_斜体文本_
**粗体文本**
__粗体文本__
***粗斜体文本***
___粗斜体文本___

  • 1
  • 2
  • 3
  • 4
  • 5
  • 6

显示结果

Markdown

Markdown

Markdown

Markdown

Markdown

Markdown

2.分隔线

你可以在一行中用三个以上的星号、减号、底线来建立一个分隔线,行内不能有其他东西。也可以在星号或是减号中间插入空格。下面每种写法都可以建立分隔线:

***

* * *(如果是**Typora**使用源代码编辑才可以显示效果)

*****

- - -

----------
显示效果如下图

  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10





3.删除线

如果段落上的文字要添加删除线,只需要在文字的两端加上两个波浪线 ~~ 即可,实例如下:

~~Markdown~~

  • 1

显示效果如下:

Markdown

4.下划线

下划线可以通过 HTML 的<u> 标签来实现:

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

  • 1

显示效果如下所示:

Markdown

5.脚注

脚注:对文本添加注解,可以实现鼠标移动到注解上时显示注解内容的样式

脚本分为两部分
一:在需要加脚注的文本上
二:在专门存放脚注描述的区域

例如:
MarkDown学习
鼠标移动到注解效果(此效果只有在typora编辑器中实现):
MarkDown学习
csdn中的测试效果:
一个具有注脚的文本。1

四.Markdown 列表

Markdown 支持有序列表和无序列表。

1.无序列表

​ 使用星号(*)、加号(+)或是减号()作为列表标记,这些标记后面要添加一个空格,然后再填写内容:

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

+ 第一项
+ 第二项
+ 第三项

- 第一项
- 第二项
- 第三项

  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11

显示结果如下

  • 第一项
  • 第二项
  • 第三项

2.有序列表

​ 使用数字并加上 . 号来表示,如:

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

  • 1
  • 2
  • 3

3.列表嵌套

列表嵌套只需在子列表中的选项前面添加Tab即可:(回车后还显示序列不用管直接再按Tab键就可以了)

1. 第一项:
    - 第一项嵌套的第一个元素
    - 第一项嵌套的第二个元素
2. 第二项:
    - 第二项嵌套的第一个元素
    - 第二项嵌套的第二个元素

  • 1
  • 2
  • 3
  • 4
  • 5
  • 6

显示结果如下

  1. 第一项
    • 嵌套第一项第一个元素
    • 嵌套第二项第二个元素
  2. 第二项
    • 嵌套第二项第一个元素
    • 嵌套第二项第二个元素

五.Markdown区块

Markdown 区块引用是在段落开头使用 > 符号 ,然后后面紧跟一个空格符号:

1.区块嵌套

​ 另外区块是可以嵌套的,一个 > 符号是最外层,两个 > 符号是第一层嵌套,以此类推:

> 最外层
> > 第一层嵌套
> > > 第二层嵌套

  • 1
  • 2
  • 3

显示结果如下

还可以实现断层嵌套:按两次回车继续 >

显示结果如下

2.区块中使用列表

区块中使用列表实例如下:

> 区块中使用列表
> 1. 第一项
> 2. 第二项
> + 第一项
> + 第二项
> + 第三项

  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  1. 第一项
  2. 第二项
  • 第一项
  • 第二项
  • 第三项

3.列表中使用区块

如果要在列表项目内放进区块,那么就需要在 > 前添加Tab。

列表中使用区块实例如下:

* 第一项
    > 吃饭饭
      睡觉觉
* 第二项

  • 1
  • 2
  • 3
  • 4
  • 第一项

    吃饭饭

    睡觉觉

  • 第二项

六.Markdown代码

代码区块的实现如果是Typora再源代码操作

直接输入 “`java

显示结果如下:

public class Chifan{
	......
}

  • 1
  • 2
  • 3

七.Markdown链接

1.[链接名称](链接地址)
2.<链接地址>
3.我们可以通过变量来设置一个链接 [1]: http://www.google.com/ [使用场景:多次调用同一个链接]

  • 1
  • 2
  • 3

1.吃饭

2.http://www.baidu.cn

3.吃饭点这

八.Markdown图片

Markdown 图片语法格式如下:

![alt 属性文本](图片地址)

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

  • 1
  • 2
  • 3
  • 开头一个感叹号 !
  • 接着一个方括号,里面放上图片的替代文字
  • 接着一个普通括号,里面放上图片的网址,最后还可以用引号包住并加上选择性的 ‘title’ 属性的文字。
  • 左对齐在图片前面输入空格即可
    案例详情参考菜鸟教程

九.Markdown表格

Markdown 制作表格使用 | 来分隔不同的单元格,使用 来分隔表头和其他行。

语法格式如下:

|  姓名   | 年龄  |

  • 1

显示结果如下:

姓名 年龄

对齐方式对比:

-: 设置内容和标题栏居右对齐
:- 设置内容和标题栏居左对齐
:-: 设置内容和标题栏居中对齐
<br> 表格内部换行
Typora的表格源码编辑下图:

|左对齐|右对齐|居中对齐|
|:-|-:|:-:|
|单元格|单元格|单元格|

  • 1
  • 2
  • 3
  • 4
  • 5
左对齐 右对齐 居中对齐
单元格 单元格 单元格

十.Markdown 高级技巧

1.支持的HTML元素

不在Markdown涵盖范围之内的标签,都可以直接在文档里面用HTML撰写

使用 <kbd>Ctrl</kbd>+<kbd>Alt</kbd>+<kbd>Del</kbd> 重启电脑

  • 1

显示结果如下:
使用Ctrl+alt+Del可以重启电脑
使用小方框将文本包含<kbd>文本</kbd> -> 文本

文本上标 我的<sup>世界</sup> -> 我的世界
文本下标 我的<sub>世界</sub> -> 我的世界

2.转义(使用于该用的时候)

​ Markdown 使用了很多特殊符号来表示特定的意义,如果需要显示特定的符号则需要使用转义字符,Markdown 使用反斜杠转义特殊字符:

**文本加粗** 
** 正常显示星号 **

  • 1
  • 2

** 正常显示星号 **

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

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

  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12

我的世界

[我的世界](http://www.baidu.com)

我的世界

`我的世界`

十一.功能快捷键

MarkDown学习


  1. 脚注解释 ↩︎

© 版权声明

相关文章

暂无评论

您必须登录才能参与评论!
立即登录
暂无评论...