虎绿林UBB | 论坛UBB说明 - 版务

使用范围

你可以在论坛帖子正文、回复、聊天室发言和内信的正文中使用UBB（标题中不能使用）。

支持的html标签

虎绿林支持用于嵌入网页的iframe标签，详见：https://hu60.cn/q.php/bbs.topic.101478.html

如果要使用其他html标签，需要放进[html][/html]UBB，详见：https://hu60.cn/q.php/bbs.topic.101501.html

基本格式

虎绿林的UBB有两种基本格式（还有几种特殊格式用于表情和@消息等），其一是传统的UBB：

[标签名]内容[/标签名]

或者

[标签名=参数]内容[/标签名]

其二是中文风格的UBB，使用书名号（《》）作为开始结束标记，全角冒号（：）作为标签名和参数的分隔符，全角逗号（，）分隔多个参数，且标签名也是中文的。例如：

《图片：http://hu60.cn/tpl/classic/img/hulvlin2.gif，一只谷歌鸟》

传统风格和中文风格大都是对应的，但也有些不对应。

UBB列表

Markdown模式

在帖子的开头加上如下内容，帖子将开启Markdown模式：

或者简写为

<!md>

Markdown模式不仅可以使用Markdown标记，也可以使用其他的虎绿林UBB标记。这篇帖子就是在Markdown模式下用虎绿林的[code]等标记写出来的。
必须位于第一行，且前面不能有任何多余内容，否则不会生效。
可写成 ，空格不是必须的。

Markdown语法说明

（自动添加markdown开始标记的插件）

虎绿林支持 Github Flavored Markdown 语法。

Markdown语法参考：https://hu60.cn/q.php/bbs.topic.94992.1.html

特别要注意，*内容* 在markdown里表示斜体，所以如果你的代码包含*号，一定要用反引号包围起来：

`d = a*b*c`

不用反引号的效果就是*消失了：

d = abc

文本框

可自定义样式的文本框，仅能显示纯文本内容。点击上方的“文本框”链接可以切换为多行输入框，方便复制内容。

（文本框插件）

[text]内容[/text]
[text=css样式]内容[/text]

演示：

[text]
这是
一个


默认样式
文本框，


内容超出显示区域
会出现滚动条。


默认样式为：
border: solid black 1px; height:300px; overflow: scroll; padding: 5px; white-space: pre
[/text]

文本框

这是
一个

默认样式
文本框，

内容超出显示区域
会出现滚动条。

默认样式为：
border: solid black 1px; height:300px; overflow: scroll; padding: 5px; white-space: pre

[text=height: 100px; width: 300px; overflow:hidden; background: #eee; padding: 5px; white-space: pre]
这是
一个
自定义CSS的
文本框
没有边框
和滚动条
[/text]

文本框

这是
一个
自定义CSS的
文本框
没有边框
和滚动条

嵌入HTML代码

[html]任意HTML代码[/html]

[html=内容高度]任意HTML代码[/html]

[html=内容宽度,内容高度]任意HTML代码[/html]

详见：https://hu60.cn/q.php/bbs.topic.101501.1.html

演示：

HTML代码

视频和音频（演示）

《视频：视频网站链接》
《音频：音频网站链接》
《视频流：视频文件下载地址》
《音频流：音频文件下载地址》

此外还可以使用iframe标签嵌入视频音频内容：https://hu60.cn/q.php/bbs.topic.101478.html

表情

推荐使用：表情插件

你可以在内容中插入表情图片（就像QQ那样）。表情UBB有三种格式（表情列表）：

{表情名}
《：表情名》
《表情：表情名》

最后一种格式还支持自定义图片：

《表情：图片地址》

如：

《表情：https://file.hu60.cn/avatar/1.jpg》

@通知

@通知的基本格式是@用户名注意，用户名后面要加一个空格，否则可能不会生效。详见这个帖子。

如果有人@你，你可以在页面顶部看到提示，点击@消息中的链接即可进入对方@你的那个页面。

图片

推荐使用：图文快贴插件

插入图片的UBB有四个：

[img]图片地址[/img]
《图片：链接地址》
[img=图片地址]不显图时显示的文字[/img]
《图片：图片地址，不显图时显示的文字》

PS：图片ubb支持base64编码内容的直接嵌入：

《图片：data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEAYABgAAD/4QAiRXhpZgAATU0AKgAAAAgAAQESAAMAAAABAAEAAAAAAAD/2wBDAAIBAQIBAQICAgICAgICAwUDAwMDAwYEBAMFBwYHBwcG》

可以在图片URL后面加#处理方法进行图像旋转或者指定显示高宽，见该教程：
https://hu60.cn/q.php/bbs.topic.98926.1.html

链接

在大多数情况下，你不需要写UBB，直接贴一个网址就会自动生成一个链接，如：http://www.baidu.com/
不过如果你的网址含有特殊内容（比如中文），可能会被截断，这时候就需要手动写UBB了。
生成链接的UBB有六个：

[url]链接地址[/url]
《链接：链接地址》
[url=链接地址]显示文字[/url]
《链接：链接地址，显示文字》
《外链：链接地址》
《外链：链接地址，显示文字》

注意，除了“外链”的链接地址不需要以http://开头以外，其他四个的链接地址必须以http://开头，否则不能正常访问（浏览器会认为不以http://开头的地址是一个站内链接）。

可以在[url]和[/url]之间使用以下UBB（仅列出开始标记），用来改变链接文字的显示效果：

[b]
[i]
[u]
[center]
[left]
[right]
[color]
[span]
[div]
[img]
《图片：》
《缩略图：》

演示：https://hu60.cn/q.php/bbs.topic.95444.html

代码高亮

可以使用以下UBB对代码进行高亮：

[code=代码类型]代码内容[/code]

支持php、sql、c、java等常见代码的高亮。

如果不指定代码类型，默认类型为php，例：

[code]phpinfo();[/code]

代码将做为php高亮（即使没有开始标记<?php，代码也能正常高亮）。

如果你的代码中包含“[code]”字样，你应该把代码高亮标签另起一行，并且这一行不要包含任何其他内容，比如：

[code]
echo '这是[code]标签[/code]的演示';
[/code]

这样才不会被误匹配。

网页插件导入

代码高亮UBB还可以用于网页插件导入，详见：

https://hu60.cn/q.php/bbs.topic.103325.html

LaTeX文档

高亮语言设为latex即可使用LaTeX文档语法进行排版：

[code=latex]
\[
\begin{cases}\int_\Omega \nabla \mathbf{F}&=\int_\Gamma \mathbf{F}\cdot d\mathbf{S} \\
   u&=g_0,\quad \Gamma_D \\
  \partial_n u&=g_1 ,\quad \Gamma_N
\end{cases} \]
[/code]

\[ \begin{cases}\int_\Omega \nabla \mathbf{F}&=\int_\Gamma \mathbf{F}\cdot d\mathbf{S} \\ u&=g_0,\quad \Gamma_D \\ \partial_n u&=g_1 ,\quad \Gamma_N \end{cases} \]

复杂例子：https://hu60.cn/q.php/bbs.topic.95012.html

数学公式

有[math]a+b[/math]和《公式：a+b》两种形式：

求a的平方根可以等效成求 [math]f(x) = x^2 - a[/math] 的根，有了上述数学知识后：

- 任意选取一个数 [math]a_{0}[/math]，该点坐标是 [math](a_{0},f(a_{0}))[/math]
- 该点与二次函数 《公式：f(x) = x^2 - a》 上的切线方程为 《公式：f(x) - f(a_{0}) = f'(a_{0})(x - a_{0})》
- 切线与x轴相交的点为： 《公式：(a_{0} - \frac{f(a_{0})}{f'(a_{0})}, 0)》
- 过该点与x轴的垂线与二次函数相交与 《公式：a_{1}》， 《公式：a_{1}》 的坐标为 《公式：(a_{1},f(a_{1}))》，其中 《公式：a_{1} = a_{0} - \frac{f(a_{0})}{f'(a_{0})}》
- ......
- 所以 《公式：a_{n+1} = a_{n} - \frac{f(a_{n})}{f'(a_{n})}》

化简： [math]a_{n+1} = a_{n} - \frac{a_{n}^{2}-a}{2a_{n}} = \frac{a_{n}+\frac{a}{a_{n}} }{2}[/math]

也有人把这种方程叫做状态转移方程，其中 a 待代开根的值, 《公式：a_{n+1}》 为n+1次迭代后的平方根，n越大越趋近于实际值

求a的平方根可以等效成求 f(x) = x^2 - a 的根，有了上述数学知识后：

任意选取一个数 a_{0}，该点坐标是 (a_{0},f(a_{0}))
该点与二次函数 f(x) = x^2 - a 上的切线方程为 f(x) - f(a_{0}) = f'(a_{0})(x - a_{0})
切线与x轴相交的点为： (a_{0} - \frac{f(a_{0})}{f'(a_{0})}, 0)
过该点与x轴的垂线与二次函数相交与 a_{1}， a_{1} 的坐标为 (a_{1},f(a_{1}))，其中 a_{1} = a_{0} - \frac{f(a_{0})}{f'(a_{0})}
......
所以 a_{n+1} = a_{n} - \frac{f(a_{n})}{f'(a_{n})}

化简： a_{n+1} = a_{n} - \frac{a_{n}^{2}-a}{2a_{n}} = \frac{a_{n}+\frac{a}{a_{n}} }{2}

也有人把这种方程叫做状态转移方程，其中 a 待代开根的值, a_{n+1} 为n+1次迭代后的平方根，n越大越趋近于实际值

摘自 https://hu60.cn/q.php/bbs.topic.95270.html

换行

一般你可以直接按回车键来插入换行。但是如果不行，你可以使用以下UBB：

[br]

四个空格

一般你可以直接输入空格。但是你也可以用

[tab]

这相当于输入四个空格。

分隔线

使用以下UBB可以产生水平分隔线

[hr]

分隔线的效果如下：

分隔线会自动换行，不需要插入多余的换行。

文字样式

[b]加粗文字[/b]
[i]斜体文字[/i]
[u]文字加下划线[/u]

如果要叠加多种效果，必须正确嵌套，如产生粗斜体且加下划线：

[b][i][u]粗斜下划线测试[/u][/i][/b]

“嵌套”并不是指一定要按b i u的顺序，而是指如果你按b i u的顺序开始，就必须以u i b（与开始顺序相反）的顺序结束，保证标签看起来是一层套着一层的。你也可以写成

[u][b][i]粗斜下划线测试[/i][/b][/u]

版权信息

《版权：授权协议名》

防止UBB被匹配

[empty] 标签是一个空标签，UBB匹配结束后，它会被直接去除。
有时候你可能想要让UBB原样显示，这时就可以使用 [emtpy] 标签。如：

《图[empty]片：http://g.cn/a.jpg》

把 [empty] 插入UBB的标签名之间，因为 [empty] 打断了正常的UBB匹配，所以UBB就可以原样显示了。
要原样输出 [empty] 标签，只要写成 [em[empty]pty] 就可以了。
把内容放在高亮代码里面也可以避免UBB被匹配。

自定义CSS

块标记

[div=这里是作用于这一块的css样式]内容[/div]

行内标记

[span=这里是作用于这一部分的css样式]内容[/span]

颜色标记

[color=颜色]内容[/color]

可以自由产生丰富的内容样式和颜色。如：
绿色和红色的文字

绿色和红色的文字

示例：CSS跑马灯

[div=animation:marquee 3s linear infinite]
[span=color:#fff;font-size:10px;background:#33CC99;padding:2px 5px;border-radius:3px;margin-left:5px]遥遥领先[/span]
[/div]

遥遥领先

PS：现在块标记和行内标记是基本安全的，不会因为未正常结束而打乱版面。当然如果作者刻意书写变态CSS，那也没办法。这样的作者可能会被禁用块标记和行内标记。

回复列表(133|隐藏机器人聊天)