语法

一些本站点站务员给予读者及写手的建议与指导: 站务的废话：

文本样式

行内样式

语法	示例
`//斜体//`	斜体
`粗体`	粗体
`//粗斜体//`	粗斜体
`__底线__`	底线
`--删除线--`	删除线
`{{等宽字(monospaced text))}}`(英语限定)	`(monospaced text)`
`[[span style="font-family:Microsoft YaHei"]]中文等宽字[[/span]]`	中文等宽字
`普通^^上标^^`	普通^上标
`普通,,下标,,`	普通_下标
`[!-- 不可见内容 --]`
`[[span style="color:red"]]自定义//span//元素[[/span]]`	自定义span元素
`##blue\|预设## 或 ##44FF88\|自定义色码## 颜色`	预设或自定义色码颜色
`[[span class="ruby"]]神金[[span class="rt"]]Divine gold[[/span]][[/span]]`	神金Divine gold
`[[span class="keycap"]]Ctrl[[/span]] + [[span class="keycap"]]C[[/span]]`	Ctrl + C
`[[span class="dblock"]]空空空空空空空空[[/span]]`	空空空空空空空空

文本大小

格式	示例
[[size smaller]]更小的文本[[/size]]	更小的文本
[[size larger]]更大的文本[[/size]]	更大的文本
[[size 80%]]现大小的 80%[[/size]]	现大小的 80%
[[size 100%]]现大小的 100%[[/size]]	现大小的 100%
[[size 150%]]现大小的 150%[[/size]]	现大小的 150%
[[size 0.8em]]现大小的 80%[[/size]]	现大小的 80%
[[size 1em]]现大小的 100%[[/size]]	现大小的 100%
[[size 1.5em]]现大小的 150%[[/size]]	现大小的 150%
[[size xx-small]]超超小文本[[/size]]	超超小文本
[[size x-small]]超小文本[[/size]]	超小文本
[[size small]]小文本[[/size]]	小文本
[[size large]]大文本[[/size]]	大文本
[[size x-large]]超大文本[[/size]]	超大文本
[[size xx-large]]超超大文本[[/size]]	超超大文本
[[size 7px]]文本大小 7 像素[[/size]]	文本大小 7 像素
[[size 18.75px]]文本大小 18.75 像素[[/size]]	文本大小 18.75 像素

文本位置

使用下列代码可以改变文本的位置，以下为相关信息

代码	作用
[[<]]文本[[/<]]	将文本放至最右端
[[>]]文本[[/>]]	将文本放至最左端
[[=]]文本[[/=]]	将文本放至中间

而且应当如下面排列。
[[>]]
文本
[[/>]]

转义解析/原始文本

在文本两侧同行不带空格地包裹上两个 @ 符号即可转义解析并渲染出原始文本，也就是可以精准显示出你在 @ 符号之间放的文本。这一点在显示出被用作 Wikidot 语法样式的符号，或者展示如何自定义文本（就像这个指导一样）时非常好用。

语法	示例
@@//转义//解析@@	//转义//解析

这也可以用作转义解析换行符并阻止 Wikidot 将空行折叠到一起，只需在一行内放下四个 @ 符号即可。

这个代码：

哇真是个大
@@@@
@@@@
@@@@
缺口！

会变成这个文本：

哇真是个大

缺口！

另一种转义解析的方法就是在文本两侧放上 @< 和 >@。这是一种更加高级的方法，且同时可被用于插入 HTML 字符。

这个代码：

会变成这个文本：

Hello world @@ !!!!
[[module ListPages]]
版权所有符号：©

这是唯一一个转义 @@ 的方法，因为用两个 @ 符号的方法来转义 @ 符号并不会起作用。

链接

三个方括号 [[[ ]]] 将可创建一个连接至你正位于的维基上的链接。这是创建链接的推荐语法。

语法	示例	注释
[[[entities]]]	entities	展示与其创建时完全相同的页面名称。
[[[entities\|文本]]]	文本	在你想要显示不同于页面名称的文本时非常好用。
[[[level-NF-0]]]	level NF-0	跟第一个示例一样，只是用了带横杠的页面名称。
[[[Level-NF-0]]]	Level-NF-0	这里用了页面标题来创建链接。
http://www.wikidot.com	http://www.wikidot.com	网址会自动变成链接。
[http://www.wikidot.com wikidot]	wikidot	一个有命名的链接，显示了自定义的文本。

在网址前方式一个星号 * 就可以让链接在新标签页中打开。

*http://www.wikidot.com
[http://www.wikidot.com wikidot]

http://www.wikidot.com
wikidot

很不幸这种方法并不能在页面链接（三括号标记）里使用。如果你想让一个页面链接在新标签页中打开，那么你就需要用到页面的网址，而不仅是页面标题。

注意：一个页面的标题和页面的名称是两个不一样的东西，虽然他们通常很相似以防混淆。

页面的标题指显示在页面顶部的文本。这也就是你在编辑一个页面时在“页面标题”里键入的文本。
页面的名称就是在网址的第一个斜杠后面的文本，也就是网址里在 backrooms-wiki-cn.wikidot.com/ 后面的文本。

图片

这是图片的代码。推荐你使用这个代码。
{name}（名称） - 你图片的名称。应该包含有文件的扩展名，比如 “.jpg”、“.png” 等等。如果该图片并未上传到维基页面之中，那就应该是末尾带有图片扩展名的一条网址。
{caption}（说明文字） - 图片的说明文字。这里的文本可以用 Wikidot 语法来自定义。

伽拉泰亚天下第一。

moke天下第一

[[include component:image-block-base name
|name=图片链接
|caption=描述
]]

若需使用默认的 Wikidot 图片样式，那么可使用以下代码。注意如果你使用这条代码那么将不会有说明文字区域。
{图片来源} - 图片的来源，大概相当于维基的图片标记里的 name（名称）。
{属性} - 附加于图片上的属性，用于修改比如大小、css 样式之类的东西，或者让图片链接到某个网址上。

[[image 图片来源 属性 1="值 1" 属性 2="值 2" ……]]

更多有关如何使用 Wikidot 的图片标记语言的信息，比如可用的属性，可以在 Wikidot 的图片标记文档里找到。

创建节段

标题

标题可以从 1 级（H1）到 6 级（H6）。按照你的喜好给每一级标题多加一个加号 +。标题字体大小会随着级数的增加而减小。

+ 1 级标题
++ 2 级标题
+++ 3 级标题
++++ 4 级标题
+++++ 5 级标题
++++++ 6 级标题

内容列表

代码 [[toc]] 能够创建一个内容列表table of contents，或者说 TOC。这个 TOC 会显示页面上的所有标题。
若需使 TOC 在页面右侧浮动，则使用 [[f>toc]]
若需使 TOC 在页面左侧浮动，则使用 [[f<toc]]

如果你不想要某个特定的标题在 TOC 里显示（比如你用标题样式只是为了外观装饰），那么可以在标题的 + 后放上一个星号 *。

+ 这一节段会在 TOC 里显示
+* 而这一节段则不会

参见该页面的顶部以查看 TOC 的外观。

列表

你可以用星号 * 创建一个无序列表，且可以用井号创建 # 一个有序列表。在星号或井号前加上空格就可以缩进列表。
无序列表和有序列表可以混用。

* 无序列表
 * 这一行缩进了一次
  * 这一行缩进了两次
# 有序列表
 # 这一行缩进了一次
  # 这一行缩进了两次
* 另一个无序列表
 # 里面一层是有序列表
  * 再里面一层又是无序列表
  * 无序列表的另一项
 # 有序列表的另一项

无序列表
- 这一行缩进了一次
  - 这一行缩进了两次

有序列表
1. 这一行缩进了一次
  1. 这一行缩进了两次

另一个无序列表
1. 里面一层是有序列表
  - 再里面一层又是无序列表
  - 无序列表的另一项
2. 有序列表的另一项

引用块

在一行文本前放上一个 > 可以将文本放在引用块内部。你可以增加 > 符号的数量来缩进文本。

> 这是一个引用块。
>> 这是一个带缩进的引用块。
> 更多的文本
>
> 这一行文本上面有一行空行！
> 如果你想在引用块里放空行的话，要记得在 “>” 符号后面放一个空格！

这是一个引用块。

这是一个带缩进的引用块。

更多的文本
这一行文本上面有一行空行！
如果你想在引用块里放空行的话，要记得在 “>” 符号后面放一个空格！

自定义 Div

除 Wikidot 自带的样式之外，后室维基的版式还有数个自定义 div 样式。

[[div class="blockquote"]]
自定义引用块
[[/div]]
[[div class="styled-quote"]]
样式化引用块
[[/div]]
[[div class="dark-styled-quote"]]
暗色样式化引用块
[[/div]]
[[div class="lightblock"]]
亮色块
[[/div]]
[[div class="darkblock"]]
暗色块
[[/div]]

自定义引用块

样式化引用块

暗色样式化引用块

亮色块

暗色块

折叠块

折叠块可以被打开或收起来展开或隐藏文本。

[[collapsible show="+ 展开随便什么" hide="- 收起随便什么"]]
要展开/收起的随便什么文本。
[[/collapsible]]

+ 展开随便什么

如果你有一个特别长的折叠块，你可能会想要让它像在顶端一样可以在文本底部收起折叠。

[[collapsible show="+ 展开随便什么" hide="- 收起随便什么" hideLocation="both"]]
这个折叠块可以同时从顶部与底部收起！
[[/collapsible]]

+ 展开随便什么

表格

表格使用两条竖杠 || 来指定单元格边界的位置。在竖杠的右边放一个波浪号（~ 符号）就可以让那个单元格变为标题单元格。在单元格内一行的末尾放上一个空格和一个下划线 “ _” 就能创建一个新行，使你可以在一个单元格内放下多行文本。

||~ 一行必须以 ||~ 双竖杠开始 ||~ 并以其结尾 ||
|| 单元格要被 || 双竖杠分割 || 什么都没有 ||
|||| 你可以使用 || 多个分隔符 ||
|| 使得单元格 |||| 能跨越多列 ||
|||||| 但要看示例 _
才是最简单 ||

一行必须以	双竖杠开始	并以其结尾
单元格要被	双竖杠分割	什么都没有
你可以使用		多个分隔符
使得单元格	能跨越多列
但要看示例才是最简单

脚注

[[footnote]] 块会在页面的末尾放上一个页面列表。使用 [[footnoteblock]] 可以将脚注列表放在页面里随便一个你喜欢的地方，而不是在页面的底部。

一些文本[[footnote]]以及一个小小的脚注。[[/footnote]]。我们再来另一个脚注[[footnote]]另一个脚注的内容。[[/footnote]]。

[[footnoteblock]]

一些文本²。我们再来另一个脚注³。

你可以用[[footnoteblock title="自定义标题"]] 来给脚注列表创建一个自定义标题。用 {title=""} 来移除标题。

分页

内容可以被分成多个标签页。这在有着多个草稿的沙盒页里特别有用。分页不能直接分别嵌套。可以用高级代码来这么干，但是最好不要嵌套分页。分页也不对页面内容生效，因为 TOC 链接并不能正确链接到标签页的标题内部。

[[tabview]]
[[tab 标签页标题 1 号]]
标签页内容 1 号。
[[/tab]]
[[tab 标签页标题 2 号]]
标签页内容 2 号。
[[/tab]]
[[tab 标签页标题 3 号]]
标签页内容 3 号。
[[/tab]]
[[/tabview]]

标签页内容 1 号。

杂项

分割线

四个或以上的横杠 ---- 可以做出一条分割线，就像下面的一样：

用户信息

若需链接至 Wikidot 用户的资料页，可使用 [[user 用户名]] 或者 [[*user 用户名]].

语法	示例	注释
[[user slothwellHelp]]	slothwellHelp	不会显示用户的个人头像或者业力等级。
[[*user slothwellHelp]]	slothwellHelp	可以显示用户的个人头像以及业力等级。

计时器

这是一个由html模块所制作的计时器，以下是源代码

[[html]]
<script type="text/javascript">
timerID = setInterval('clock()',500);
function clock() {
    document.getElementById("view_clock").innerHTML = getNow();
}
function set2fig(num) {
    var ret;
    if( num < 10 ) { ret = "0" + num; }
    else { ret = num; }
    return ret;
}
function getNow() {
    var now = new Date();
    var year = now.getFullYear();
    var mon = now.getMonth()+1;
    var day = now.getDate();
    var hour = set2fig( now.getHours() );
    var min = set2fig( now.getMinutes() );
    var sec = set2fig( now.getSeconds() );
    var s = year + "/" + mon + "/" + day + " " + hour + ":" + min + ":" + sec;
    return s;
}
</script>
<span id="view_clock">████/██/██ ██:██:██</span>
[[/html]]

事实上这玩意说实话真的没什么用，但依旧可以用在一些需要用的地方

乱码特效

一般来说，乱码特效一般用在格式错乱的文章，并且主要通过html模块实现，而以下模块是一个稳定可靠的实现乱码特效的方法 (从Level 404中搬运)

[[html]]
<body>
<p>
<div class="text" style="display: inline"></div>
</p>
</body>
<style>
@import url(http://www.scp-wiki.net/local--files/theme:scp-offices-theme/scpoffices_theme.css);

.text {
    font-family: var(--header-font);
}

</style>
<script type="text/javascript">
obfu_data = {
"delay":0,
"start_time":40,
"end_time":40,
"disp_time":2000,
"loop":true,
"obfu_chars":"�æ–‡åŒãÃƒÆ’¢â‚¬Å¡€šÂ£ÌÉÏÔËÁÆá ÖóÞ¢ñë╟╨╬╥▐п╠▀šðèæ����¶rg¥s∂в√•»¿Ø§",
"phrases":[
'第一行文字',
'第二行文字',
'第三行文字',
'第四行文字'
]
}
</script>
<script type="text/javascript" src="http://backrooms-wiki.wikidot.com/local--files/level-404/obfuscator.js"></script>
[[/html]]

其中“disp_time”等带有“_time”的代码可以调节速度，"obfu_chars": ",中间的内容可以调节乱码的内容，“ ' ', ”中间的内容可以更改文字

音乐与音频指导

如果你想让音乐自动播放请使用以下代码

[[html]]
<audio autoplay>
  <source src="音乐链接" type="audio/mp3">
</audio>
[[/html]]

如果想使用音频请使用以下代码

[[html]]
<audio controls preload="auto" src={链接}></audio>
[[/html]]

CSS指导

CSS是一种可以在网页里使用的代码，使用CSS可以干到一些难以想象的事情，比如制作组件和版式等，一般来说理论上你并不会用到这些东西，因此只做部分指导

如果你想使CSS请用以下模版

[[module CSS]]
中间是CSS代码
[[/module]]

CSS变量修改

[[module CSS]]
:root {
    --logo-image: url("你的图片链接");
    --header-title: "这是主标题";
    --header-subtitle: "这是副标题";
    --bright-accent: 修改此变量来改变链接颜色 
    --pale-accent: 修改此变量来改变鼠标移到链接上时的链接颜色 
    --newpage-color: 修改此变量来改变指向不存在的页面的链接颜色 
[[/module]]

指导

newfound Backroom

蔚晔