基本代码
字体样式
| 你所打的文字 | 你将看见的文字 |
|---|---|
| //斜体// | 斜体 |
| **粗体** | 粗体 |
| //**粗斜体**// | 粗斜体 |
| __底线__ | 底线 |
| --删除线-- | 删除线 |
| {{等宽字(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"]]Pīnyīn huò qítā wénzì biāoshì[[/span]][[/span]] | 拼音或其他文字标示Pīnyīn huò qítā wénzì biāoshì |
| [[span class="keycap"]]Ctrl[[/span]] + [[span class="keycap"]]C[[/span]] | Ctrl + C |
字体大小
字体大小可以用 [[size …]] … [[/size]]设定。
相对字体大小
相对字体大小基于现时的字体 — 它们放大或缩小目前的字体大小。用[[size smaller]]，[[size larger]]，[[size nem]]，或[[size n%]](n是1-5位连小数点的数字)去指定相对字体大小。| 你所打的文字 | 你将看见的文字 |
|---|---|
| [[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 x-small]]，[[size small]]，[[size large]]，[[size x-large]]，[[size xx-large]]，或[[size npx]],(n是1-5位连小数点的数字)去指定绝对字体大小。| 你所打的文字 | 你将看见的文字 |
|---|---|
| [[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像素大小字型 pixels[[/size]] | 7像素大小字型 |
| [[size 18.75px]]18.75像素大小字型[[/size]] | 18.75像素大小字型 |
转义解析/原始文本
在文本两侧同行不带空格地包裹上两个 @ 符号即可转义解析并渲染出原始文本，也就是可以精准显示出你在 @ 符号之间放的文本。这一点在显示出被用作 Wikidot 语法样式的符号，或者展示如何自定义文本（就像这个指导一样）时非常好用。
| 语法 | 示例 |
|---|---|
| @@//转义//**解析**@@ | //转义//**解析** |
这也可以用作转义解析换行符并阻止 Wikidot 将空行折叠到一起，只需在一行内放下四个 @ 符号即可。
这个代码：
例：
[[*user B0lF]]在上面
@@@@
@@@@
@@@@
--歌姫站长--[[*user dby2022]]在下面会变成这个文本：
B0lF does not match any existing user name在上面
歌姫站长dby2022在下面
另一种转义解析的方法就是在文本两侧放上 @< 和 >@。这是一种更加高级的方法，且同时可被用于插入 HTML 字符。
这个代码：
会变成这个文本：
Hello world @@ !!!!
[[module ListPages]]
版权所有符号：©
这是唯一一个转义 @@ 的方法，因为用两个 @ 符号的方法来转义 @ 符号并不会起作用。
链接
三个方括号 [[[ ]]] 将可创建一个连接至你正位于的维基上的链接。这是创建链接的推荐语法。
| 语法 | 示例 | 注释 |
|---|---|---|
| [[[Level R-1]]] | Level R-1 | 展示与其创建时完全相同的页面名称。 |
| [[[Level R-1|文本]]] | 文本 | 在你想要显示不同于页面名称的文本时非常好用。 |
| [[[Level R-1]]] | Level R-1 | 跟第一个示例一样，只是用了带横杠的页面名称。 |
| http://r-backrooms-wiki-cn.wikidot.com/ | http://r-backrooms-wiki-cn.wikidot.com/ | 网址会自动变成链接。 |
| [http://r-backrooms-wiki-cn.wikidot.com/ 这是尺分] | 这是尺分 | 一个有命名的链接，显示了自定义的文本。 |
在网址前方式一个星号 * 就可以让链接在新标签页中打开。
*http://r-backrooms-wiki-cn.wikidot.com/
[http://r-backrooms-wiki-cn.wikidot.com/ 尺分链接]http://r-backrooms-wiki-cn.wikidot.com/
尺分链接
很不幸这种方法并不能在页面链接（三括号标记）里使用。如果你想让一个页面链接在新标签页中打开，那么你就需要用到页面的网址，而不仅是页面标题。
注意：一个页面的标题和页面的名称是两个不一样的东西，虽然他们通常很相似以防混淆。
- 页面的标题指显示在页面顶部的文本。这也就是你在编辑一个页面时在“页面标题”里键入的文本。
- 页面的名称就是在网址的第一个斜杠后面的文本，也就是网址里在 r-backrooms-wiki-cn.wikidot.com/ 后面的文本。
图片
这是图片的代码。推荐你使用这个代码。
{name}（名称） - 你图片的名称。应该包含有文件的扩展名，比如 “.jpg”、“.png” 等等，值得一提的是扩展名“.jpg”化表着不透明，而“.pog”则是不透明，这玩意TM的在我自制生存难度的时候坑了我好几次，同时如果该图片并未上传到维基页面之中，那么就是末尾带有图片扩展名的一条网址。
{caption}（说明文字） - 图片的说明文字。这里的文本可以用 Wikidot 语法来自定义。
这是尺分的图标，它应该是透明的
[[include component:image-block
|name=http://r-backrooms-wiki-cn.wikidot.com/local--files/rate:lpoigd5289-logo/ERR
|caption=这是尺分的图标，它应该是透明的
]]
若需使用默认的 Wikidot 图片样式，那么可使用以下代码。注意如果你使用这条代码那么将不会有说明文字区域。
{图片来源} - 图片的来源，大概相当于维基的图片标记里的 name（名称）。
{属性} - 附加于图片上的属性，用于修改比如大小、css 样式之类的东西，或者让图片链接到某个网址上。
[[image 图片来源 属性 1="值 1" 属性 2="值 2" ……]]更多有关如何使用 Wikidot 的图片标记语言的信息，比如可用的属性，可以在 Wikidot 的图片标记文档里找到。
创建节段
标题
标题可以从 1 级（H1）到 6 级（H6）。按照你的喜好给每一级标题多加一个加号 +。标题字体大小会随着级数的增加而减小。
+ 一个十分的尺分
++ 一个有点大的尺分
+++ 一个不大不小的尺分
++++ 一个不知道怎么描述的尺分
+++++ 一个不怎么样的尺分
++++++ 一个比较小的尺分内容列表
代码 [[toc]] 能够创建一个内容列表table of contents，或者说 TOC。这个 TOC 会显示页面上的所有标题。
若需使 TOC 在页面右侧浮动，则使用 [[f>toc]]
若需使 TOC 在页面左侧浮动，则使用 [[f<toc]]
如果你不想要某个特定的标题在 TOC 里显示（比如你用标题样式只是为了外观装饰），那么可以在标题的 + 后放上一个星号 *。
+ 这一节段会在 TOC 里显示
+* 而这一节段则不会参见该页面的顶部以查看 TOC 的外观。
列表
你可以用星号 * 创建一个无序列表，或者可以用井号创建 # 一个有序列表。在星号或井号前加上空格就可以缩进列表。
无序列表和有序列表可以混用。
* 这是尺分
* 这是尺分的站长[[*user dby2022]]
* 这是尺分的版主[[*user wkwangkong]]
# 十分有序的列表
# 这一行缩进了一次
# 这一行缩进了--1145145--次
* 另一个尺分
# 里面一层是有序的尺分
* 再里面一层又是无序尺分
* 无序尺分的另一项
# 有序尺分的另一项效果：
- 这是尺分
- 尺分站长
- 尺分版主
wkwangkong
- 尺分版主
- 尺分站长
- 十分有序的列表
- 这一行缩进了一次
- 这一行缩进了1145145次
- 这一行缩进了一次
- 另一个尺分
- 里面一层是有序的尺分
- 再里面一层又是无序尺分
- 无序尺分的另一项
- 有序尺分的另一项
- 里面一层是有序的尺分
引用块
在一行文本前放上一个 > 可以将文本放在引用块内部。你可以增加 > 符号的数量来缩进文本。
> 这是一个引用块。
>> 这是一个带缩进的引用块。
> 更多的文本
>
> 这一行文本上面有一行空行
> 如果你想在引用块里放空行的话，要记得在 “>” 符号后面放一个空格这是一个引用块
这是一个带缩进的引用块
更多的文文
这一行文本上面有一行空行
如果你想在引用块里放空行的话，要记得在 “>” 符号后面放一个空格
自定义 Div
除 Wikidot 自带的样式之外，后室维基的版式还有数个自定义 div 样式。
标题示例
[[div class="titleblock"]]
[[span class="titlebox"]]标题示例[[/span]]
[[/div]]
标题示例
[[div class="dark-titleblock"]]
[[span class="dark-titlebox"]]标题示例[[/span]]
[[/div]]
[[div class="lightblock"]]
[[/div]]
[[div class="whiteblock"]]
[[/div]]
[[div class="darkblock"]]
[[/div]]
[[div class="styled-quote"]]
[[/div]]
[[div class="dark-styled-quote"]]
[[/div]]
[[div class="glassblock"]]
[[/div]]
[[div class="hoverblock"]]
试试把鼠标放在上面
[[/div]]
[[div class="light-hoverblock"]]
试试把鼠标放在上面
[[/div]]
[[div class="dark-hoverblock"]]
试试把鼠标放在上面
[[/div]]
[[div class="white-hoverblock"]]
试试把鼠标放在上面
[[/div]]
[[div class="gray-hoverblock"]]
试试把鼠标放在上面
[[/div]]
[[div class="light-borderblock"]]
[[/div]]
[[div class="dark-borderblock"]]
[[/div]]
[[div class="border-logoblock"]]
[[/div]]
[[div class="logoblock"]]
[[/div]]
[[div class="green-sn-block"]]
[[/div]]
上段文字
中段文字
下段文字
[[div class="titleaoe"]]
[[span class="maintitle"]]上段文字[[/span]]
[[span class="midtitle"]]中段文字[[/span]]
[[span class="subtitle"]]下段文字[[/span]]
[[/div]][[div class="megblock"]]
[[/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]]杂项
四个或以上的横杠 ---- 可以做出一条分割线，就像下面的一样：
若需链接至 Wikidot 用户的资料页，可使用 [[user 用户名]] 或者 [[*user 用户名]].
| 语法 | 示例 | 注释 |
|---|---|---|
| [[user B0lF]] | B0lF does not match any existing user name | 不会显示用户的个人头像或者业力等级。 |
| [[*user B0lF]] | B0lF does not match any existing user name | 可以显示用户的个人头像以及业力等级。 |
使用下列代码可以改变文本的位置，以下为相关信息
| 代码 | 作用 |
|---|---|
| [[<]]文本[[/<]] | 将文本放到最右端 |
| [[>]]文本[[/>]] | 将文本放到最左端 |
| [[=]]文本[[/=]] | 将文本放到中间 |
而且应当如下面排列。
[[>]]
文本
[[/>]]
进阶代码 (CSS，迭代，其它)
CSS指导
CSS是一种可以在网页里使用的代码，使用CSS可以干到一些难以想象的事情，比如制作组件和版式等，一般来说理论上你并不会用到这些东西，因此只做部分指导
如果你想使CSS请用以下模版
[[module CSS]]
中间是CSS代码
[[/module]]CSS指导1-“根选项”
首先我们要知什么是根选项，根选项一般是位于CSS开头的部分，根选项可以更改版头图标，版头标题，版头副标题等内容
[[module CSS]]
:root {
--logo-image: url("你的图片链接");
--header-title: "这是主标题";
--header-subtitle: "这是副标题";
[[/module]]CSS指导2-修改页面颜色
一般来说你可以使用以下模版来修改页面颜色，颜色请使用“A，B，C”格式
例如“255，255，255”是白色，其它颜色可以上网查
[[module CSS]]
:root {
--logo-image: url("你的图片链接");
--header-title: "这是主标题";
--header-subtitle: "这是副标题";
—white-monochrome: 颜色;
—very-light-gray-monochrome: 颜色;
—light-gray-monochrome: 颜色;
—gray-monochrome: 颜色;
—dark-gray-monochrome: 颜色;
—black-monochrome: 颜色;
—medium-accent: 颜色;
—dark-accent: 颜色;
—pale-gray-monochrome: 颜色
—bright-accent: 颜色;
[[/module]]CSS指导3-CSS的其它用途
除了以上用途之外，CSS还可以用来制作组件等，但由于这部分内容过于复杂，因此并不列出，如果需要可以去看专业的教程，同时你也可以使用该工具来快速制作版式
多页迭代
前言
首先我们要知道什么是迭代？简单来说迭代是一种通过ListPages模块来实现的功能，而ListPages则是一种 Wikidot 模块，它可以让多个不同的页面的评分和讨论一模一样，在一般情况下一个迭代里有一个父页面和多个子页面，而这通常会被认为是魔法，因为在一般情况下，另的文章只是的用折叠块，而迭代可以直接把多个不同的页面串在一起，你甚至可以用迭代做出一个互动游戏，这简直就是对另人的降维打击，因此我收集并整理了这篇文章的内容，来尽量的简单介绍迭代
有关父页面的部分
首先我们要知道什么是父页面，简单说的话父页面就是包在子页面外的一套外壳，里面包含着CSS代码，作者信息，以及其它的东西，一般来说你只需要一个父页面就够，但是你也可以在子页面里面再创建一个父页面，但我不建议你这样做，而父页面一般是通过以下代码来实现
[[module ListPages category="fragment" parent="." order="created_at" limit="1" offset="@URL|0"]]
%%content%%
[[/module]]总的来说，以上代码可以分为以下部分来解释
category="fragment" — 筛选“fragment”类别的页面。“fragment”类别的页面并不会显示在“本月最高评分的页面”或者是“最近新增的页面”。这方便了我们去创建子页面，我们稍后再详细讲。不过，它们也并非真的无法被察觉。
parent="." — 父页面（parent）选择器匹配那些设置了特定父页面的对象。parent="." 则表示匹配那些父页面是当前页面的对象。设置父页面的步骤为：点击底端的“选项”，然后点击“父页面”，然后输入父页面的名称。
order="created_at" －这个代码会以创建的日期来排列页面，因此正常来说，你必须按顺序创建子页面
limit="1" — 这限制了 ListPages 所选择的页面数量最多为 1，即只有一个页面，另外你也可以把数量改为2或者3，但我不建议你这样做
%%content%% — 这个占位符意味着，ListPages 会将所选页面的全部正文内容转存到当前页面中，包括 CSS 模块，而不仅仅只是页面标题或者是评分这样的一小段信息。
offset="@URL|0" —则是偏离值，在正常情况下一个父页面里面有多个子页面，但父页面在“limit=1”的作用下只能显示1个页面，而偏离值可以让父页面显示其它的子页面
在了解这些代码的作用后，你可以参考以下模版来制作父页面
[[include :此处应该插入版式]]
[[module css]]
这是CSS代码，它会对所有的子页面有效
注意：如果子页面内有CSS代码，那么子页面的CSS代码会替代该代码生效
[[/module]]
[!--同时如果CSS代码位于底下，那么子页面的CSS代码会失效(本人亲测)--]
[!--以下为子页面链接--]
[!-- http://r-sandbox-cn.wikidot.com/fragment:wiki-code-guidance#toc6-1 --]
[!-- http://r-sandbox-cn.wikidot.com/fragment:wiki-code-guidance#toc6-2 --]
[!-- http://r-sandbox-cn.wikidot.com/fragment:wiki-code-guidance#toc6-3 --]
[!--注意！请将“wiki-code-guidance#toc6”换成在“r-sandbox-cn.wikidot.com/”之后的部分! --]
[[>]]
[[module rate]]
[[/>]]
所有在子页面上面的部分
[[module ListPages category="fragment" parent="." order="created_at" limit="1" offset="@URL|0"]]
%%content%%
[[/module]]
所有在子页面之下的部分
----
[[collapsible show="作者信息" hide="关闭"]]
[[user* 你的维基账号名称]]
[链接 图片来源]
[[/collapsible]]另外虽然我并不建议你在最开始就创建父页面，因为每编辑一次子页面，就要空编辑一次父页面，毕竟你也不希望你的努力化为乌有吧? 但这是依旧是最好的方法，同时在沙盒站里父页面必须是“collab”分类，否则这将会导致子页面在添加父页面时出现问题
有关子页面的部分
首先子页面一般来说与父页面有以下不同的地方
- 子页面包含了所有正文内容，而父页面没有；
(但在这篇文章中子页面只改变了结局)
- 子页面包含了供读者点击的不同的 offset 链接；
- 父页面包含了评分模块和所有 CSS 格式
(但在子页面里面依旧可以使用CSS代码)
同时与父页面不同的是子页面并不是“collab”分类，而是“Fragment”分类，我希望你应该不会弄错这个的
单页迭代
(注：本处内容参考了中分中的该指导中中的部分内容)
与多页迭代不同的是单页迭代只需要一个页面，就可以创造出一种和多页迭代一样的效果，并且比多页迭代更加的好用，好编辑，但相比多页迭代，单页迭代有更多的限制，而一般来说通常是使用以下模版来实现单页迭代的
[[include :此处应该插入版式]]
[[module css]]
CSS代码
[[/module]]
[[>]]
[[module rate]]
[[/>]]
所有迭代之上的东西
[[module ListPages offset="@URL|0" range="."]]
%%content{2}%%
[[/module]]
[[module ListPages limit="@URL|0" range="." urlAttrPrefix="page2"]]
%%content{3}%%
[[/module]]
[[module ListPages limit="@URL|0" range="." urlAttrPrefix="page3"]]
%%content{4}%%
[[/module]]
[[module ListPages limit="@URL|0" range="." urlAttrPrefix="page4"]]
%%content{5}%%
[[/module]]
[!--
====
第1迭代的文本
[http://r-sandbox-cn.wikidot.com/wiki-code-guidance#toc8/offset/1/page2_limit/1 第2迭代的链接]
====
第2迭代的文本
[http://r-sandbox-cn.wikidot.com/wiki-code-guidance#toc8/offset/1/page3_limit/1 第3迭代的链接]
====
第3迭代的文本
[http://r-sandbox-cn.wikidot.com/wiki-code-guidance#toc8/offset/1/page4_limit/1 第4迭代的链接]
====
第4迭代的文本
[http://r-sandbox-cn.wikidot.com/wiki-code-guidance#toc8/pagename 第1迭代的链接]
====
--]
所有迭代之下相同的部分
----
[[>]]
[[collapsible show="作者信息" hide="关闭"]]
[[*user 你的维基名称]]
[[/collapsible]]
[[/>]]而在使用单页迭代时请注意以下事项
- 所有迭代之上相同的部分会显示在所有迭代的开头，例如评分模块。
- 第1迭代的文本~第4迭代的文本为相应迭代的正文。这部分一如通常的wikidot一样编辑（也可以使用CSS模块或html模块）。但是，不能使用ListPages生成页面列表的模块（这和使用了子页面迭代时的情况相同）。另外，请注意一定不能使用注释（）。
- 所有迭代之下相同的部分会显示在所有迭代的结尾。
- 将每个链接的“ r-sandbox-cn.wikidot.com/wiki-code-guidance#toc8”修改为你的页面的地址，也别忘记修改链接的文本。
- 要增加迭代，将如下所示的3行ListPages模块添加到相同格式的代码之后。更多额外的迭代则需要将urlAttrPrefix="page5"中的数字5和%%content{6}%%中的数字6依次递增。
例如：
[[module ListPages limit="@URL|0" range="." urlAttrPrefix="page5"]]
%%content{6}%%
[[/module]]并且同时需要在末尾的“====”之后添加新的“====”
工作原理
该系统的核心在于使用====对内容进行划分。在wikidot语法中，====上下会被视作不同的部分进行处理。这在通常的页面显示上没有什么实际意义，但是与ListPages模块组合使用就能发挥出巨大的作用。
ListPages模块实质上，是一种能够根据标签或作者等预定条件创建页面列表的模块。一般会使用%％title%%和%%created_by%%之类的元素来显示页面标题、作者、评分等。其中的%%content{n}%%元素用于显示页面的第n部分，也就是利用====划分出的不同片段。另外，通常在ListPages里会出错的CSS模块，使用%%content{n}%%调用后也能正常运行。基于以上所述，接下来将会解释单页迭代语法的原理。
[!--
====
～正文～
====
--]而在语法的这一部分中，所有迭代的正文被划分为不同的片段并被标记为注释。在这种情况下读取页面，无论其中有任何语法或者模块都会被隐藏，并不会影响页面的内容。
[[module ListPages offset="@URL|0" range="."]]
%%content{2}%%
[[/module]]而对于第2及以后的迭代，“limit”表示列表最多列出的项目数，默认设置为0时即隐藏，设置为1时即显示。如果有多个ListPages模块，为“urlAttrPrefix”设置字符串即可避免冲突，例如设置urlAttrPrefix="page2"，在URL地址后添加/page2_limit/1，则只会把limit="1"传递给单个特定的模块。URL选项可以设置多个，在所有模块均为默认设置的情况下仅显示第1页，而在/offset/1/page2_limit/1的情况下，将第1页隐藏的同时显示第2页。这样便可以实现页面切换的效果。
迭代随机页
通过设置order="random"来随机显示迭代，这种方法只能在带有子页面的迭代中使用。如果你想在单页迭代上也实现随机显示的效果，可以在第1迭代上添加一个html模块，用javascript脚本跳转到一个随机的链接。示例如下：
<script type="text/javascript">
window.onload = function(){
var rand = Math.floor( Math.random() * 5 ) ;
switch (rand){
case 0:
parent.location.href = "http://scp-wiki-cn.wikidot.com/esoteric-syntax#toc21";
break;
case 1:
parent.location.href = "http://scp-wiki-cn.wikidot.com/esoteric-syntax/offset/1/page2_limit/1#toc21";
break;
case 2:
parent.location.href = "http://scp-wiki-cn.wikidot.com/esoteric-syntax/offset/1/page3_limit/1#toc21";
break;
case 3:
parent.location.href = "http://scp-wiki-cn.wikidot.com/esoteric-syntax/offset/1/page4_limit/1#toc21";
break;
case 4:
parent.location.href = "http://scp-wiki-cn.wikidot.com/esoteric-syntax/offset/1/page5_limit/1#toc21";
break;
}
}
</script>其它内容
一个计时器(没什么用)
这是一个由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]]