夏末的只言片语
0%

Markdown 语法测试

发表于 更新于 分类于 字数 3.6k 约需 9 分钟
Markdown 语法测试

自用的 cheat sheet 😉

一、字体

  1. 斜体：*italic*，效果：italic，中文不使用斜体；
  2. 粗体：**bold 粗体**，效果：bold 粗体；
  3. 粗斜体：***bold italic***，效果：bold italic，尽量不用；
  4. 删除线：~~delete 删除文字~~，效果：delete 删除文字；
  5. 下划线：++下划线++，效果：下划线；
  6. 高亮文字：==高亮文字==，效果：高亮文字；
  7. 文字颜色（使用 HTML 语句）：
    1. 标准色：以红色为例：<font color=red> 红色文字 </font>，效果： 红色文字 ；
    2. 任意颜色：<font color=#b100b1> 任意颜色文字 </font>，效果： 任意颜色文字 ；
  8. 字号（使用 HTML 语句）：
    1. 缩小：<font size=1> 字号小一些 </font>，效果： 字号小一些 ；
    2. 放大：<font size=5> 字号大一些 </font>，效果： 字号大一些 ；
  9. 上标：5 m^2^，效果：5 m2；
  10. 下标：CO~2~，效果：CO2。

二、段落

  1. 标题（效果略）：
    1. 二级标题：## 二级标题示例，效果略；
    2. 三级标题：### 三级标题示例，效果略；
  2. 整行横线：***，必须在一行的起始处使用，效果略；
  3. 空行、换行（使用 HTML 语句）：<br />新的一行，效果：
    新的一行；
  4. 对齐（使用 HTML 语句）：
    1. 左对齐：<p align="left"> 左对齐 </p>，效果：

      左对齐

    2. 居中对齐：<center> 居中对齐 </center>，效果：
      居中对齐
    3. 右对齐：<p align="right"> 右对齐 </p>，效果：

      右对齐

  5. 首行缩进 2 字符：在段首添加 2 个 em 空格或 4 个 en 空格：
    1. 2 个 em 空格：&#8195;&#8195;首行缩进，效果：  首行缩进；
    2. 4 个 en 空格：&#8194;&#8194;&#8194;&#8194;首行缩进，效果：    首行缩进。

三、特殊符号

  1. 连字符 / hyphen：-，效果：-；
  2. 短连接号 / en dash：--，效果：–；
  3. 长连接号 / en dash：---，效果：—；
  4. 方括号：\[\]，效果：[]；
  5. 特殊符号[1] ：&#233 &#952 &#8704，效果：é θ ∀；
  6. Emoji[2] ：:grimacing: :tropical_fish: :rocket:，效果：😬 🐠 🚀；

四、插入对象

  1. 普通引用：> 普通引用，效果：

普通引用

  1. 居中引用：
1
2
3
4
{% cq %}
江雨霏霏江草齐，六朝如梦鸟空啼。
无情最是台城柳，依旧烟笼十里堤。
{% endcq %}

效果：

江雨霏霏江草齐，六朝如梦鸟空啼。
无情最是台城柳，依旧烟笼十里堤。

  1. 带出处的引用：
1
2
3
4
5
6
{% blockquote 海子, 《面朝大海，春暖花开》 %}
陌生人，我也为你祝福
愿你有一个灿烂的前程
愿你有情人终成眷属
愿你在尘世获得幸福
{% endblockquote %}

效果：

陌生人，我也为你祝福
愿你有一个灿烂的前程
愿你有情人终成眷属
愿你在尘世获得幸福

海子《面朝大海，春暖花开》
  1. 链接：[这是链接](https://www.google.com)，效果：这是链接；
  2. 尾注：这篇文章参考了相关资料^[https://markdown-it.github.io/] ^[https://guanqr.com/tech/website/hexo-theme-next-customization/]，效果：这篇文章参考了相关资料[3] [4]。

五、插入环境

5.1 数学环境

5.1.1 行内数学公式

置于一对$中，其余和 LaTeX 语法相同，注意代码中的某些地方可能需要添加额外的空格以区分各命令。示例：$V=\frac{4}{3}\pi R^3$

5.1.2 行间数学公式

置于\begin{equation}和\end{equation}中，其余和 LaTeX 语法相同，注意代码中的某些地方可能需要添加额外的空格以区分各命令。目前发现小空格转义字符\,无法正常编译。示例：
\begin{equation}
U_M = \sqrt{\sum_{i=1}^m \left(\frac{\partial f}{\partial x_i}\cdot U_{xi}\right)^2}
\end{equation}
不带编号的行间公式置于\begin{equation*}和\end{equation*}中即可。

5.2 图片环境

代码示例：

1
{% img /images/20200626-01.jpg 400 冰岛 %}

其中/images/20200626-01.jpg表示图片路径和文件名；400表示图片宽度，单位为像素，高度会等比例缩放；冰岛表示显示出的图片名。效果：

5.3 表格环境

代码示例：

1
2
3
4
| 名字 | 性别 | 年龄 |
| ---: | :---: | :--- |
| 张三 | 男 |  18 |
| 李四 | 女 | 20 |

其中，|用来分隔单元格，---为插入表头分隔线，:的位置用于定义本列单元格的对齐方式。效果：

名字 性别 年龄
张三 男 18
李四 女 20

5.4 代码环境

5.4.1 行内代码

置于一对 ` 符号内，示例：行内代码

5.4.2 行间代码（代码块）

置于一对 ``` 符号内，可在起始的 ``` 之后插入语言名（如C）以自动加载代码高亮功能。示例：

1
2
3
4
5
6
7
8
9
10
11
12
#include <stdio.h>
int main()
{
    int i,n;
    double sum=1;
    scanf("%d",&n);
    for(i=1;i<=n;i++)
        sum=sum*i;
    printf("%d!=%lf",n,sum);
    printf("\n");
    return 0;
}

5.5 列表环境

5.5.1 无编号列表

代码示例：

1
2
3
+ 无编号列表，第一级
    + 无编号列表，第二级
        + 无编号列表，第三级

效果：

  • 无编号列表，第一级
    • 无编号列表，第二级
      • 无编号列表，第三级

5.5.2 有编号列表

代码示例：

1
2
3
1. 有编号列表，第一级
    2. 有编号列表，第二级
        3. 有编号列表，第三级

效果：

  1. 有编号列表，第一级
    2. 有编号列表，第二级
    3. 有编号列表，第三级

目前发现第三级有序列表的缩进有问题。

5.6 待办环境

代码示例：

1
2
[ ] 待办
[x] 已完成

效果：

六、插入容器

6.1 Markdown的Note环境

样式为flat，开启图标。

6.1.1 默认

1
{% note default %} default {% endnote %}

default

#### 6.1.2 重要 
1
{% note primary %} primary {% endnote %}

primary

6.1.3 成功

1
{% note success %} success {% endnote %}

success

#### 6.1.4 信息 
1
{% note info %} info {% endnote %}

info

6.1.5 警告

1
{% note warning %} warning {% endnote %}

warning

#### 6.1.6 危险 
1
{% note danger %} danger {% endnote %}

danger

6.2 自定义容器[5]

6.2.1 提示

1
2
3
::: tip
This is a tip
:::

This is a tip

6.2.2 成功

1
2
3
::: success
This is a success
:::

This is a success

6.2.3 警告

1
2
3
::: warning
This is a warning
:::

This is a warning

6.2.4 危险

1
2
3
::: danger
This is a dangerous warning
:::

This is a dangerous warning

  1. https://www.freeformatter.com/html-entities.html ↩︎

  2. https://www.webfx.com/tools/emoji-cheat-sheet/ ↩︎

  3. https://markdown-it.github.io/ ↩︎

  4. https://guanqr.com/tech/website/hexo-theme-next-customization/ ↩︎

  5. http://blog.maqingbo.com/20190312/f6dfbcb.html ↩︎

———全文完———