Markdown入门到进阶

在这里插入图片描述

MarkDown是什么?

Markdown是一种轻量级的标记语言,可用于将格式设置元素添加到纯文本文档中。

Markdown 由John Gruber于2004年创建,如今已成为世界上最受欢迎的标记语言之一。


为什么要使用Markdown?

  • 使用Markdown可以很容易写出好看的文档

  • Markdown 语法简洁明了,易于掌握

  • 所有的文本编辑器都可以打开markdown文档进行编辑,

    但是只有支持markdown语法的编辑器才能正常预览格式

    我用的Typora,可以实时预览

  • 很多网站都支持markdown如果你是程序员肯定知道全球最大同性交友网站github
    国内的gitee,如果你做过自媒体,比如在今日头条上发布文章,他们都支持markdown



Markdown编辑器

Typora: Typora 这款多平台的编辑器,支持 OS X, Windows 和 Linux 三个平台,并且是实时预览,也是我自己一直使用的markdown编辑器
官网:https://www.typora.io/

Typora的界面非常简洁

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-8f7WfYeG-1614322058916)(./imgs/typora.png)]

MarkdownPad2: 一款全功能的编辑器,被很多人称赞为Windows 平台最好用的markdown编辑器
官网:http://www.markdownpad.com/

Markdownpad2左边是包含markdownpad语法的界面,右边是预览界面

在这里插入图片描述

当然还有其他的编辑器,这里不一一列出来了。

个人感觉是TyporaMarkdwnpad好用


Markdown标题

有2种表示方法
方法一:

这是一级标题
=============

这是二级标题
-------------

显示如下:

这是一级标题

这是二级标题

方法二:

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

示例如下:
在这里插入图片描述

上面示例左侧是Markdown,右侧是预览结果

使用在线Markdown工具dillinger。官网:https://dillinger.io/


Markdown字体

粗体

Markdown写法渲染输出
**我是粗体文本**我是粗体文本
__我也是粗体文本__我也是粗体文本

斜体

Markdown写法渲染输出
*我是斜体文本*我是斜体文本
_我是斜体文本_我是斜体文本

粗体斜体混合

Markdown写法渲染输出
***我是粗斜体文本***我是粗斜体文本
___我也是粗体文本___我也是粗体文本



Markdown区块

写法如下:

> 我是区块
> newbee.com
> 我要从newbee变成牛B

显示如下:

我是区块

newbee.com

我要从newbee变成牛B

区块的嵌套

写法如下:

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

显示如下:

最外层

第一次嵌套

第二层嵌套



Markdown列表

Markdown 支持有序列表无序列表

无序列表
无序列表使用破折号-,星号*或加号+,标记后面要添加空格,写法如下:
可以写成:

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

也可以写成:

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

还可以写成:

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

以上3种书写方式都可以,根据个人爱好

显示如下:

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

有序列表
有序列表在前面添加数字和句号(英文状态下)。数字可以不按数字顺序排列,但列表必须是数字开头,写法如下:

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

或(不按顺序)

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

显示如下:

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

如果不信可以自己马上实践一下。

列表嵌套

写法如下:

- 第一项
  - 第一项的无序列表嵌套
    - 再一次嵌套
  - 第一项的无序列表嵌套
- 第二项
  1. 第二项的有序列表嵌套
     - 再一次嵌套
  2. 第二项的有序列表嵌套

显示如下:

  • 第一项
    • 第一项的无序列表嵌套
      • 再一次嵌套
    • 第一项的无序列表嵌套
  • 第二项
    1. 第二项的有序列表嵌套
      • 再一次嵌套
    2. 第二项的有序列表嵌套

有序列表和无序列表是可以相互嵌套的,而且可以无限嵌套(如果你不怕挨打的话)

列表嵌套区块

列表不但可以自己嵌套,也可以嵌套区块,写法如下:

- 第一项
  > 我是区块
  > - 我是区块的列表

显示如下:

  • 第一项

    我是区块

    • 我是区块的列表

备注:区块和列表是可以相互嵌套的

Markdown任务列表

Markdown还可以创建带有复选框的项目列表,写法如下:

选择你的爱好,可以多选:
- [x] 看书
- [ ] 听歌
- [ ] 上网
- [x] 玩游戏

显示如下:
选择你的爱好,可以多选:

  • 看书
  • 听歌
  • 上网
  • 玩游戏



Markdown分割线

下划线用连续3个*-表示,写法如下:

***
_____

显示如下:



Markdown删除线

删除线用~表示,就是数字键1前面的,要在英文状态下输入哦!写法如下:

我没有删除线
~~我有删除线~~

显示如下:

我没有删除线

我有删除线

Markdown下划线

markdown没有下划线符号,但是可以用html的**\<u\>**标签来表示,写法如下:

我就是<u>下划线</u>

显示如下:

我就是下划线

备注:markdown是支持html语法的

Markdown脚注

Markdown的脚注格式,写法如下:

这样创建脚注[^newbee]

[^newbee]:登陆newbee.wang从newbee到牛

显示如下:
在这里插入图片描述




Markdown文字颜色

Markd本身是不支持颜色的。但是前面说到markdown是兼容html的

因此我们可以用html来显示颜色,写法如下:

<font color=#228B22 >**绿色:**</font> 表示执行成功但是没做任何修改
<font color=#FFD700 >**黄色:**</font> 表示执行成功并做了修改
<font color=#FF4500 >**红色:**</font> 表示执行失败
<font color=#AFEEEE >**浅绿色:**</font> 表示跳过此次操作

显示如下:

我是绿色

**我是黄色 **

**我是红色 **

我是浅绿色



Markdown代码块

单行代码

单行代码放在2个反引号" ` "中间

`print("welcome to newbee.wang")`

显示如下:

print("welcome to newbee.wang")

普通多行代码块

代码块是以3个反引号 **"`" ** 开头并且还是同样方式结束,写法如下:

​```
#!/usr/bin/python3
name = "newbee.com"
print ("welcome newbee.wang")
print ("From newbee to 牛B")
print (name)
​```

显示如下:

#!/usr/bin/python3
name = "newbee.com"
print ("welcome newbee.wang")
print ("From newbee to 牛B")
print (name)

多行代码块语法高亮

写法如下:

​```python
#!/usr/bin/python3
name = "newbee.com"
print ("welcome newbee.wang")
print ("From newbee to 牛B")
print (name)
​```

显示如下:

#!/usr/bin/python3
name = "newbee.com"
print ("welcome newbee.wang")
print ("From newbee to 牛B")
print (name)



Markdown链接

写法如下:

[链接名](链接地址)
或者
<链接地址>

例:

[运维零到一](https://www.newbee.wang)
<https://www.newbee.wang>

显示如下:

运维零到一

https://www.newbee.wang



Markdown图片

添加图片要使用感叹号 " ! " + 方括号"[]" + 圆括号"()"。写法如下:

![图片标题](图片URL)

例:

![小猴子](https://imgconvert.csdnimg.cn/aHR0cHM6Ly9hdmF0YXIuY3Nkbi5uZXQvNy83L0IvMV9yYWxmX2h4MTYzY29tLmpwZw)

显示如下:

小猴子

说明:方括号的内容是自定义的,是对图片的说明。圆括号内的图片路径,这个个路径可以是网络链接、本地绝对路径和本地相对路径

**补充:**Markdown不支持修改图片的尺寸和位置的,如果要控制图片的尺寸或位置需要使用html的img标签

**调整图片尺寸,**写法如下:

<img src="https://imgconvert.csdnimg.cn/aHR0cHM6Ly9hdmF0YXIuY3Nkbi5uZXQvNy83L0IvMV9yYWxmX2h4MTYzY29tLmpwZw" width="50px"/>

显示如下:

**图片靠右显示,**写法如下:

<img src="https://imgconvert.csdnimg.cn/aHR0cHM6Ly9hdmF0YXIuY3Nkbi5uZXQvNy83L0IvMV9yYWxmX2h4MTYzY29tLmpwZw" align="right"/>

显示如下:



Markdown表格

Markdown 制作表格使用 "**|**" 来分隔不同的单元格,使用 "**-**" 来分隔表头和其他行,写法如下:

|  表头   | 表头  |
|  ----  | ----  |
| 单元格  | 单元格 |
| 单元格  | 单元格 |

显示如下:

表头表头
单元格单元格
单元格单元格

Markdown表格默认是左对齐。

我们可以设置表格的对齐方式:

  • :-- 设置左对齐
  • :--: 设置居中对齐
  • --: 设置右对齐

例:

|左对齐|居中对齐|右对齐|
|:---|:---:|---:|
|我左对齐了|我居中对齐了|我右对齐了|

显示如下:

左对齐居中对齐右对齐
我左对齐了我居中对齐了我右对齐了



Markdown的转义字符

在这里插入图片描述

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

打赏作者

运维0到1

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

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

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

打赏作者

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

抵扣说明:

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

余额充值