代码块高亮

'```HTML {a.js} {1}  ```'

代码块选项卡

asasasa
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. **_这是斜体加粗的文字_**
4. ~~这是加删除线的文字~~

有序、无序列表

  1. 列表内容

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

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

分割线



1. ***
2. ***

超链接

  1. 你好,请点击链接 百度

  2. 百度

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

iframe 引入 demo 案例

<!-- 示例代码 -->
{% demo 无线滚动动画.html %}

本地图片支持自定义宽高

<!-- 示例代码 -->
{% img meimei.jpg 700 %}

ppt

<!-- 示例代码 -->
{% ppt 2.jpg,3.jpg 600px %}

附件下载(meimei.zip)

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

表格

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

引用

这是引用的内容这是引用的内容这是引用的内容

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

转义

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

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

HTML 标签


  • 水平分割线



  • 标记

  • 删除线

  • 下划线

  • 小字体

  • 大字体

  • 单行代码文本 hello world

  • 文字上标

  • 文字下标

  • 加粗

  • 斜体

  • 超链接

  • 居中
  • 右对齐

  • 使用 Ctrl+Alt+Del 重启电脑

- 换<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
**成功**
这是一个成功信号
:::

数学公式(移除)

  1. 问题:博客中大量使用 $,数学公式必须公式的前后使用 $,打包会出现大量警告;

  2. 解决:需要将之前使用的 $ 全部转移,工作量较大

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

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

抽屉

我的抽屉

这里是抽屉内容,可以包含Markdown格式的文本、图片等。

<!-- 示例代码 -->
{% drawer myDrawer "我的抽屉" right %}
这里是抽屉内容,可以包含Markdown格式的文本、图片等。
{% enddrawer %}
打赏作者
您的打赏是我前进的动力
微信
支付宝
评论

你好👏🏻,我是 ✍🏻   疯狂 codding 中...

粽子

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

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

了解更多

目录

  1. 1. 代码块高亮
  2. 2. 代码块选项卡
  3. 3. 字体样式
  4. 4. 有序、无序列表
  5. 5. 分割线
  6. 6. 超链接
  7. 7. iframe 引入 demo 案例
  8. 8. 本地图片支持自定义宽高
  9. 9. ppt
  10. 10. 附件下载(meimei.zip)
  11. 11. 表格
  12. 12. 引用
  13. 13. 转义
  14. 14. HTML 标签
  15. 15. 折叠
  16. 16. 自定义容器
  17. 17. 数学公式(移除)
  18. 18. 抽屉