MarkDown学习

Markdown 教程

一. 什么是Markdown?

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

二. Markdown 标题

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

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

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

三. Markdown 段落格式

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

1.字体

Markdown 主要有一下几种字体

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

显示结果

Markdown

Markdown

Markdown

Markdown

Markdown

Markdown

2.分隔线

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

***

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

*****

- - -

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





3.删除线

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

~~Markdown~~

显示效果如下:

Markdown

4.下划线

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

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

显示效果如下所示:

Markdown

5.脚注

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

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

例如:
在这里插入图片描述
鼠标移动到注解效果(此效果只有在typora编辑器中实现):
在这里插入图片描述
csdn中的测试效果:
一个具有注脚的文本。1

四.Markdown 列表

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

1.无序列表

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

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

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

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

显示结果如下

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

2.有序列表

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

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

3.列表嵌套

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

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

显示结果如下

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

五.Markdown区块

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

1.区块嵌套

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

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

显示结果如下

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

显示结果如下

2.区块中使用列表

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

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

3.列表中使用区块

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

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

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

    吃饭饭

    睡觉觉

  • 第二项

六.Markdown代码

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

直接输入 ```java

显示结果如下:

public class Chifan{
	......
}

七.Markdown链接

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

1.吃饭

2.http://www.baidu.cn

3.吃饭点这

八.Markdown图片

Markdown 图片语法格式如下:

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

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

九.Markdown表格

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

语法格式如下:

|  姓名   | 年龄  |

显示结果如下:

姓名年龄

对齐方式对比:

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

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

十.Markdown 高级技巧

1.支持的HTML元素

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

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

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

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

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

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

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

** 正常显示星号 **

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

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

我的世界

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

我的世界

`我的世界`

十一.功能快捷键

在这里插入图片描述


  1. 脚注解释 ↩︎

  • 2
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

~忆缘

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值