创作指南/语法速查

这是一个指南页面。
这意味着此页面的内容将会指导你完成特定的任务、策略或与其他玩家战斗。

如有明显错误或过时内容请向原作者或站内管理员反馈

著作信息

CSS主题版式：G2Lighter
作者：G2Lighter

本页面旨在对新用户提供对wikidot语法的一定了解。

本文对SCP社区指南有一定程度的参考及引用

概述

欢迎来到Bloxd指引中文站——Bloxd.io玩家的聚集地！本页面将手把手带你玩转Wikidot。

创建页面

在你的浏览器的地址栏中键入你想要的页面地址（在“https://bloxd.wikidot.com/”最后那个“/”后添加）并根据指引创建页面即可，活用工具栏中的工具可以让你的Wikidot之旅更加愉快。不过请注意，本站主站仅接受已完成的作品，草稿/未竟作品请发送至沙盒中心！

在编辑区域内可通过换行创建段落，如：

第一句话
第二句话

第三句话

显示效果如下：

第一句话
第二句话

第三句话

基本语法

行内格式

语法	效果
//斜体文本//	斜体
加粗文本	加粗文本
__下划线__	下划线
--删除线--	删除线
普通^^上标^^	普通^上标
普通,,下标,,	普通_下标
[!-- 不可见文本 --]
@@未解析文本@@	未解析文本
[[span style="规则声明" class="Class声明"]]自定义span元素[[/span]]	自定义span元素
##blue\|预设## 或 ##cde9dd\|Hex色码## 颜色	预设或 Hex色码颜色
[[size 1.2em]]1.2倍大小字体[[/size]]（通过更改单位可更改大小）	1.2倍大小字体（通过更改单位可更改大小）

span元素使用方法？自己去搜索CSS（层叠样式表/Cascading Style Sheet）教程！本站内置样式详见Amethyst版式页。
字体大小单位
- em：当前字体大小
- rem：根元素字体大小
- px：像素
- %：放大倍率
其它字体描述
- xx-small：微型
- x-small：超小
- small：小型
- large：大型
- x-large：超大
- xx-large：巨型

标题

通过在一行开头添加“+”号，你可以创建标题文本。

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

在“+”号末尾添加“*”号的标题文本不会被目录收录。

如：

+* 这个1级标题不会被收录
+++* 这3级标题也不会被收录
++++++* 这个6级标题同样不会被收录

当然，你们一定不会忘记空格的吧……一定吧？

分割线/水平线

单开一行，并列四个及以上“-”号以创建分割线。

+ 点我展开示例：

列表

好的列表可以使页面更加整洁。

无序列表

在每行开始加"*"以得到无序列表。在"*"前面加空格可以缩进一格。

* qwq
* awa
 * uwu

qwq
awa
- uwu

如果要在列表中弄一行以上，在行尾放"_"(要空格)，"_"后面不能放东西。

* 事项1 _
另一行
* 事项2
 * 事项2.1

事项1
另一行
事项2
- 事项2.1

有序列表

在每行开始加"#"以得到有序列表。在"*"前面加空格可以缩进一格。

# qwq
# awa
 # uwu

qwq
awa
1. uwu

如果要在有序列表中弄一行以上，在行尾放"_"(要空格)，"_"后面不能放东西，此处示例略。

高级列表

你能用[[ul]] / [[ol]] 及 [[li]] 去建立高级列表。每个 [[ul]] / [[ol]] 及 [[li]] 都能放入 class， data- 及 style 参数，具体使用方法请自学HTML，此处仅给出示例。

[[ul]]
 [[li class="item1" data-toggle="data1"]]Item1[[/li]]
 [[li style="color: red;"]]Item 2[[/li]]
  [[ul]]
    [[li]]Item 2.1[[/li]]
    [[li]]Item 2.2[[/li]]
  [[/ul]]
[[/ul]]

Item1
Item 2
- Item 2.1
- Item 2.2

引用块

在每行开头添加“> ”¹以创建引用块，多个“>”连用可以嵌套引用块。示例如下：

> 引用块
> 引用块内容——
>> 嵌套引用块

> 另一个引用块

显示效果如下：

引用块
引用块内容——

嵌套引用块

另一个引用块

笔记块

你可以使用一下格式创建一个笔记：

[[note]]
笔记内容
[[/note]]

显示效果如下：

笔记内容

折叠内容

[[collapsible]]能让你在点击指定文字时显示/隐藏一段文字。

[[collapsible show="+ 显示里面的东西" hide="- 隐藏里面的东西"]]
这是里面的东西
[[/collapsible]]

+ 显示里面的东西

直接把[[collapsible]] 和 [[/collapsible]] 放在头尾的话会出现默认值(显示"+ show block"，点下去变成"- hide block")。

如果加上 folded="no" 参数进去，那该段文字会默认展开，就像内容列表一样。加上hideLocation="both"的話，就能在段落两端展開/收起文字了

链接

网站内部链接

使用[[[地址|描述]]]以创建站内链接。例如本页面的地址为https://bloxd.wikidot.com/guide:how-to-use-wikidot，本页的站内地址可以写为[[[guide:how-to-use-wikidot|创作指南/语法速查]]]

URLs

你所打的	你所见到的	描述
`[[[http://www.wikidot.com \| Wikidot]]]`	Wikidot	命名链接
`[[[*http://www.wikidot.com \| Wikidot]]]`	Wikidot	命名链接，会开新窗口/分页
`[[[/category:page/option1/option2 \| link text]]]`	link text	用短链接去打开网站内链接，不用加http。例子；你能用 `[[[/blog:post/edit/true \| 编辑这页]]]` 去取代 `[[[http://site.wikidot.com/ blog:post/edit/true \| 编辑这页]]]`
`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	开新窗口
`[# empty link]`	empty link	连到`href="javascript:;"`
`[/category:page/option1/option2 link text]`	link text	用短链接去打开网站内链接，不用加http。例子；你能用 `[/blog:post/edit/true 编辑这页]` 去取代 `[http://site.wikidot.com/ blog:post/edit/true 编辑这页]`

锚点

用[[# 锚点名称(仅支持英文)]]语法设置锚点。要前往锚点则用[#锚点名称(英语) 显示的文字]

图片

单张图片

使用以下格式插入图片：

[[image 图源 属性1="数值1" 属性2="数值2" ...]]

而(在这里)能用的上的属性有:

属性	能用的数值	例子	描述
link	维基页面名称或URL	`"wiki-page"` `"http://www.example.com"` `"#anchor"` `"#"`	点图前往其他页面或网址; 在前面加上'*'就能开新窗口；; 可以选择连至页内的锚点
width	像素数	`"200px"`	强制设定图片宽度
height	像素数	`"200px"`	强制设定图片高度

而图源可以用下面的其中之一：

图源	格式	例子	描述
URL 地址	任何有效的URL地址	`http://www.example.com/image.jpg`	显示目标网址的图片（原创页面请不要直接链接到wikidot以外的图片）

本页附件	`文件名`	`exampleimage.jpg`	显示上传到此页的图片
他页附件	`///其他页名/文件名`	`/another-page/exampleimage.jpg`	显示上传到其他页面的图片

你也能设定图片的位置：

[[=image… - 置中
[[<image… - 靠左
[[>image… - 靠右
[[f<image… - 靠左(被文字包围)
[[f>image… - 靠右(被文字包围)

当然，你也可以使用这种这种插图方块，它来自SCP社区：

[[include component:image-block name=图片显示名称|caption=图片说明|width=宽度（默认为300px）|link=图片链接（默认为无）|align=图片位置（默认为右侧）]]

还有这种：

[[div style="float:right; margin:0 2em 1em 2em; width:300px; border:0;"]]
|||| [[image URL图源  width="300px"]] ||
||||~ 描述 ||
[[/div]]

HTML块

你也可以在页面中内嵌HTML，使用如下格式：

[[html]]
HTML内容
[[/html]]

注意，在HTML块中维基语法不可用。

表格

简单表格

你能用"||"去建立表格：

||~ 标题 1 ||~ 标题 2 ||~ 标题 3 ||
|| 内容 1 || 内容 2 || 内容 3 ||
|||| 长内容 4 || 内容 5 ||
||内容 6 |||| 长内容  7 ||
|||||| 超长 _
内容 8||

标题 1	标题 2	标题 3
内容 1	内容 2	内容 3
长内容 4		内容 5
内容 6	长内容 7
超长内容 8

在行尾加" _"能在表格内开新行(如上例)。

格式要素

靠左，右，置中及左右对齐

`[[<]] … [[/<]]`	靠左
`[[>]] … [[/>]]`	靠右
`[[=]] … [[/=]]`	置中
`[[==]] … [[/==]]`	左右对齐

E.g.

[[=]]
༼ つ ◕_◕ ༽つ PRAISE HELIX ༼ つ ◕_◕ ༽つ
ALL HAIL AAABAAAJSS AND AA-J!!!
༼ つ ◕_◕ ༽つ PRAISE HELIX ༼ つ ◕_◕ ༽つ
ALL HAIL AAABAAAJSS AND AA-J!!!

很重要所以说两次 \
[[/=]]

༼ つ ◕_◕ ༽つ PRAISE HELIX ༼ つ ◕_◕ ༽つ
ALL HAIL AAABAAAJSS AND AA-J!!!
༼ つ ◕_◕ ༽つ PRAISE HELIX ༼ つ ◕_◕ ༽つ
ALL HAIL AAABAAAJSS AND AA-J!!!

很重要所以说两次

在行开头用=就能直接置中该行 at the beginning:

= 就像这样

就像这样

注意: 以上代码一定要自己独立一行而且前面不应该有任何东西包括空格。

[[div]]方块

通过正确使用[[div]]方块，你可以使页面整洁美观——或者完全相反，谁知道呢？
[[div]]方块会在页面文档内创建一个@div@元素，可以对其使用CSS。

[[div]]
这是一个简单的Div方块，没有任何特点
[[/div]]

[[div style="background: #cde9dd;"]]
这个Div块有一个规则声明
[[/div]]

[[div class="keycap"]]
这个Div块有一个类
[[/div]]

这是一个简单的Div方块，没有任何特点

这个Div块有一个规则声明

这个Div块有一个类

脚注²

可以通过[[footnote]]创建脚注。

一点文本[[footnote]] 和它的脚注 [[/footnote]]，这挺有趣的，不是吗？

一点文本³，这挺有趣的，不是吗？

用户

可以通过[[user]]链接至某个用户

你所打的	你看到的	描述
`[[user 用户名称]]` e.g. `[[user G2Lighter]]`	G2Lighter	用户信息(无头像)
`[[user 用户名称]]` e.g. `[[user G2Lighter]]`	G2Lighter	用户信息(有头像)

Tab view

Tab view 是一种能透过点击卷标去切换显示内容的方格。

注: TabView 会使目录，锚点及返回接钮失效

你连不上Tab里面的锚点
目录不会连到Tab里的标题
如果你点击tab里的链接返回，你总会看见第一个tab

要造一个tabview，即是一连串的tab，可以用以下的语法：

[[tabview]]
[[tab 1]]
一个示例Tab
[[/tab]]
[[tab 另一个示例Tab]]
222
[[/tab]]
[[tab 空]]
[[/tab]]
[[tab 空]]
[[/tab]]
[[tab 空]]
[[/tab]]
[[tab 空]]
但是不空
[[/tab]]
[[tab 空]]
[[/tab]]
[[tab 空]]
[[/tab]]
[[tab 空]]
[[/tab]]
[[tab 空]]
[[/tab]]
[[tab 这个Tab的名称比较长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长]]
我们不得不承认，这个Tab的名字可能过于长了

[[/tab]]
[[tab 以及新的Tab]]

等等，这个Tab的内容好像有点……
有点……
有点……
有点……
有点……
有点……
有点……
有点……
有点……
有点……
有点……
有点……
有点……
有点……
有点……
有点……
嗯……
有点……
有点……
有点……
有点……
太多了

[[/tab]]
[[tab 一个空tab]]
[[/tab]]
[[tab 空Tab]]
[[/tab]]
[[tab 3]]
真是奇怪，这个Tab的名字为什么只有一个数字呢？
[[/tab]]
[[/tabview]]

一个示例Tab

[[include]]

可以通过[[include 页面地址]]将其它页面移植到自己的页面里。如若想移植本页（https://bloxd.wikidot.com/guide:how-to-use-wikidot）内容，则可使用[[include guide:how-to-use-wikidot]]

若想移植外站（仍需在Wikidot内）页面，则在地址栏前加上外站域名，如SCP中文社区的新手指南（https://scp-wiki-cn.wikidot.com/guide-for-newbies）变为 [[include :scp-wiki-cn:guide-for-newbies]]

附：使用与Amethyst不兼容的版式

由于本站默认版式开发环境问题，本站现行版式（Amethyst）与Wikidot其它主流网站的版式皆不兼容。此时请不要使用原始的[[include]]方法转移版式，正确的方法是使用[[module ThemePreviewer]]

格式：[[module ThemePreviewer noUi="true" theme_url="CSS链接"]]

若无法得到可直接套用的文件（如希望使用的版式基于其它版式），可在无版式区先进行测试直至版式正常运行，然后将测试的所有CSS代码放入页面内的[[code]]块中，如下：

[[div style="display: none;"]]
[[code type="css"]]
/* 示例css */
@import url(版式链接一);
@import url(版式链接二);

其它修改/增添等
[[/code]]
[[/div]]

将你的代码块至于页面顶部，此时你便可以通过一条链接来调用你的代码块：

https://bloxd.wdfiles.com/local--code/页面名称/1

其中的页面名称就是你的页面地址，如本页的地址便为guide:how-to-use-wikidot。当然，你也可以把代码块置于页面的其它地方，其后的数字代表调用页面的第几个代码块。

组件

可以在页面中通过[[include]]使用组件。

具体内容请移步组件中心。

模块

模块即Module，是Wikidot内置的功能组件，特点是开头的[[module 模块名]]和结尾的[[/module]]，详见维基模块参考。

指南网站指引

Bloxd指引中文站

Bloxd.io 中文社区

著作信息

概述

创建页面

基本语法

行内格式

标题

目录

分割线/水平线

列表

无序列表

有序列表

高级列表

引用块

笔记块

折叠内容

链接

网站内部链接

URLs

锚点

图片

单张图片

HTML块

表格

简单表格

格式要素

靠左，右，置中及左右对齐

[[div]]方块

脚注2

用户

Tab view

[[include]]

附：使用与Amethyst不兼容的版式

组件

模块

脚注²