图片：<img src="地址">

视频：<video src="地址">

声音：<audio src="地址">

矢量图：<svg src="地址">

数学公式：<math src="公式">

打开链接：<a href="地址">文本</a>

新标签页打开链接：<a href="地址" target="_blank">文本</a>

链接无下划线：<a href="地址" style="text-decoration:none">文本</a>

加粗：<b>文本</b>

斜体：<i>文本</i>

下划线：<u>文本</u>

删除线：<s>文本</s>

文本加大：<big>文本</big>

文本缩小：<small>文本</small>

文本控制大小：<h1>文本</h1> （从 h1 到 h4 文本大小依次减小）

换行：<br>

划分线：<hr>

段落：<p>段落</p>

原始文本样式（不受任何更改）：<code>正文</code>

代码：<pre>正文</pre>

mini字体
ᴬ ᴮ ᶜ ᴰ ᴱ ᶠ ᴳ ᴴ ᴵ ᴶ ᴷ ᴸ ᴹ ᴺ ᴼ ᴾ ᵠ ᴿ ˢ ᵀ ᵁ ⱽ ᵂ ᵡ ᵞ ᶻ
ᵃ ᵇ ᶜ ᵈ ᵉ ᶠ ᵍ ʰ ⁱ ʲ ᵏ ˡ ᵐ ⁿ ᵒ ᵖ ᵠ ʳ ˢ ᵗ ᵘ ᵛ ʷ ˣ ʸ ᶻ
⁰ ¹ ² ³ ⁴ ⁵ * ⁷ ⁸ ⁹
小型字体
ᴀ ʙ ᴄ ᴅ ᴇ ғ ɢ ʜ ɪ ᴊ ᴋ ʟ ᴍ ɴ ᴏ ᴘ ǫ ʀ s ᴛ ᴜ ᴠ ᴡ x ʏ ᴢ
花体
𝒜 𝓑 𝒞 𝒟 𝓔 𝓕 𝒢 𝓗 𝓘 𝒥 𝒦 𝓛 𝓜 𝒩 𝒪 𝒫 𝒬 𝓡 𝒮 𝒯 𝒰 𝒱 𝒲 𝒳 𝒴 𝒵
𝒶 𝒷 𝒸 𝒹 𝑒 𝒻 𝑔 𝒽 𝒾 𝒿 𝓀 𝓁 𝓂 𝓃 𝑜 𝓅 𝓆 𝓇 𝓈 𝓉 𝓊 𝓋 𝓌 𝓍 𝓎 𝓏
花体斜体
𝓐 𝓑 𝓒 𝓓 𝓔 𝓕 𝓖 𝓗 𝓘 𝓙 𝓚 𝓛 𝓜 𝓝 𝓞 𝓟 𝓠 𝓡 𝓢 𝓣 𝓤 𝓥 𝓦 𝓧 𝓨 𝓩
𝓪 𝓫 𝓬 𝓭 𝓮 𝓯 𝓰 𝓱 𝓲 𝓳 𝓴 𝓵 𝓶 𝓷 𝓸 𝓹 𝓺 𝓻 𝓼 𝓽 𝓾 𝓿 𝔀 𝔁 𝔂 𝔃
哥特体
𝔄 𝔅 ℭ 𝔇 𝔈 𝔉 𝔊 ℌ ℑ 𝔍 𝔎 𝔏 𝔐 𝔑 𝔒 𝔓 𝔔 ℜ 𝔖 𝔗 𝔘 𝔙 𝔚 𝔛 𝔜 ℨ
𝔞 𝔟 𝔠 𝔡 𝔢 𝔣 𝔤 𝔥 𝔦 𝔧 𝔨 𝔩 𝔪 𝔫 𝔬 𝔭 𝔮 𝔯 𝔰 𝔱 𝔲 𝔳 𝔴 𝔵 𝔶 𝔷
哥特粗体
𝕬 𝕭 𝕮 𝕯 𝕰 𝕱 𝕲 𝕳 𝕴 𝕵 𝕶 𝕷 𝕸 𝕹 𝕺 𝕻 𝕼 𝕽 𝕾 𝕿 𝖀 𝖁 𝖂 𝖃 𝖄 𝖅
𝖆 𝖇 𝖈 𝖉 𝖊 𝖋 𝖌 𝖍 𝖎 𝖏 𝖐 𝖑 𝖒 𝖓 𝖔 𝖕 𝖖 𝖗 𝖘 𝖙 𝖚 𝖛 𝖜 𝖝 𝖞 𝖟
儿童体
ᗩ ᗷ ᑕ ᗪ ᗴ ᖴ ᘜ ᕼ I ᒍ K ᒪ ᗰ ᑎ O ᑭ ᑫ ᖇ ᔕ T ᑌ ᐯ ᗯ ᙭ Y ᘔ
手写体
ꪖ ᥇ ᥴ ᦔ ꫀ ᠻ ᧁ ꫝ 𝓲 𝓳 𝘬 ꪶ ꪑ ꪀ ꪮ ρ 𝘲 𝘳 𝘴 𝓽 ꪊ ꪜ ᭙ ᥊ ꪗ ɀ
艺术体
Ꮧ Ᏸ ፈ Ꮄ Ꮛ Ꭶ Ꮆ Ꮒ Ꭵ Ꮰ Ꮶ Ꮭ Ꮇ Ꮑ Ꭷ Ꭾ Ꭴ Ꮢ Ꮥ Ꮦ Ꮼ Ꮙ Ꮗ ጀ Ꭹ ፚ
空心体
𝔸 𝔹 ℂ 𝔻 𝔼 𝔽 𝔾 ℍ 𝕀 𝕁 𝕂 𝕃 𝕄 ℕ 𝕆 ℙ ℚ ℝ 𝕊 𝕋 𝕌 𝕍 𝕎 𝕏 𝕐 ℤ
𝕒 𝕓 𝕔 𝕕 𝕖 𝕗 𝕘 𝕙 𝕚 𝕛 𝕜 𝕝 𝕞 𝕟 𝕠 𝕡 𝕢 𝕣 𝕤 𝕥 𝕦 𝕧 𝕨 𝕩 𝕪 𝕫
𝟘 𝟙 𝟚 𝟛 𝟜 𝟝 𝟞 𝟟 𝟠 𝟡
等宽体
𝙰 𝙱 𝙲 𝙳 𝙴 𝙵 𝙶 𝙷 𝙸 𝙹 𝙺 𝙻 𝙼 𝙽 𝙾 𝙿 𝚀 𝚁 𝚂 𝚃 𝚄 𝚅 𝚆 𝚇 𝚈 𝚉
𝚊 𝚋 𝚌 𝚍 𝚎 𝚏 𝚐 𝚑 𝚒 𝚓 𝚔 𝚕 𝚖 𝚗 𝚘 𝚙 𝚚 𝚛 𝚜 𝚝 𝚞 𝚟 𝚠 𝚡 𝚢 𝚣
𝟶 𝟷 𝟸 𝟹 𝟺 𝟻 𝟼 𝟽 𝟾 𝟿
衬线粗体
𝐀 𝐁 𝐂 𝐃 𝐄 𝐅 𝐆 𝐇 𝐈 𝐉 𝐊 𝐋 𝐌 𝐍 𝐎 𝐏 𝐐 𝐑 𝐒 𝐓 𝐔 𝐕 𝐖 𝐗 𝐘 𝐙
𝐚 𝐛 𝐜 𝐝 𝐞 𝐟 𝐠 𝐡 𝐢 𝐣 𝐤 𝐥 𝐦 𝐧 𝐨 𝐩 𝐪 𝐫 𝐬 𝐭 𝐮 𝐯 𝐰 𝐱 𝐲 𝐳
𝟎 𝟏 𝟐 𝟑 𝟒 𝟓 𝟔 𝟕 𝟖 𝟗
衬线斜体
𝐴 𝐵 𝐶 𝐷 𝐸 𝐹 𝐺 𝐻 𝐼 𝐽 𝐾 𝐿 𝑀 𝑁 𝑂 𝑃 𝑄 𝑅 𝑆 𝑇 𝑈 𝑉 𝑊 𝑋 𝑌 𝑍
𝑎 𝑏 𝑐 𝑑 𝑒 𝑓 𝑔 𝘩 𝑖 𝑗 𝑘 𝑙 𝑚 𝑛 𝑜 𝑝 𝑞 𝑟 𝑠 𝑡 𝑢 𝑣 𝑤 𝑥 𝑦 𝑧
衬线粗斜体
𝑨 𝑩 𝑪 𝑫 𝑬 𝑭 𝑮 𝑯 𝑰 𝑱 𝑲 𝑳 𝑴 𝑵 𝑶 𝑷 𝑸 𝑹 𝑺 𝑻 𝑼 𝑽 𝑾 𝑿 𝒀 𝒁
𝒂 𝒃 𝒄 𝒅 𝒆 𝒇 𝒈 𝒉 𝒊 𝒋 𝒌 𝒍 𝒎 𝒏 𝒐 𝒑 𝒒 𝒓 𝒔 𝒕 𝒖 𝒗 𝒘 𝒙 𝒚 𝒛
无衬线体
𝖠 𝖡 𝖢 𝖣 𝖤 𝖥 𝖦 𝖧 𝖨 𝖩 𝖪 𝖫 𝖬 𝖭 𝖮 𝖯 𝖰 𝖱 𝖲 𝖳 𝖴 𝖵 𝖶 𝖷 𝖸 𝖹
𝖺 𝖻 𝖼 𝖽 𝖾 𝖿 𝗀 𝗁 𝗂 𝗃 𝗄 𝗅 𝗆 𝗇 𝗈 𝗉 𝗊 𝗋 𝗌 𝗍 𝗎 𝗏 𝗐 𝗑 𝗒 𝗓
𝟢 𝟣 𝟤 𝟥 𝟦 𝟧 𝟨 𝟩 𝟪 𝟫
无衬线粗体
𝗔 𝗕 𝗖 𝗗 𝗘 𝗙 𝗚 𝗛 𝗜 𝗝 𝗞 𝗟 𝗠 𝗡 𝗢 𝗣 𝗤 𝗥 𝗦 𝗧 𝗨 𝗩 𝗪 𝗫 𝗬 𝗭
𝗮 𝗯 𝗰 𝗱 𝗲 𝗳 𝗴 𝗵 𝗶 𝗷 𝗸 𝗹 𝗺 𝗻 𝗼 𝗽 𝗾 𝗿 𝘀 𝘁 𝘂 𝘃 𝘄 𝘅 𝘆 𝘇
𝟬 𝟭 𝟮 𝟯 𝟰 𝟱 𝟲 𝟳 𝟴 𝟵
无衬线斜体
𝘈 𝘉 𝘊 𝘋 𝘌 𝘍 𝘎 𝘏 𝘐 𝘑 𝘒 𝘓 𝘔 𝘕 𝘖 𝘗 𝘘 𝘙 𝘚 𝘛 𝘜 𝘝 𝘞 𝘟 𝘠 𝘡
𝘢 𝘣 𝘤 𝘥 𝘦 𝘧 𝘨 𝘩 𝘪 𝘫 𝘬 𝘭 𝘮 𝘯 𝘰 𝘱 𝘲 𝘳 𝘴 𝘵 𝘶 𝘷 𝘸 𝘹 𝘺 𝘻
无衬线粗斜体
𝘼 𝘽 𝘾 𝘿 𝙀 𝙁 𝙂 𝙃 𝙄 𝙅 𝙆 𝙇 𝙈 𝙉 𝙊 𝙋 𝙌 𝙍 𝙎 𝙏 𝙐 𝙑 𝙒 𝙓 𝙔 𝙕

𝙖 𝙗 𝙘 𝙙 𝙚 𝙛 𝙜 𝙝 𝙞 𝙟 𝙠 𝙡 𝙢 𝙣 𝙤 𝙥 𝙦 𝙧 𝙨 𝙩 𝙪 𝙫 𝙬 𝙭 𝙮 𝙯

提示：请在有外网的情况下观看

绪论

希望更丰富的展现？使用 Markdown。

这是洛谷文字编辑时会出现的一行文字。这是你可能会疑惑：Markdown 是什么？为什么洛谷的文字编辑区如此奇怪？本文将为你揭开这些问题，并使你短时间精通 Markdown。

什么是 Markdown?

Markdown 是一种轻量级标记语言。

什么意思呢？就是说，你需要写下一段内容（【源代码】），然后洛谷会自动帮你渲染这段内容。

举个例子你就明白了：

比方说你输入的是 _Haha_（两侧带下划线），那么洛谷就会帮你渲染成 Haha （变成斜体）。

洛谷的文字编辑使用 Markdown*Palettes（GitHub 地址：https://github.com/luogu-dev/markdown-palettes），Markdown 的一种。

还有，不要被【源代码】吓到，Markdown 极其简单，一共的标记符号也就十多个。

现在，就让我们开始学习吧！

Markdown 编辑器

以下以洛谷云剪贴板的 Markdown 编辑器为例：

我们可以把这个编辑器分成三部分：

• 工具栏

• 编辑区（左侧）

• 预览区（右侧）

• 工具栏内有洛谷 Markdown 常用的标记符号（但不是所有），但是精通 Markdown 以后都基本不会用工具栏了。
• 你可以在编辑区内书写源代码
• 预览区是洛谷将你的源代码渲染后展示的结果，也是发布后显示的内容。预览区不可直接修改。

Markdown 语法

标题

Markdown 共有六级标题。标记符号是 #。只需要在文字前面加上若干个 # 和一个空格，就可以将这段文字渲染为标题。

标题有几个 #，这就是几级标题。一级标题最大，六级标题最小。

标题在工具栏上的对应是 H1、H2、H3...

H1 代表一级标题，H2 代表二级标题，以此类推。

例：

# 一级标题

## 二级标题

### 三级标题

#### 四级标题

##### 五级标题

###### 六级标题

将会被渲染成

一级标题

二级标题

三级标题

四级标题

五级标题

六级标题

注：前面的渲染结果左边有一条竖线且字体改变是因为：为了避免影响整篇文章的排版，所以采用了“引用”的方法。实际渲染效果是没有竖线和改变字体的。

几点细节：

• 一级标题和二级标题自带分割线（这篇博客没有显示是因为博客的渲染机制和洛谷其它地方不一样）。
• 四级标题的字体大小已经比正文还小了，所以正常来说一般不用四级以下的标题。
• 输入时，# 后面一定要加空格。

加粗

Markdown 中的加粗用左右各两个 * 表示。

在工具栏上，加粗为符号 B，即

例如：

**加粗文字**

将会被渲染成

加粗文字

• 小技巧：选中待加粗的文字，点击工具栏符号 B，即可将这一段文字加粗。

1. 选中

2. 点击 B

3. 加粗成功

斜体

Markdown 中的 斜体 用左右各一个 _ 或左右各一个 * 表示。

在工具栏上，斜体为符号 I ，即

例如：

_斜体文字_

*斜体文字*

将会被渲染成

斜体文字

斜体文字

• 小技巧：选中需要转成斜体的文字，点击工具栏符号 I，即可将这一段文字转为斜体。
• 注意：斜体文字的源代码需要和其它文字有空格隔开。

哈_哈哈哈_哈 是不能正常渲染的：哈_哈哈哈_哈

而 哈 _哈哈哈_ 哈 则是可以正常渲染的：哈 哈哈哈 哈

删除线

Markdown 中的删除线用左右各两个 ~ 表示。

在工具栏上，斜体为符号 S ，即

例如：

~~删除文字~~

将会被渲染成

删除文字

• 小技巧：选中需要添加删除线的文字，点击工具栏符号 S，即可为这一段文字添加删除线。

分割线

洛谷 Markdown 中的分割线显示效果如下：

分割线在工具栏上对应的符号是 — ，即：

点击 后会自动生成：

------------

（先两个换行，再 $12$ 个 -，最后再来两个换行）

渲染后为：

分割线的手动输入方法有很多种：

---
- - -
***
* * *
___
_ _ _

渲染出来是：

（咦？博客里好像不太清晰？）

注：

• -、_、* 打多少个都可以（必须大于等于三个）

无序列表&有序列表

无序列表和有序列表在工具栏上是这两个符号：

（左边是点的是无序列表，左边是数字的是有序列表）

这里并不推荐用工具栏，最好手写，因为工具栏上的列表有很大的 BUG。

有序列表很简单，用“数字加点”的格式直接列就行了：

1. 第一条
2. 第二条
3. 第三条

1. 第一条
2. 第二条
3. 第三条

中间空行也可以（显得不那么挤）：

1. 第一条

2. 第二条

3. 第三条

1. 第一条
2. 第二条
3. 第三条

无序列表也差不多：

+ 哈哈哈

- 哈哈哈

* 哈哈哈

• 哈哈哈

• 哈哈哈

• 哈哈哈

• +、-、* 都可以正常渲染无序列表，但是这里推荐用 +，因为 - 和 * 都有其它的用途，混用可能会出事故。
• 无序列表的 +、-、* 和有序列表的“数字+点”后一定要加空格，否则无法正常渲染。

图片

图片在工具栏上长这样：

这里有两个重点：

• 图片地址指的是图片 URL 链接：Markdown 只能读取上传到网上的图片，在你电脑里的图片它读取不到（其实所有网络上需要图片的地方都是这样）。所以你需要通过图床将在电脑磁盘内的图片上传到网络上，再把这张图片的网络地址（即 URL 链接）告诉 Markdown。这里推荐几个图床：

• 洛谷图床：https://www.luogu.com.cn/image

• 路过图床：https://imgtu.com/

• SM.MS 图床：https://sm.ms/

• 图片描述一般不会显示，但是当原图片损坏或无法显示时，就会显示图片描述。

图片的 Markdown 格式如下：

![图片描述（可留空）](图片 URL 地址)

例如：

![Luogu-Logo](https://cdn.luogu.com.cn/fe/logo.png)

如果图片无法显示则会显示出：

链接

链接在工具栏上长这样：

• 链接地址：点击链接后跳转的网站地址
• 链接标题：链接显示的内容

链接的格式如下：

[链接标题](链接地址)

例如：

[洛谷](https://www.luogu.com.cn/)

洛谷

还有一种链接表示方式，没有链接标题，直接显示链接地址：

<链接地址>

例如：

<https://www.luogu.com.cn/>

https://www.luogu.com.cn/

代码块

代码块分两种：行内代码块和行外代码块

行内代码块类似这种：代码块

方法很简单：只需要在两边加上 ` 即可。

`代码块`

代码块

（行外）代码块的工具栏符号是：

行外代码块格式如下：

```代码语言

代码内容

```

例如：

#include <cstdio>
using namespace std;

int main()
{
    int a,b;
    scanf("%d%d",&a,&b);
    printf("%d\n", a+b);
    return 0;
}

• 代码语言就是 cpp、c、python 之类的（也可以留空）

表格

表格的格式略微复杂，用工具栏上的按钮就行了。

| 标题1 | 标题2 | 标题3 | 标题4 |
| -----------: | -----------: | -----------: | -----------: |
| 内容1,1 | 内容1,2 | 内容1,3 | 内容1,4 |
| 内容2,1 | 内容2,2 | 内容2,3 | 内容2,4 |

$\KaTeX$ 内嵌

洛谷中的题解、翻译、题目中，数字、公式都必须用 $\KaTeX$ 来写。方法是：

$1+1=2$ 被渲染成 $1+1=2$

$$1+1=2$$ 被渲染成（单独一行且居中）

$\KaTeX$ 又是另外一种语言了，下次再另写一篇文章吧。可以先看看这个：

• Supported Functions · KaTeX
• LaTeX 数学公式大全