526互联

Markdown

发布时间 2023-12-07 13:54:25作者: asdmin

Markdown学习

前言

欢迎来到我的博客！

今天，我将与你分享如何学习Markdown!

Markdown 是一种轻量级标记语言，通俗的说你记笔记写博客的时候不用管排版如何，只要将自己的内容写上去，Markdown语法就可以给你搞定一切。

一、什么是Markdown

Markdown 是一种轻量级标记语言，以易读易写的纯文本格式编写文档，然后转换成有效的HTML文档。

Markdown 广泛应用于博客、文档、笔记等领域，是一种高效、美观的排版工具。

Markdown 编写的文档可以导出 HTML 、Word、图像、PDF、Epub 等多种格式的文档。

Markdown 编写的文档后缀为 .md, .markdown

二、Markdown的优点

  • 语法简单易学，易于掌握，能够让你的文本更加美观、易读。
  • 排版整洁美观，支持各种常用的文本格式，如标题、列表、链接、引用等
  • 兼容性好，Markdown的轻量化、易读易写特性，并且对图片、图表以及数学公式都支持，使得许多网站都支持使用Markdown来撰写文档或者发表文章。
  • 适用于说明文档和博客

三、Markdown基础语法

1.标题

  • 一级标题对应一个#号;
  • 二级标题对应两个#号;
  • 以此类推...级对应...个#号，一共六级标题;

如下:

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

注意：

  • #字符与标题内容中间留一个空格
  • 标题应该置于行首，如果放入表格中可能无法正确解析

快捷键：

Ctrl + 小键盘数字

用几级标题小键盘数字换成对应的数字

例：

一级标题 : ctrl + 1

二级标题 : ctrl + 2

......

2.字体

效果 代码 快捷键
斜体 _斜体内容_ Ctrl + i
粗体 *粗体内容* Ctrl + b
粗斜体 ***粗斜体内容*** Ctrl + b + i

如下:

*斜体文本*

_斜体文本_

**粗体文本**

__粗体文本__

***粗斜体文本***

___粗斜体文本___

3.列表

  • 有序列表：使用数字并加上 . 号，再加一个空格作为列表标记；

  • 无序列表：使用星号(*)、加号(+)或是减号(-)，再加一个空格作为列表标记；

如下:

* 无序列表 1
+ 无序列表 2
- 无序列表 3

1. 有序列表 1
2. 有序列表 2
3. 有序列表 3

注意：

如果想要控制列表的层级，则需要在列表符号前使用Tab

4.超链接

Markdown中插入链接的使用方式是：

[链接名称](链接地址) || <链接地址>

例：
[百度](https://www.baidu.com/)
<https://www.baidu.com/>

5.引用

Markdown 中引用通过符号 > 来实现。> 符号后的空格，可有可无。

在引用的区块内，允许换行存在，换行并不会终止引用的区块。

如果要结束引用，需要一行空白行，来结束引用的区块。

例：

> 学习Java，走向人生巅峰

效果：

学习Java，走向人生巅峰

此外，引用还可以嵌套使用：

例：

> 这是一个引用：
>> 这是一个引用的引用
>>> 这是一个引用的引用的引用

效果:

这是一个引用：

这是一个引用的引用

这是一个引用的引用的引用

6.分割线

Markdown中给出了多种分割线的样式，我们可以使用分割线让文章结构更加的清晰。

可以在一行中用三个 - 或者 * 来建立一个分隔线

注意：

  • 分割线需要独占一行；
  • 写分割线前，要空一行之后写，否则会导致前一行字体放大。
    • Markdown中，空行通常用于分隔不同的段落和内容，如果分割线的上面没有空行，Markdown解释器可能会将分割线所在的行视为一个新的段落，从而调整字体大小。
    • 因此，为了确保排版正确和美观，建议在使用Markdown语法时，在分割线的上面添加一个空行。

代码：

---		分割线
***		分割线

效果:

7.删除线

删除线的使用，在需要删除的文字前后各使用两个 ~，如下：

代码：

~~删除线内容~~

效果：

删除的内容

8.下划线

下划线和HTML中类似，在需要使用下划线的文字首尾添加<U>需要添加下划线的文本</u>。

代码：

<U> 需要添加下划线的文本 </U>

效果：

文本

9.代码块

Markdown中代码块有两种：

一种是在一行内需要引用代码，只需要用反引号`` `引起来就好了。

代码：

`你好`

效果：

你好

如果是在一个块内需要引用代码，则在需要引用的代码块的前一行和后一行使用三个反引号。

同时在前一个反引号后写入代码的语言。

代码：

​```java
public class Test {
    public static void main(String[] args) {
        System.out.println("Hello World!");
    }
}
​```

效果：

public class Test {
    public static void main(String[] args) {
        System.out.println("Hello World!");
    }
}

10.表格

表格使用|来分割不同的单元格，使用-来分隔表头和其他行

左对齐、右对齐、居中对齐:

  • :-：将表头及单元格内容左对齐
  • -:：将表头及单元格内容右对齐
  • :-:：将表头及单元格内容居中

代码：

| 名字 | 性别 |     生日 |
| :--- | :--: | -------: |
| 张三 |  男  | 1997.1.1 |

效果：

名字 性别 生日
张三 男 1997.1.1

也可以鼠标右键进行插入：

image-20231127170745002

11.脚注

脚注是对文本的备注说明，我们时长在论文中看到脚注，在Markdown中的使用方法如下：

代码：

昔别[^1]春草绿，今还[^2]墀雪[^3]盈[^4]。
谁知相思[^5]老，玄鬓[^6]白发生。

注释
[^1]昔别：昔日离别。
[^2]今还：今日回还。
[^3]墀chí雪：石阶上的雪。
[^4]盈：盈满。墀，台阶上的空地，亦指台阶。丹墀。
[^5]相思：彼此想念。后多指男女相悦而无法接近所引起的想念。
[^6]玄鬓：黑色鬓发。黑色的鬓角。

效果：

昔别[1]春草绿，今还[2]墀雪[3]盈[4]。
谁知相思[5]老，玄鬓[6]白发生。

注释
[^1]昔别：昔日离别。
[^2]今还：今日回还。
[^3]墀chí雪：石阶上的雪。
[^4]盈：盈满。墀，台阶上的空地，亦指台阶。丹墀。
[^5]相思：彼此想念。后多指男女相悦而无法接近所引起的想念。
[^6]玄鬓：黑色鬓发。黑色的鬓角。

注意

脚注自动被搬运到最后面，请到文章末尾查看，并且脚注后方的链接可以直接跳转回到加注的地方。

12.图片

跟超链接的方法区别在于前面加了个感叹号 !

代码：

![图片描述，可写可不写，但是中括号要有](图片地址，本地链接或者URL地址)

效果：

百度

13.换行

在Markdown 段落没有特殊的格式

  • 当需要内容换行时，使用两个以上空格加上回车。
  • 当需要生成新的段落，只需空出一行即可
  • 如果你在编辑的时候，想让一行文字在显示的时候换行，就在中间加<br>

多个空行只生效一个空行

四、Markdown高级语法

1.制作代办事项

我们可以使用Markdown来制作一个待办事项。

格式为：

-[] 表示未完成

-[x]表示已完成

代码：

- [ ] 点赞
- [ ] 关注
- [ ] 收藏
- [x] 已完成事项

效果：

2.HTML

Markdown支持HTML原生语法，譬如，你可以用 Html 写一个纵跨两行的表格：

代码：

<table>
    <tr>
        <th rowspan="2">值班人员</th>
        <th>星期一</th>
        <th>星期二</th>
        <th>星期三</th>
    </tr>
    <tr>
        <td>李强</td>
        <td>张明</td>
        <td>王平</td>
    </tr>
</table>

效果：

值班人员 星期一 星期二 星期三
李强 张明 王平

也可以实现对字体格式的改变

代码：

<font face="楷体" color=#00ffff size=5>改变文字格式</font>

效果：

改变文字格式

写给自己的话

为什么要写这篇博客，不仅是为了分享我的学习过程，也是为了给自己记个笔记，哪里忘记了，回来再看一眼，也可以很快的回想起来。

宁保质量不比速度，学习路程还很遥远，继续加油坚持！！！