ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

Markdown基本语法

2022-01-31 16:33:46  阅读:239  来源: 互联网

标签:基本 Markdown 演示 斜体 代码 列表 语法 如下


Markdown基本语法

作为自己的第一篇博客,最终决定还是从博客常用的轻量级语言——Markdown开始写起。本篇博客,主要从日常使用Markdown的过程中,对于一些基本语法的摘记。而随着后续使用,也会在此篇博客中,补上一些其他语法。

编辑器:typora

标题

在Markdown中,标题用# + 空格表示。一个#,表示一级标题;两个#,即##,表示二级标题;以此类推。

另外,可用快捷键ctrl + 1, 2, ... 6来分别表示一到六级标题。Markdown中共有6级标题。学过html的同学,可以发现其与h1 ~ h6对应。

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

另外:仅对于一、二级标题,有如下表示方法

另一级标题
===
另二级标题
---

上述代码演示效果如下:

image-20220130134853491

引用

在Markdown中,使用> + 空格来对段落进行引用,同时,还支持引用的嵌套。

> 一段引用
>> 二级引用
>>> 三级引用
>> 
>>> 三级引用
>>>> 四级引用
>>>>> ...

上述代码演示效果如下:

一段引用

二级引用

三级引用

三级引用

四级引用

...

分隔线

在Markdown中,有时为了排版美观、划分内容等,常用到分隔线,用***--- + 回车表示。在html中,对应hr标签。

***
---
其中,符号之间可以有空格,如:
* * * 
- -  -   

上述代码演示效果如下:

image-20220130140528792

字体

粗体

** + 字 + **将选中字体加粗。同时可用快捷键ctrl + B表示。

**加粗**
__加粗__

上述代码演示效果如下:

加粗

加粗

斜体

* + 字 + *将选中字体加粗。同时可用快捷键ctrl + I表示。

*斜体*
_斜体_

上述代码演示效果如下:

斜体

斜体

粗斜体

*** + 字 + ***将选中字体加粗。

其中,在文字前的***中,前两个*号表示加粗,后一个*号表示斜体;文字后的相反。(可以思考一下,为什么会相反?)

***粗斜体***
___粗斜体___

上述代码演示效果如下:

粗斜体

粗斜体

划去文字

~~ + 字 + ~~将选中字体划去。

~~划去~~

上述代码演示效果如下:

划去

下划线

Markdown语法中没有下划线的表示方法,但我们可以用html中下划线的标签<u>进行表示。

<u>下划线</u>

上述代码演示效果如下:

下划线

列表

无序列表

在Markdown中,无序列表可以用+-* + 空格表示,三者的表示效果相同。(不建议使用* 号,以防与加粗斜体混淆)

快捷键可以用ctrl + shift + ] 表示。

用`+`表示
+ 列表1
+ 列表2
+ 列表3

用`-`表示
- 列表1
- 列表2
- 列表3

用`*`表示
* 列表1
* 列表2
* 列表3

混合表示
+ 列表1
- 列表2
* 列表3

上述代码演示效果如下:

+表示

  • 列表1
  • 列表2
  • 列表3

-表示

  • 列表1
  • 列表2
  • 列表3

*表示

  • 列表1
  • 列表2
  • 列表3

混合表示

  • 列表1
  • 列表2
  • 列表3

有序列表

在Markdown中,有序列表用数字 + . + 空格表示。快捷键为ctrl + shift + ]

1. 列表1
2. 列表2
3. 列表3

##### 列表序号从第一个开始升序排序
2. 列表1
3. 列表2
4. 列表3

##### 若编码中顺序有误,Markdown也会自动调整为升序
1. 列表1
4. 列表2
3. 列表3

上述代码演示效果如下:

  1. 列表1
  2. 列表2
  3. 列表3

列表序号从第一个开始升序排序
2. 列表1
3. 列表2
4. 列表3

若编码中顺序有误,Markdown也会自动调整为升序

  1. 列表1
  2. 列表2
  3. 列表3

列表嵌套

列表嵌套的代码主要以缩进对齐来实现,具体用代码表示:

##### 无序套无序
+ 列表1
  + 列表1.1
    + 列表1.1.1
- 列表2
  + 列表2.1
* 列表3

##### 有序套有序
1. 列表1
   1. 列表1.1
   2. 列表1.2
2. 列表2

##### 混合嵌套
1. 列表1
   + 列表1.1
   - 列表1.2
     - 列表1.2.1
2. 列表2
   + 列表2.1
     1. 列表2.1.1
     2. 列表2.1.2
3. 列表3

上述代码演示效果如下:

无序套无序
  • 列表1
    • 列表1.1
      • 列表1.1.1
  • 列表2
    • 列表2.1
  • 列表3
有序套有序
  1. 列表1
    1. 列表1.1
    2. 列表1.2
  2. 列表2
混合嵌套
  1. 列表1
    • 列表1.1
    • 列表1.2
      • 列表1.2.1
  2. 列表2
    • 列表2.1
      1. 列表2.1.1
      2. 列表2.1.2
  3. 列表3

表格

在Markdown中,表格的语法用 | 来区分表格的每个单元格,用 - 来分隔表头和其他行。其中,用 :- 的位置关系,可以实现所在列左对齐、居中、右对齐。

|表头1|表头2|表头3|
|:----|:----:|----:|
|1|2|3|
|4|5|6|
|7|8|9|

上述代码演示效果如下:

表头1 表头2 表头3
1 2 3
4 5 6
7 8 9

代码

行内代码

行内代码用 `` ` 表示。

11111`代码`22222

上述代码演示效果如下:

11111代码22222

多行代码(代码块)

代码块用 ```` ` 表示。

​```java

public

​```

上述代码演示效果如下:


public

超链接

在Markdown中,超链接一般 [文字描述](链接地址)<链接地址> 表示。相当于html中的标签 <a>

[哔哩哔哩 (゜-゜)つロ 干杯~-bilibili](https://www.bilibili.com/)

或

<https://www.bilibili.com/>

上述代码演示效果如下:

哔哩哔哩 (゜-゜)つロ 干杯~-bilibili

https://www.bilibili.com/

插入图片

在Markdown中,图片插入用 ![图片描述](图片链接地址) 表示。相当于html中的标签 <image>

![图片示例](https://s2.loli.net/2021/12/27/4rUej3VQC7wTzmt.png)

上述代码演示效果如下:
图片示例

总结

Markdown的便捷性,使其成为编写博客的首选。而其与html的兼容性,也导致其可以用html标签等进行更理想的编辑,如上述下划线的使用。而在后续的学习使用中,也会进一步更新此博客。希望自己和各位看们,在交流中,推杯换盏,酌一清酒暖身~

标签:基本,Markdown,演示,斜体,代码,列表,语法,如下
来源: https://www.cnblogs.com/yukiblog/p/15858341.html

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有