水贴的更多可能：论坛代码BBCode简易教程

渡河公

~水贴的更多可能：论坛代码BBCode简易教程~

目录	前言	作者
序言 入门篇 进阶篇 高级篇+结语	旧站老贴，温故知新 发图相关请直达三楼 本贴的目的是简单地介绍如何使用神社背后Discuz!平台中文本输入支持的BBCode的简单语句，以协助各位在发贴时更好的排版设计、构思个人签名与使用更多附加功能。衷心期望能对看过本贴的各位有所裨益！	渡河公

1.序言

---

      在输入文字的时候，字体加粗、斜体字、彩色字等等简单文字效果是我们一般最常使用的排版效果，在Word等常用办公软件里我们可以直观的看到这些效果的变化。但是在论坛中并不如Word那么简单明了，取而代之会出现了一些[代码]，这些代码便是我们今天的主题，BBCode。
      何为BBCode？BBCode是Bulletin Board Code的缩写，也有译为「BB代码」的，它主要是使用在BBS、论坛、Blog等网络应用上。其最主要的特征就是语法通常为 [标记] 这种形式，即语法左右用两个中括号包围，以作为与正常文字间的区别，宛如一个对称的夹心饼干。

[A语句][B语句][C语句]正文[/C语句][/B语句][/A语句]

      此时，系统解译时遇上中括号便知道该处是BBcode，会在解译结果输出到用户端时转换成最为通用的HTML语法。
以之前提到的三种效果为例：

这是这是加粗的代码
这是斜体的代码
这是彩色字的代码

其背后的代码是：

1. [b]这是这是加粗的代码[/b]
   
2. [i]这是斜体的代码[/i]
   
3. [color=red]这是彩色字的代码[/color]

复制代码

如果将他们一起使用的话：

霊符「夢想封印」

1. [color=red][i][b]霊符「夢想封印」[/b][/i][/color]

复制代码

代码一层层叠加，这就是简单的BBcode使用原理啦。

---

渡河公

2.入门篇

---

      接下来，我们开始逐个介绍一些简单常用的排版编码——

• 加粗
  

---

多年以后，奥雷连诺上校站在行刑队面前，准会想起父亲带他去参观冰块的那个遥远的下午。

1. [b]多年以后，奥雷连诺上校站在行刑队面前，准会想起父亲带他去参观冰块的那个遥远的下午。[/b]

复制代码

• 最常用的代码，一般使用编辑菜单里的按钮“B”来使用。
• 如果在类似个人签名那种没有编辑菜单的情况时，就可以使用代码实现加粗的效果，后面的语句也是类似的情况。
  

• 斜体
  

---

“她是可以成为我母亲的女人！”

1. [i]“她是可以成为我母亲的女人！”[/i]

复制代码

• 使文字倾斜，一般直接使用论坛的编辑按钮“按钮/”来倾斜文字
• 多用于引用文献说明、人物台词时使用。
  

• 文字颜色
  

---

“可恶的重力！”

1. [color=red]“可恶的重力！”[/color]

复制代码

• 颜色代码用于改变文字的颜色，一般是选中文字后，直接使用论坛的编辑工具选择颜色。
• 如果需要重新调整颜色，也记得颜色名，也可以直接手动编辑，例如将“red”改为也“blue”，当然，使用色彩代码也是可以的，例如白色#FFFFFF等。
  

• 文字底色
  

---

“……你们，对我重要的公主殿下做了什么！！”

1. [backcolor=#E0E9EE]“……你们，对我重要的公主殿下做了什么！！”[/backcolor]

复制代码

• 底色代码用于改变代码内文字的底色，一般是选中文字后，直接使用论坛的编辑工具选择颜色。
  

颜色调整等设置同上。

• 如果将以上二者所说的结合起来，就会有一个很有意思的用法：
  

你知道的太多了

1. [backcolor=black][color=black][align=center]你知道的太多了[/align][/color][/backcolor]

复制代码

• 文字颜色和底色都设置为黑色，便可设置为选中后才能看到的文字。
  

• 字体大小
  

---

不能逃避不能逃避不能逃避不能逃避不能逃避不能逃避不能逃避

1. [size=1]不能逃避[/size][size=2]不能逃避[/size][size=3]不能逃避[/size][size=4]不能逃避[/size][size=5]不能逃避[/size][size=6]不能逃避[/size][size=7]不能逃避[/size]

复制代码

• 调整字号大小，范围为1~7号大小。
• 也可以使用pt（磅），格式为[size={大小}pt]。
  

• 字体
  

---

可喜可贺可喜可贺可喜可贺可喜可贺

1. [font=微软雅黑]可喜可贺[/font][font=黑体]可喜可贺[/font][font=宋体]可喜可贺[/font][font=新宋体]可喜可贺[/font]

复制代码

• 用于改变文字字体，一般直接使用论坛的编辑工具选择字体。
• 默认字体为微软雅黑。
  
  

• 下划线
  

---

[101]博丽神社 [102]红魔馆 [103]雾之湖 [104]人间之里

1. [u][101]博丽神社[/u] [u][102]红魔馆[/u] [u][103]雾之湖[/u] [u][104]人间之里 [/u]

复制代码

• 用于给文字增加下划线，一般直接使用论坛的编辑工具“按钮U”。
  

• 对齐方式
  

---

露娜萨

梅露兰

莉莉卡

1. [align=left]露娜萨[/align]
   
2. [align=center]梅露兰[/align]
   
3. [align=right]莉莉卡[/align]

复制代码

• 左中右对齐。
• 对齐内容的内容既可以是文字也可以是图片。
  

• 删除线
  

---

啊 今天也是好天气

1. [s]啊 今天也是好天气[/s]

复制代码

• 将文字中间加一道删除线，是编辑菜单中没有的一个功能。
• 用法非常多样，一般用来表达比较荒唐的念头和真实的想法等。自行体会其中奥妙
  

• 分隔线
  

---

---

1. [hr]

复制代码

• 用于添加一条分隔线，是编辑菜单没有的一个功能。
• 除了可以用于标题，还可以用于划分一些内容，加在内容末端则可以起到“这一部分的结束”的表达效果。
  

渡河公

3.进阶篇

---

      基础篇介绍了平时在使用中最常用的一些功能和基础排版代码。绝大多数人如果掌握以上内容已经足够进行一些简单的排版。接下来的内容依然是由简单的命令组成，但更特殊，或者更加注重与其他代码的搭配嵌套使用。

• 图片
  

---

• 在上传图片时，随着用户组的不同，其能上传的附件大小也不同。
• 什么是图床？图床是指储存图片的服务器，同时允许把图片对外连接。国内外有不少免费的图床网站，选择一款较为靠谱的，上传你所需要附件的图片，生成对应的图片链接后，附加在接下来要讲的代码之中。
  

⑨.jpg

1. [img]https://s3.bmp.ovh/imgs/2023/06/08/dc96d57c566da65f.jpg[/img]

复制代码

• 把图片的链接放在代码[img][/img]之间，即可附上你想要的图片。
• 如果对图片的尺寸不满意，还可以对这个代码稍作修改：
  

1. [img=400,100]https://s3.bmp.ovh/imgs/2023/06/08/dc96d57c566da65f.jpg[/img]

复制代码

• 在[img={width},{height}]中填上你想要的大小，可以修改图片的大小。WILD ⑨
  

• 链接
  

---

不可以涩涩！

1. [url=https://www.bilibili.com/video/BV1GJ411x7h7/]不可以涩涩！[/url]
   
2. [url=https://www.bilibili.com/video/BV1GJ411x7h7/][img]https://s3.bmp.ovh/imgs/2023/06/08/e6a7f3d8728e3d48.gif[/img][/url]

复制代码

• 用于添加超链接效果。
• 可以使文字或图片作为网址超链接，代码为
  1. [url=网址]{文字}[/url]；[url=网址][img]{图片网络地址}[/img][/url]

  复制代码
  
  

• 折叠
  

---

+ 能哭的地方是？  (点击展开)- 能哭的地方是？  (点击折叠)

厕所和父亲的怀抱

1. [jzsjiale_fold=能哭的地方是？]厕所和父亲的怀抱[/jzsjiale_fold]

复制代码

• 用于将内容进行折叠，可使用论坛编辑工具直接完成操作，并且在签名里也可以使用此代码。
• 折叠的作用一般是用于使帖子看起来更简洁明了，折叠的内容不一定是文字，基本上任何内容都可以进行折叠。
  

• 引用
  

---

我们所度过的每一个日常,也许就是连续不断的奇迹

1. [quote]我们所度过的每一个日常,也许就是连续不断的奇迹[/quote]

复制代码

• 用于框出需要特别强调的内容，本文中使用了很多此代码来展示运用了代码后的文本。
• 不能嵌套使用。
  

• 代码
  

---

1. hello world!

复制代码

• 直接展示含代码的文本，而不是将其运行。代码为code。本文中使用了很多此代码来展示运用了代码前的文本。
• 不能嵌套使用。
  

• 骰子 目前暂不支持该功能
  

---

[dice]3d100+100[/dice]

1. [dice]3d100+100[/dice]

复制代码

• 丢骰子。丢的个数和加值可以自行更改。
• 对于安科作者可能会很有用。也许还有论坛投点大赛
  

渡河公

3.高级篇

---

      如果能坚持看到这里，并且基本上大致浏览了上文的内容，那么恭喜你已经掌握了绝大多数的排版技能啦！接下来，高级篇里会将介绍几个较为繁琐的指令。

• 列表

  ---

• 未排序列表
  

• 一级列表条目1
  
  • 二级列表条目1
    
• 一级列表条目2
  
  • 二级列表条目2
    
    • 三级列表条目1
      

1. [list]
   
2. [*]一级列表条目1
   
3. [list]
   
4. [*]二级列表条目1
   
5. [/list]
   
6. [*]一级列表条目2
   
7. [list]
   
8. [*]二级列表条目2
   
9. [list]
   
10. [*]三级列表条目1
    
11. [/list][/list][/list]

复制代码

1. 看起来有点难懂，拆分开来分析： [list][*]一级列表[/list]——这是一级列表
   
2. 
   
3. 在里面再嵌套一层列表： [list][*]一级列表[list][*]二级列表[/list][/list]——这样是二级列表
   
4. 
   
5. 然后再在二级列表里再嵌套一层： [list][*]一级列表[list][*]二级列表[list][*]三级列表[/list][/list][/list]——这样是三级列表
   
6. 
   
7. 如果只需添加条目而不是次级列表，只需再添加一个[*]即可，例如[list][*]条目1[*]条目2[/list]

复制代码

• 排序列表
  

• 金坷垃好处都有啥
  
  
  • 两米以下氮磷钾
    
    
    • 小麦亩产一千八
      
      
      • 一袋能顶两袋撒
        
      
      

1. [list=1]
   
2. [*]金坷垃好处都有啥
   
3. [list=1]
   
4. [*]两米以下氮磷钾
   
5. [list=1]
   
6. [*]小麦亩产一千八
   
7. [list=1]
   
8. [*]一袋能顶两袋撒
   
9. [/list]
   
10. [/list][/list][/list]

复制代码

• 原理同上。
  

• 表格

  ---

  
  
  

  [100]-幽会	[101]-咖啡厅
  [102]-时间推进	[103]-BP摄取

  
  

1. [table=50%]
   
2. [tr][td] [100]-幽会[/td][td] [101]-咖啡厅[/td][/tr]
   
3. [tr][td] [102]-时间推进[/td][td] [103]-BP摄取[/td][/tr]
   
4. [/table]

复制代码

• 用于生成表格。表格中也可以继续加入其它一些代码，例如对齐方式等等
• 每个行通过一个[tr]框定，通过一个个[td]来添加更多的格子。
• 进一步添加[td=列跨度,行跨度,宽度]内的信息来合并单元格，下面来举一个例子：
  

白虎	朱雀
	黄龙	青龙
玄武

1. [table]
   
2. [tr][td=1,2,25]白虎[/td][td=2,1,25]朱雀[/td][/tr]
   
3. [tr][td=25]黄龙[/td][td=1,2,25]青龙[/td][/tr]
   
4. [tr][td=2,1,25]玄武[/td][/tr]
   
5. [/table]

复制代码

• 技巧是需要在合并前预留并删去会被合并的表格位置。
  

• 回复后显示

  ---

• 设置一个回复后才能展开的内容，可以有效的将当前贴子顶置最新
  
  游客，如果您要查看本帖隐藏内容请回复
  
  
  游客，本帖隐藏的内容需要积分高于 10 才可浏览，您当前积分为 0
  
  

1. [hide]千呼万唤始出来[/hide]
   
2. [hide=d3650,100]犹抱琵琶半遮面[/hide]

复制代码

• 进阶用法是可以设置[hide={隐藏时间}，{最低可以查看的用户组权限数}]
  

5.结语

---

      对个人来说，我非常喜欢这个论坛。长久以来作为一个潜水党，也一直想动笔写点什么有用的东西来服务各位。但总为各类杂务所绊，不得开篇，以至于一直从构思到动笔写这篇教程拖了蛮长时间。从语句范围的确定，到逐个指令的实验，再到篇幅的构思与文字的润笔，慢慢体会到文区大佬们能坚持不懈的创作是多么不容易的一件事……咕咕咕
      如果你认为哪里存在误区，请务必在下面回复，我会尽快修正。有缘下一篇内容再见。

墨凡尘

哇！十分棒的教程，使我更炫酷的水帖

Handero

  预言！你的回复可见内容是，
“千呼万唤始出来”

凯凯凯凯凯酱

gooooood。非常好科普，使我水贴更有技术含量。
其实之前为了写文用ai查了一下bbcode的使用方式来着，本来想着整理一下，但既然有人做了，我就摸了（）
另外，一些基本功能都是UI可视的（高级模式中可见），一些进阶的功能才需要用代码的方式进行处理

steve

终于来了

薄荷探测器

终于搬过来了，这下想看教程不用回2.0了（）

放铳居士

学到了！！！！