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、...等。）或者是 3 組十六進位數，例如 #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]echo "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]

giving
  1. The first possible answer
  2. The second possible answer
  3. The third possible answer
回頂端

建立連結

連結到另一個網址
phpBB BBCode 可以透過好幾種方式建立超連結。
  • 首先可以使用 [url=][/url] 標籤，無論什麼類型，在等號後加入的內容都將成為一個連結。例如指向 phpBB.com 的連結，您可以使用：

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

    這將生成連結：Visit phpBB! 請注意！連結是開啟相同視窗或新的視窗，取決於使用者的瀏覽器設定。
  • 如果您希望連結的文字本身顯示這個連結，您可以使用：

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

    這將生成連結如下：https://www.phpbb.com/
  • 另外，phpBB 擁有一種魔法連結功能，這將任何語法正確的連結轉變為可以點選的連結，不需要任何標籤、或甚至是 http:// 開頭。例如輸入 www.phpbb.com 到內容中，將在瀏覽文章時自動轉換為 www.phpbb.com 輸出。
  • 對於 Email 位址也是一樣的，您可以使用標籤指定，例如：

    [email]no.one@domain.adr[/email]

    輸出 no.one@domain.adr 或者您也可以只輸入 no.one@domain.adr，這將在瀏覽文章時自動被轉換為 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 允許您在文章中任何地方加入附加檔案，如果討論區允許使用附加檔案功能，並且您有發表附加檔案的權限。在發表文章的視窗可以透過已上傳附加檔案下面的按鈕，將附加檔案加入到文章中。
回頂端

Embedding Media

How to embed media from other sites into posts
Users can embed content such as videos and audio from allowed sites using the [media][/media] tags, or from simply posting a supported URL in plain text. For example:

[media]https://youtu.be/QH2-TGUlwu4[/media]

As noted above, the link could also be used without the [media] tags.

The example shown here would generate:



The following sites are supported:
abcnews, amazon, anchor, audioboom, audiomack, bandcamp, bbcnews, bitchute, bleacherreport, break, brightcove, castos, cbsnews, clyp, cnbc, cnn, cnnmoney, codepen, comedycentral, coub, dailymotion, democracynow, dumpert, eighttracks, espn, facebook, falstad, flickr, foxnews, funnyordie, gamespot, gametrailers, getty, gfycat, gifs, giphy, gist, globalnews, gofundme, googledrive, googleplus, googlesheets, hudl, hulu, ign, imdb, imgur, indiegogo, instagram, internetarchive, izlesene, jsfiddle, jwplatform, kaltura, khl, kickstarter, libsyn, liveleak, livestream, mailru, medium, megaphone, metacafe, mixcloud, mixer, mlb, mrctv, msnbc, natgeochannel, natgeovideo, nbcnews, nbcsports, nhl, npr, nytimes, orfium, pastebin, pinterest, podbean, prezi, reddit, rumble, rutube, scribd, sendvid, slideshare, soundcloud, sporcle, sportsnet, spotify, spreaker, steamstore, stitcher, strawpoll, streamable, streamja, teamcoco, ted, telegram, theatlantic, theguardian, theonion, tiktok, tmz, tradingview, traileraddict, trendingviews, tumblr, twentyfoursevensports, twitch, twitter, ustream, vbox7, veoh, vevo, videodetective, vimeo, vine, vk, vocaroo, vox, washingtonpost, wistia, wshh, wsj, xboxclips, xboxdvr, youku, youtube.

For complete documentation on supported sites and example URLs, visit the MediaEmbed Plugin Documentation.
回頂端

其他內容

我能加入自己的標籤嗎？
如果您是這個討論區的管理員並且擁有相當的權限，那麼您可以自行定義 BBCode 加入更多的功能。
回頂端

Advanced BBCode Box BBCodes

螢光筆
[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
回頂端
立體影子
[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
回頂端
ASCII文字藝術
[nfo]文字[/nfo]

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

Result:
༼ つ ◕_◕ ༽つ    ʕ•ᴥ•ʔ   ¯\_(ツ)_/¯
回頂端
插入影片
[bbvideo]http://video_url[/bbvideo]

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

Result:
回頂端