Cat_Anchor 发表于 2025-2-13 23:01:35

BBCode 速查手册:从入门到精通的标签用法与示例全集

本帖最后由 Cat_Anchor 于 2026-2-17 19:44 编辑

前言

这篇教程将向你介绍目前已知的所有 BBCode 标签。BBCode 的作用就是让帖子看起来不那么单调,可以在发帖时输入含 BBCode 的文本。

BBCode 有以下特征:

+ 所有 BBCode 标签都被 `[]` 包围。例如:`` 是一个标签,含义是粗体。

+ 大部分 BBCode 标签是成对出现的,以 `` 开始,以 `` 结束,被这对括号一样的东西包裹住的就是它的作用域。例如:`文本` 会将`文本`用对应的粗体字体显示。如果应该成对出现的标签不成对,就可能出现解析错误。

+ 部分 BBCode 标签可以在开始标签中输入参数。例如:`` 含义是红色文本。

https://klpbbs.com/static/image/hrline/line1.png

标签列表

| 简单标签

b
使文本切换至粗体。注意,如果找不到字体对应的粗体,此标签就会无效。这里使用 `Times New Roman` 字体演示。

texttext
texttext

左侧是正常字体,右侧是粗体。

i
使文本切换至斜体(更准确地说,是意大利体)。注意,如果找不到字体对应的斜体(意大利体),此标签就会无效。这里使用 `Times New Roman` 字体演示。

texttext
texttext

左侧是正常字体,右侧是斜体(意大利体)。

u
为文本添加下划线。

text
text

s / strike(两者皆可)
为文本添加删除线。

text
text

color
改变文本颜色。有一个必需参数,指定颜色。可以是 `Red` `Green` `Blue` 这样的预设值(不区分大小写),也可以是 `#002244` 这样的十六进制颜色,还可以使用 `rgba(100, 200, 50, 0.6)` 指定带有不透明度的颜色。

可以在[这里](https://baike.baidu.com/item/WEB%E6%A0%87%E5%87%86%E9%A2%9C%E8%89%B2)获得所有可用的预设值。

[​color=Red]text[​/color][​color=#002244]text[​/color]
texttext

backcolor
改变文本背景色。有一个必需参数,指定颜色。可以是 `Red` `Green` `Blue` 这样的预设值(不区分大小写),也可以是 `#002244` 这样的十六进制颜色,还可以使用 `rgba(100, 200, 50, 0.6)` 指定带有不透明度的颜色。

可以在[这里](https://baike.baidu.com/item/WEB%E6%A0%87%E5%87%86%E9%A2%9C%E8%89%B2)获得所有可用的预设值。

[​backcolor=Red]text[​/backcolor][​backcolor=#002244]text[​/backcolor]
texttext

sup
将文本渲染为行内的上方小字。注意,此标签不能嵌套使用。

texttexttext
texttexttext

sub
将文本渲染为行内的下方小字。注意,此标签不能嵌套使用。

texttexttext
texttexttext

spoiler
折叠文本,形成一个可以点击展开或折叠的文本块。注意,此标签不能嵌套使用。

text
text

size
调整文本大小。需要一个参数,可以是 1-7 的整数,也可以是以 `px` 为后缀的像素值。可以是 `0px`,此时文本被隐藏。

text
text
text
text

fly
使文本在一行内滚动。

text
text

align
将文本对齐在左侧、中间或右侧。需要一个参数,指定对齐的标准。可以是以下三者之一:`left` `center` `right`

text
text

float
对文本使用首字下沉。需要一个参数,指定方向。可以是以下二者之一:`left` `right`

[​float=left]它[​/float]的结束没有特别重大的仪式,只是突然到来的空白。这就像生活中的两种告别,隆重的告别让我们悲伤,而无声的告别使我们窒息。如果我真的要与什么告别,我希望那属于前者。
它的结束没有特别重大的仪式,只是突然到来的空白。这就像生活中的两种告别,隆重的告别让我们悲伤,而无声的告别使我们窒息。如果我真的要与什么告别,我希望那属于前者。

p
设置文本段落。需要三个参数。第一个参数指定行高倍数。第二个参数指定首行缩进,它的单位是单个汉字的宽度。第三个参数指定对齐方式。

注意,参数与参数之间必须使用 `, ` 分隔,必须是一个半角逗号加上一个空格,其中逗号类型不能错,空格也**不能省略**。如果省略空格,则无法解析。

此标签可以嵌套。换句话说,一个文本段落中可以存在另一个文本段落。

[​p=34, 2, left]我突然注意到……注意到现在太平静了,我需要突然注意一下。好吧,经过几分钟的搜寻,我宣布,饼干彻底消失不见了,就因为它摔到了床上或者地板上。[​/p]
我突然注意到……注意到现在太平静了,我需要突然注意一下。好吧,经过几分钟的搜寻,我宣布,饼干彻底消失不见了,就因为它摔到了床上或者地板上。

img
插入图片,需要包裹住图片的网址。以 1.21.70.23 更新日志中的图片为例。注意在签名档中使用时的 Lv.2 等级限制。

[​img]https://feedback.minecraft.net/hc/article_attachments/34234917737869[​/img]
https://feedback.minecraft.net/hc/article_attachments/34234917737869

添加两个参数,还可以限制图片的大小。
[​img=128,72]https://feedback.minecraft.net/hc/article_attachments/34234917737869[​/img]
https://feedback.minecraft.net/hc/article_attachments/34234917737869

url
创建一个超链接。

[​url]https://feedback.minecraft.net/hc/article_attachments/34234917737869[​/url]
https://feedback.minecraft.net/hc/article_attachments/34234917737869

或者,提供链接作为参数,这样就可以自定义文字了。
[​url=https://feedback.minecraft.net/hc/article_attachments/34234917737869]更新日志里的图片[​/url]
更新日志里的图片

quote
引用文本。在手机端显示时,会在引用的内容前加上“回复”二字,而且若不单独设置,则引用的文本默认为灰色。在电脑端显示时,则没有上述问题。

text
text

code
创建代码块。代码块中的任何 BBCode 标签都不会被解析。

text
text

pre
创建预览代码块。注意可能出现的空行问题,即预览代码块中一个换行会被当作两个的问题。

text
text

font
为文字设置字体。也接受多个参数,参数之间使用半角逗号分隔,这时会优先尝试使用最前面的字体,若字形缺失,则回退到靠后的字体。

[​font=Times New Roman]text[​/font][​font=SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace]文本[​/font]
text文本

hr
创建水平分割线。此标签无需闭合。

[​hr]


*
创建一个项目符号,与下面的 `list` 标签一起使用。在手机端,这种方式创建的项目符号不可见。此标签无需闭合。

[​*]text
[*]text

list
创建列表,使用 `[​*]` 作为项目符号。此标签可以嵌套,用于创建列表中的列表。

创建一个无序列表:
```BBCode
[​list][​*]item1
[​*]item2
[​*]item3[​/list]
```
或者给它一个参数 `0`(效果相同):
```BBCode
[​list=0][​*]item1
[​*]item2
[​*]item3[​/list]
```
[*]item1
[*]item2
[*]item3

创建有序列表需要给它参数 `1`:
```BBCode
[​list=1][​*]item1
[​*]item2
[​*]item3[​/list]
```
[*]item1
[*]item2
[*]item3

media
创建一个视频。

写入 `bili:` 加上视频的 BV 号将创建 Bilibili 视频。需要三个参数,第一个参数效果未知,第二和第三个参数指定窗口大小。
[​media=x,500,375]bili:BV17GcueSEZz[​/media]
bili:BV17GcueSEZz
使用 `bilibili` 标签可以产生同样的效果,用这个标签包裹 BV 号。
[​bilibili]BV17GcueSEZz[​/bilibili]
BV17GcueSEZz

使用 `xigua` 标签可以连接到西瓜视频。[缺少示例]
视频 ID

使用 `Dplayer` 标签可以连接到视频文件。[缺少示例]
文件链接

audio
创建一个音频,需要用这个标签包裹音频文件的链接。

在音频的链接之后,可以填写一个空格,之后:

* 填写 loop 可以指定音乐循环播放。

* 填写 autoplay 可以指定音乐自动播放。

* 填写 style= 并在后面填写 CSS 可以实现自定义 CSS。这时,CSS 中不能有空格,语句之间使用 `;` 分隔。

以上三种标记,可以同时存在,只需要用空格分开就好了。
[​audio]https://file.uhsea.com/2602/5640c50b55c01c59dbd68b3ea515020652.mp3 loop style=transform:rotate(45deg)[​/audio]
https://file.uhsea.com/2602/5640c50b55c01c59dbd68b3ea515020652.mp3 loop style=transform:rotate(45deg)

wyy
创建一个网易云音乐贴纸,需要用这个标签包裹音乐 ID。可以提供一个参数,`0` 代表不自动播放,`1` 表示自动播放。注意使用时可能的等级限制。
[​wyy=0]537854031[​/wyy]
537854031

postbg
设置帖子背景。需要在预设中选择图片,无法自定义。
[​postbg]bg7.png[​/postbg]


password
创建密码帖。只要帖子中存在这个标签,帖子就需要密码来访问。一旦某个用户输入密码,对于那个特定的帖子,似乎就无需再次输入了。
[​password]密码[​/password]

flash / html5video
创建 Flash 视频。可以用两个参数去指定这个窗口的大小。需要用这个标签包裹住 Flash 文件的链接。已弃用,请使用 `html5video` 标签代替它的功能。
[​flash=1080,960]https://cdn.img2ipfs.com/ipfs/QmXaPsE7ZnbZHZVb6oZCV9MaNxV1bDFCwWPUPYhpBhvah8[​/flash]

qq
创建 QQ 连接。[缺少示例]
号码

hide
已弃用,无法使用。
创建一个隐藏内容。如果不提供参数,则回复后可见;如果提供数字参数,那么拥有的积分超过这个数字的用户可见。注意使用时的 Lv.2 等级限制。
text

| 表格标签

table
要创建一个表格,首先应该确定表格的开头和结尾。使用 `[​table]` 开始一个表格,使用 `[​/table]` 结束一个表格。

可以给这个标签两个参数,第一个指定表格宽度(填写百分数时,最高 99%;填写数字时基本无限制),第二个指定表格颜色。这里的颜色,格式与 `color` 标签的相同,既支持预设值,又支持十六进制和 rgba 表示。

tr
在表格内部,`tr` 标签定义表格的一行。比如 `` 就是一行。

可以给它一个参数,决定这一行的背景色,格式与 `color` 标签的相同。

td
在 `tr` 标签内部,`td` 标签定义表格的列。比如 `物品 1物品 2`。

可以给它一个参数,决定这一列的宽度。

整个表格的示例:```BBCode

标签类型实例
简单标签
表格标签
分页标签

```
标签类型实例简单标签 表格标签 分页标签

| 分页标签

分页和目录功能仅能在电脑端的主题内使用。

page
可以用 `page` 标签分隔帖子的内容,形成若干页,例如 `[​page]`。此标签无需闭合。

index
可以用 `index` 标签为帖子添加目录。

首先,需要用 `[​index]` 和 `[​/index]` 来标定目录索引的开始和结束。在这里面,我们需要用 `[#页数]` 指定这个条目所连接的页数,后面加上目录中的显示文字。还可以在 `[#页数]` 之前添加 `*`,表示缩进。
```BBCode
```

| Markdown 标签

md
此标签用于启用 Markdown 功能,被这个标签包裹的文本会被当作 Markdown 文本解析。

已知 Markdown 中的 `~~` 删除线语法~无效~,脚注功能基本无效。除此之外,大部分语法都有效。

以下是测试有效的部分 Markdown 语法:列表:

有序:
1. 内容
2. 内容

无序:
+ 内容
- 内容
* 内容
(三种符号皆可)

效果:
有序:
1. 内容
2. 内容

无序:
+ 内容
- 内容
* 内容

---

加粗,某些字体无效:
** 内容 **
或者
__ 内容 __

斜体,某些字体无效:
_ 内容 _

粗斜体,某些字体无效:
*** 内容 ***
或者
___ 内容 ___

效果:
**粗体**
_斜体_
***粗斜体***

---

文字链接:
[链接文本](https://klpbbs.com)

图片链接:
![替代文本,平时隐藏,无法加载图片时显示](https://klpbbs.com/static/image/hrline/line9.png)

文字链接和图片链接可以嵌套,做出点击图片跳转到只有图片的页面的效果。

效果:
[链接文本](https://klpbbs.com)
![替代文本](https://klpbbs.com/static/image/hrline/line9.png)

---

行内代码块:
使用 `print("Hello World")` 输出信息。

段落代码块:
```python
def hello_world():
    print("Hello World")
```
使用```{语言}标记代码块的开始和语言(代码将按照这个语言的语法规则高亮),使用另一个```结束代码块,或者使用四个空格的缩进表示代码块。

段落代码块似乎会将屏幕宽度识别出错,导致帖子内容溢出屏幕。除了 `spoiler` 标签外,似乎没有办法防止这种情况发生,而且 `spoiler` 展开后仍然会溢出屏幕。

以下是一些可能可用的语言名称和它们对应的标识符(需要测试可用性):
* C: c
* C++: cpp 或 cplusplus
* C#: cs 或 csharp
* CSS: css
* HTML: html
* JavaScript: js 或 javascript
* JSON: json
* Java: java
* Python: py 或 python
* PHP: php
* Ruby: rb 或 ruby
* Go: go
* Rust: rs 或 rust
* SQL: sql
* Bash/Shell: bash 或 sh
* Markdown: markdown
* YAML: yaml
* XML: xml
(已略去更多)

效果:
使用 `print("Hello World")` 输出信息。
```python
def hello_world():
    print("Hello World")
```

---

引用:
引用使用大于号 `>` 开头。
> 这是一个引用段落。

引用必须有至少一个空行作为结尾。

效果:
> 这是一个引用段落。

---

一级标题,自带紧跟着的细分割线:
# 测试

二级标题,自带紧跟着的细分割线:
## 内容

或者它的等效替代

内容
---

三级标题,没有分割线:
### 内容

四级标题,没有分割线:
#### 内容

五级标题,没有分割线:
##### 内容

六级标题,没有分割线,灰色小字:
###### 内容

效果:
# 标题 1

## 标题 2

### 标题 3

#### 标题 4

##### 标题 5

###### 标题 6

---

粗分割线(三者皆可),比 hr 粗:
***
---
___

效果:
---

---

表格:

| 列1 | 列2 | 列3 |
| --- | --- | --- |
| 内容 | 内容 | 内容 |
| 内容 | 内容 | 内容 |

可以在表格中添加 - 表示它上方的一行是表头。- 的数量任意。

| 左对齐 | 居中对齐 | 右对齐 |
| :--- | :---: | ---: |
| 单元格 | 单元格 | 单元格 |
| 单元格 | 单元格 | 单元格 |

可以使用对齐功能。

效果:
| 列1 | 列2 | 列3 |
| --- | --- | --- |
| 内容 | 内容 | 内容 |
| 内容 | 内容 | 内容 |

| 左对齐 | 居中对齐 | 右对齐 |
| :--- | :---: | ---: |
| 单元格 | 单元格 | 单元格 |
| 单元格 | 单元格 | 单元格 |

提示:大部分标签可以相互嵌套,比如嵌套表格,利用好这一点可以做出精美排版的帖子。

https://klpbbs.com/static/image/hrline/line9.png

历史时间事件
2025 / 2 / 13创建帖子。
2026 / 2 / 17改进了排版,补充了信息。


## 计划
+ 改进目前的原代码展示,尽量不用 code 的同时让它易于观看和获取。目前方案不易于获取。

MC平方 发表于 2025-2-17 10:30:45

我最好奇的一点设置贴子背景背景如何自定义?
页: [1]
查看完整版本: BBCode 速查手册:从入门到精通的标签用法与示例全集