代码指导
评分: 0+x

基本代码

字体样式

你所打的文字 你将看见的文字
//斜体// 斜体
**粗体** 粗体
//**粗斜体**// 粗斜体
__底线__ 底线
--删除线-- 删除线
{{等宽字(monospaced text))}}(英语限定) (monospaced text)
[[span style="font-family:Microsoft YaHei"]]中文等宽字[[/span]] 中文等宽字
普通^^上标^^ 普通上标
普通,,下标,, 普通下标
[!-- 不可见内容 --]
[[span style="color:red"]]自定义//span//元素[[/span]] 自定义span元素
##blue|预设## 或 ##44FF88|自定义色码## 颜色 预设自定义色码 颜色

下列格式为DevanosDevanos提供添加的独特格式:
你所打的文字 你将看见的文字
[[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]]在下面

会变成这个文本:

B0lFB0lF在上面



歌姫站长dby2022dby2022在下面

另一种转义解析的方法就是在文本两侧放上 @<>@。这是一种更加高级的方法,且同时可被用于插入 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 语法来自定义。

ERR

这是尺分的图标,它应该是透明的

[[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--次
* 另一个尺分
 # 里面一层是有序的尺分
  * 再里面一层又是无序尺分
  * 无序尺分的另一项
 # 有序尺分的另一项

效果:
  1. 十分有序的列表
    1. 这一行缩进了一次
      1. 这一行缩进了1145145
  • 另一个尺分
    1. 里面一层是有序的尺分
      • 再里面一层又是无序尺分
      • 无序尺分的另一项
    2. 有序尺分的另一项

引用块

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

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

这是一个引用块

这是一个带缩进的引用块

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

自定义 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]]

一些文本1。我们再来另一个脚注2

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

分页

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

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

标签页内容 1 号。

杂项

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



若需链接至 Wikidot 用户的资料页,可使用 [[user 用户名]] 或者 [[*user 用户名]].
语法 示例 注释
[[user B0lF]] B0lF 不会显示用户的个人头像或者业力等级。
[[*user B0lF]] B0lFB0lF 可以显示用户的个人头像以及业力等级。





进阶代码 (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. 所有迭代之上相同的部分会显示在所有迭代的开头,例如评分模块。
  2. 第1迭代的文本~第4迭代的文本为相应迭代的正文。这部分一如通常的wikidot一样编辑(也可以使用CSS模块或html模块)。但是,不能使用ListPages生成页面列表的模块(这和使用了子页面迭代时的情况相同)。另外,请注意一定不能使用注释()。
  3. 所有迭代之下相同的部分会显示在所有迭代的结尾。
  4. 将每个链接的“ r-sandbox-cn.wikidot.com/wiki-code-guidance#toc8”修改为你的页面的地址,也别忘记修改链接的文本。
  5. 要增加迭代,将如下所示的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]]

除非特别注明,本页内容采用以下授权方式: Creative Commons Attribution-ShareAlike 3.0 License