markdown 常用语法

2023-04-26 | 2024-07-31 | 1.4k | 6 分钟

代码块高亮

<div data-line="1,3-5,7"></div>
asasa
asasa
asasa
asasa
asasa
asasa
asasa
asasa
asasa

代码块选项卡

HTML

JavaScript

<div data-line="1,3-5,7"></div>
asasa
asasa
asasa
asasa
asasa
asasa

console.log(1);
console.log(1);
console.log(1);
console.log(1);
console.log(1);
console.log(1);
console.log(1);
console.log(1);

二级标题

三级标题

四级标题

五级标题

六级标题

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

字体样式

这是加粗的文字
这是倾斜的文字`
这是斜体加粗的文字
~~这是加删除线的文字~~

1. **这是加粗的文字**
2. _这是倾斜的文字_`
3. **_这是斜体加粗的文字_**
4. ~~这是加删除线的文字~~

有序列表

列表内容
列表内容
列表内容

无序列表

列表内容
列表内容
列表内容

1. 列表内容
2. 列表内容
3. 列表内容

- 列表内容
- 列表内容
- 列表内容

分割线

1. ***
2. ***

超链接

你好，请点击链接百度
百度
百度
百度
百度
百度

1. 你好，请点击链接 [百度](http://baidu.com)
1. [百度](http://baidu.com)
1. [百度](http://baidu.com)
1. [百度](http://baidu.com)
1. [百度](http://baidu.com)
1. [百度](http://baidu.com)

iframe

在线图片链接

本地图片链接

本地图片支持自定义宽高

## 在线图片链接
![霉霉](https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fc-ssl.duitang.com%2Fuploads%2Fitem%2F201502%2F09%2F20150209171221_uFkTa.jpeg&refer=http%3A%2F%2Fc-ssl.duitang.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1685866238&t=442c26597b5dc85fbb2fff987f95d4b4)

## 本地图片链接
{% asset_img meimei.jpg 霉霉 %}

## 本地图片支持自定义宽高
<img src="meimei.jpg" width="600px" height="auto" class="lazy-load" title="meimei"/>

ppt

<div class="custom-ppt" data-list="2.jpg,3.jpg"></div>

附件下载(meimei.zip)

## <a class="attachment" name="meimei.zip">附件下载(meimei.zip)</a>

表格

表头	表头	表头
第一行	第一行	第一行
第二行	第二行	第二行
第三行	第三行	第三行
第四行	第四行	第四行
第五行	第五行	第五行
第六行	第六行	第六行

| 表头   | 表头   | 表头   |
| ------ | :------: | ------ |
| 第一行 | 第一行 | 第一行 |
| 第二行 | 第二行 | 第二行 |
| 第三行 | 第三行 | 第三行 |
| 第四行 | 第四行 | 第四行 |
| 第五行 | 第五行 | 第五行 |
| 第六行 | 第六行 | 第六行 |

列表嵌套(无序套有序)

列表内容
- 列表内容
- 列表内容
- 列表内容
列表内容
列表内容

- 列表内容
  - 列表内容
  - 列表内容
  - 列表内容
- 列表内容
- 列表内容

列表嵌套(有序套无序)

列表内容
- 列表内容
- 列表内容
- 列表内容
列表内容
1. 列表内容
2. 列表内容
3. 列表内容
第一项
- 区块一
- 区块二
第二项
1. 区块一
2. 区块二

1. 列表内容
   - 列表内容
   - 列表内容
   - 列表内容
2. 列表内容
   1. 列表内容
   2. 列表内容
   3. 列表内容
3. 第一项
   > 区块一
   > 区块二
4. 第二项
   > 区块一  
   > 区块二

引用

这是引用的内容

这是引用的内容

这是引用的内容

列表内容

列表内容

列表内容

列表内容

列表内容

列表内容

列表内容

> 这是引用的内容
>
> > 这是引用的内容
> >
> > > 这是引用的内容
> > >
> > > 1. 列表内容
> > >    - 列表内容
> > >    - 列表内容
> > > 2. 列表内容
> > >    1. 列表内容
> > >    2. 列表内容
> > >    3. 列表内容

转义

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

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

- 换<br/>行
- 水平分割线<hr/>
- ***
- <mark>标记</mark>
- <del>删除线</del>
- <u>下划线</u>
- <small>小字体</small>
- <big>大字体</big>
- <code>单行代码文本 hello world</code>
- 文字<sup>上标</sup>
- 文字<sub>下标</sub>
- <b>加粗</b>
- <i>斜体</i>
- <a href="http://www.baidu.com" target="_blank">超链接</a>
- <center>居中</center>
- <p align=right>右对齐</p>
- 使用 <kbd>Ctrl</kbd>+<kbd>Alt</kbd>+<kbd>Del</kbd> 重启电脑
- [ ] 未勾选
- [x] 已勾选

折叠

点击折叠

这是被隐藏的内容

+++ **点击折叠**
这是被隐藏的内容
+++

自定义容器

提示
这是一个提示

注意
这是一个警告

警告
这是一个危险信号

成功
这是一个成功信号

::: tips
**提示**
这是一个提示
:::

::: warning
**注意**
这是一个警告
:::

::: danger
**警告**
这是一个危险信号
:::

::: success
**成功**
这是一个成功信号
:::

数学公式(移除)

问题：博客中大量使用 $，数学公式必须公式的前后使用 $，打包会出现大量警告；

解决：需要将之前使用的 $ 全部转移，工作量较大

$\sqrt{3x - 1} + (1 + x)^2$

$\sqrt{3x - 1} + (1 + x)^2$

打赏作者

您的打赏是我前进的动力

微信

支付宝

笔记资源分享

👉排序算法的评价指标👈

中午好👏🏻，我是 ✍🏻 疯狂 codding 中...

粽子

这有关于前端开发的技术文档和你分享。

相信你可以在这里找到对你有用的知识和教程。

了解更多