BBCode 使用指南

简介

什么是 BBCode？
BBCode 是一种特殊的 HTML 实现方式。 您能否在帖子中使用 BBCode 由管理员设定. 此外您可以在发表的时候设定帖子是否使用 BBCode。 BBCode 本身和 HTML 相似， 标签由方括号 [ 和 ] 封装而不是 < 和 > ，并且它能提供更多的显示控制。 取决于您使用的模板，您会发现在发布帖子的过程中使用可点击的界面添加 BBCode 非常容易。 即使如此， 以下的内容对您还是很有用的。

文本格式

如何创建粗体字，斜体字和下划线字
BBCode 包含了允许您快速更改文字基础风格的标签。 这由以下方法实现：
  • 用[b][/b]封装一段文字使其变粗， 例如：

    [b]Hello[/b]

    将变成 Hello
  • 添加下划线则使用 [u][/u]， 例如：

    [u]Good Morning[/u]

    变成 Good Morning
  • 变成斜体使用 [i][/i]， 例如：

    This is [i]Great![/i]

    将得到 This is Great!
如何改变文字的颜色和大小
下列标签可以用于改变文字的颜色和大小。 需要记住的是显示效果将取决于浏览者使用的浏览器和操作系统：
  • 改变文字的颜色使用标签 [color=][/color]。 您可以指定一个可被识别的颜色 (例如 red, blue, yellow, 等等。) 或者是十六进制数组， 例如 #FFFFFF, #000000。 举个例子， 要来一段红色的文字您可以使用：

    [color=red]Hello![/color]

    或者

    [color=#FF0000]Hello![/color]

    它们将会输出 Hello!
  • 类似的, 改变文字的大小使用标签 [size=][/size]。 这个标签取决于用户所选择的界面模板， 不过建议的格式是体现文字百分比大小的数字值， 从20 (非常小) 开始直到200 (非常大)。 例如：

    [size=30]SMALL[/size]

    将输出 SMALL

    以及：

    [size=200]HUGE![/size]

    将显示 HUGE!
我可以使用标签组合吗？
当然可以， 例如为了引起注意您可以这样写：

[size=200][color=red][b]LOOK AT ME![/b][/color][/size]

这将输出 LOOK AT ME!

我们不推荐您在帖子中大量使用这样形式的文字， 因为这样会引起他人反感。 在使用的过程中请注意每个标签都必须正确关闭， 否则不能正常解析。下列的例子就是错误的：

[b][u]This is wrong[/b][/u]

引用和输出固定宽度文字

在回复中引用文字
引用文字有两种方式， 带引用名或者不带。
  • 当您利用引用功能回复一个帖子时， 您会注意到添加到内容中的帖子文字被 [quote=""][/quote] 包围起来。 这种方式会带被引用的用户名。 例如要引用Mr. Blobby 写的一段文字， 您可以输入：

    [quote="Mr. Blobby"]Mr. Blobby 写的文字[/quote]

    显示中会自动在引用的文字前添上 "Mr. Blobby 写道:"。 记住您 必须 在您引用的人名外加上双引号 ""。
  • 第二种方式可以进行随意的引用。 在帖子中使用 [quote][/quote] 标签即可。 当您查看帖子时， 这将在文字前显示一个引用块。
输出代码或固定宽度数据
如果您需要输出一段固定宽度的代码或其他任何东西， 例如 Courier 字体， 您必须将文字包含在 [code][/code] 标签中， 例如

[code]显示 "This is some code";[/code]

所有使用 [code][/code] 标签包围的文字格式将会以原来的形式显示。

创建列表

创建无序列表
BBCode 支持两种列表， 有序的和无序的。 他们本质上在 HTML 中是一样的。 一个无序的列表依次输出每个元素。 创建一个无序的列表您可以使用 [list][/list] 并在列表中使用 [*] 定义每个元素。 例如列出您最喜爱的颜色：

[list]
[*]Red
[*]Blue
[*]Yellow
[/list]

它会显示下面的样子：
  • Red
  • Blue
  • Yellow

另外您可以替换元素前的符号 [list=disc][/list]， [list=circle][/list]， 或者 [list=square][/list]。
创建有序列表
第二种列表, 有序的列表让您可以控制每个元素前显示的符号。 创建一个有序列表可以使用 [list=1][/list] 来创建一个数字列表，或者用 [list=a][/list] 生成一个字母排序的列表。 同无序列表一样，用 [*] 来定义元素。 例如：

[list=1]
[*]Go to the shops
[*]Buy a new computer
[*]Swear at computer when it crashes
[/list]

会生成下面的列表:
  1. Go to the shops
  2. Buy a new computer
  3. Swear at computer when it crashes
字母排序的有序列表是这样的:

[list=a]
[*]The first possible answer
[*]The second possible answer
[*]The third possible answer
[/list]

显示为
  1. The first possible answer
  2. The second possible answer
  3. The third possible answer

[list=A]
[*]The first possible answer
[*]The second possible answer
[*]The third possible answer
[/list]

显示为
  1. The first possible answer
  2. The second possible answer
  3. The third possible answer

[list=i]
[*]The first possible answer
[*]The second possible answer
[*]The third possible answer
[/list]

显示为
  1. The first possible answer
  2. The second possible answer
  3. The third possible answer

[list=I]
[*]The first possible answer
[*]The second possible answer
[*]The third possible answer
[/list]

显示为
  1. The first possible answer
  2. The second possible answer
  3. The third possible answer

创建链接

链接到其它网站
phpBB BBCode 可以通过好几种方式创建链接 ( URIs, Uniform Resource Indicators, 也叫 URLs)。
  • 首先可以使用 [url=][/url] 标签，无论您在等号后面添加什么内容，他都将变成一个链接。例如指向 phpBB.com 的链接，您可以使用：

    [url=https://www.phpbb.com/]Visit phpBB![/url]

    这将生成链接: Visit phpBB! 请注意链接会在同一个窗口还是新窗口中打开取决于用户的浏览器设置
  • 如果您希望链接的文字本身显示这个链接，您可以使用：

    [url]https://www.phpbb.com/[/url]

    这将生成链接: http://www.phpbb.com/
  • 另外， phpBB 允许一些自动链接检测， 这将任何语法正确的链接转变为可以点击的链接， 您可以不必输入标签以及 https://. 例如输入 www.phpbb.com 到内容中，将在浏览帖子时自动转换为 www.phpbb.com 输出.
  • 对于email地址也是一样的，您可以使用标签指定，例如：

    [email][email protected][/email]

    输出 [email protected] 或者您也可以只输入 [email protected]， 这将在浏览帖子时自动被转换为email链接。
对于所有的BBCode， 您可以在外面使用链接标签封装，例如 [img][/img] (see next entry)，[b][/b]，等等。同其它标签一样，它是否正常工作取决于您是否按嵌套顺序正确的关闭每个标签，例如:

[url=https://www.phpbb.com/][img]https://www.phpbb.com/theme/images/logos/blue/160x52.png[/url][/img]

是 不正确 的，这将导致您的帖子显示不正常，所以要格外注意。

在帖子中显示图片

在帖子中添加图片
phpBB BBCode 集成了在帖子中显示图片的标签。请在使用这个标签时注意两点： 许多用户可能对帖子中大量的图片产生厌烦，而且您输入的图片地址必须是存在于互联网上的 (它不能只存在于您自己的电脑上，除非您的电脑是一台网上的服务器!)。要显示一幅图片，您必须在图片的链接地址两边使用 [img][/img] 标签包围。例如：

[img]https://www.phpbb.com/theme/images/logos/blue/160x52.png[/img]

就像上面链接部分提到的，您可以用 [url][/url] 标签包围图片，例如

[url=https://www.phpbb.com/][img]https://www.phpbb.com/theme/images/logos/blue/160x52.png[/img][/url]

将生成:

在帖子中添加附件
新的 [attachment=][/attachment] BBCode 允许您在帖子中任何地方添加附件，如果论坛管理员启用了附件功能，并且您有发表附件的权限。在发布帖子的窗口可以通过附件下拉菜单（或是按钮）将附件粘贴到帖子中。

嵌入的媒体

如何在帖子中嵌入其它网站的媒体内容
用户可以嵌入来自所允许的网站的视频和音频内容，使用 [media][/media] 标签， 或者直接以文本贴入支持的网址 URL 例如：

[media]https://youtu.be/Ne18ZQ7LLI0[/media]

注意上面，链接也可以直接使用，而不带 [media] tags.

这个例子会生成：



下面这些网站可以使用：
abcnews, acast, anchor, applepodcasts, audioboom, audiomack, audius, bandcamp, bbcnews, bitchute, bluesky, brightcove, bunny, captivate, castos, cbsnews, clyp, cnbc, cnn, cnnmoney, codepen, comedycentral, coub, crankers, dailymotion, democracynow, dumpert, eighttracks, espn, facebook, falstad, flickr, foxnews, funnyordie, gamespot, getty, gifs, giphy, gist, globalnews, gofundme, googledrive, googleplus, googlesheets, hudl, hulu, ign, imdb, imgur, indiegogo, instagram, internetarchive, izlesene, jsfiddle, jwplatform, kaltura, khl, kickstarter, libsyn, liveleak, mailru, mastodon, medium, megaphone, metacafe, mixcloud, mlb, mrctv, msnbc, nachovideo, natgeochannel, natgeovideo, nbcnews, nhl, npr, nytimes, odysee, omny, on3, orfium, pastebin, peertube, pinterest, podbean, prezi, reddit, rumble, rutube, scribd, sendvid, slideshare, soundcloud, sporcle, sportsnet, spotify, spreaker, steamstore, strawpoll, streamable, teamcoco, ted, telegram, theatlantic, theguardian, theonion, threads, tiktok, tmz, tradingview, traileraddict, trendingviews, tumblr, twentyfoursevensports, twitch, twitter, ustream, vbox7, veoh, vevo, videodetective, vimeo, vine, vk, vocaroo, vox, washingtonpost, wavekit, wistia, wshh, wsj, xboxclips, xboxdvr, xenforo, youku, youmaker, youtube.

访问 MediaEmbed Plugin Documentation 可以查看完整的文档，包括支持的网站和网址列子。

其他内容

我能添加自己的标签吗？
如果您是这个论坛的管理员并且拥有相应的权限，您可以通过自定义 BBCode 添加更多的 BBCodes。

Advanced BBCodes

字体
[font=Comic Sans MS]文字[/font]

Example:
[font=Comic Sans MS]The quick brown fox jumps over the lazy dog[/font]

Result:

The quick brown fox jumps over the lazy dog

文字高亮
[highlight=yellow]文字[/highlight] 提示：您也可以使用 color=#FF0000

Example:
[highlight=yellow]The quick brown fox jumps over the lazy dog[/highlight]

Result:

The quick brown fox jumps over the lazy dog

文字对齐
[align=center|left|right|justify]文字[/align]

Example:
[align=center]The quick brown fox jumps over the lazy dog[/align]

Result:

The quick brown fox jumps over the lazy dog

飘移文字
[float=left|right]文字[/float]

Example:
[float=right]The quick brown fox jumps over the lazy dog[/float]

Result:

The quick brown fox jumps over the lazy dog

删除
[s]文字[/s]

Example:
[s]The quick brown fox jumps over the lazy dog[/s]

Result:

The quick brown fox jumps over the lazy dog

上标
[sub]文字[/sub]

Example:
[sub]The quick brown fox jumps over the lazy dog[/sub] The quick brown fox jumps over the lazy dog

Result:

The quick brown fox jumps over the lazy dog The quick brown fox jumps over the lazy dog

下标
[sup]文字[/sup]

Example:
[sup]The quick brown fox jumps over the lazy dog[/sup] The quick brown fox jumps over the lazy dog

Result:

The quick brown fox jumps over the lazy dog The quick brown fox jumps over the lazy dog

发光
[glow=color]文字[/glow]

Example:
[glow=red]The quick brown fox jumps over the lazy dog[/glow]

Result:

The quick brown fox jumps over the lazy dog

阴影
[shadow=color]文字[/shadow]

Example:
[shadow=blue]The quick brown fox jumps over the lazy dog[/shadow]

Result:

The quick brown fox jumps over the lazy dog

3D 阴影
[dropshadow=color]文字[/dropshadow]

Example:
[dropshadow=blue]The quick brown fox jumps over the lazy dog[/dropshadow]

Result:

The quick brown fox jumps over the lazy dog

文字模糊
[blur=color]文字[/blur]

Example:
[blur=blue]The quick brown fox jumps over the lazy dog[/blur]

Result:

The quick brown fox jumps over the lazy dog

文字渐入/渐出
[fade]文字[/fade]

Example:
[fade]The quick brown fox jumps over the lazy dog[/fade]

Result:

The quick brown fox jumps over the lazy dog

保留格式
[pre]文字[/pre]

Example:
[pre]The quick brown fox jumps over the lazy dog The quick brown fox jumps over the lazy dog[/pre]

Result:
The quick brown fox jumps over the lazy dog
	The quick brown fox jumps over the lazy dog
文字方向
[dir=ltr|rtl]文字[/dir]

Example:
[dir=rtl]The quick brown fox jumps over the lazy dog[/dir]

Result:

The quick brown fox jumps over the lazy dog

跑马灯
[marq=up|down|left|right]文字[/marq]

Example:
[marq=left]The quick brown fox jumps over the lazy dog[/marq]

Result:

The quick brown fox jumps over the lazy dog

剧情透露
[spoil]文字[/spoil]

Example:
[spoil]The quick brown fox jumps over the lazy dog[/spoil]

Result:
显示剧情透露

The quick brown fox jumps over the lazy dog

对访客隐藏
[hidden]文字[/hidden]

Example:
[hidden]The quick brown fox jumps over the lazy dog[/hidden]

Result:
隐藏内容你必须登入/注册才可观看隐藏内容
登录注册
警告
[mod=username]文字[/mod]

Example:
[mod=用户名]The quick brown fox jumps over the lazy dog[/mod]

Result:
!
短信 从： 用户名

The quick brown fox jumps over the lazy dog

离题
[offtopic]文字[/offtopic]

Example:
[offtopic]The quick brown fox jumps over the lazy dog[/offtopic]

Result:
ℹ
离题

The quick brown fox jumps over the lazy dog

ASCII 文字艺术
[nfo]文字[/nfo]

Example:
[nfo]༼ つ ◕_◕ ༽つ ʕ•ᴥ•ʔ ¯\_(ツ)_/¯[/nfo]

Result:
༼ つ ◕◕ ༽つ    ʕ•ᴥ•ʔ   ¯\_(ツ)/¯
插入视频
[bbvideo]http://video_url[/bbvideo]

Example:
[bbvideo]https://www.youtube.com/watch?v=sP4NMoJcFd4[/bbvideo]

Result: