参考资料
如何使用:
将下面的代码复制到你的沙盒页中:
说明
此版本全文拷贝自中分旧版格式资源并可能在未来修改。
基本文档样版
[[>]]
[[module Rate]]
[[/>]]
**项目编号:**SCP-CN-XXXX
**项目等级:**Safe/Euclid/Keter(表明分级)
**特殊收容措施:**[说明收容措施的段落]
**描述:**[描述SCP的段落]
**附录:**[可选的附加段落]
访谈样版
> **受访者:**[被采访的人、人们或SCP]
>
> **采访者:**[采访者,可以用黑条(█)遮挡]
>
> **前言:**[简短描述访谈的段落]
>
> **<记录开始,[时间信息(可选)]>**
>
> **采访者:**[对话]
>
> **人员:**[对话]
>
> [需要时重复]
>
> **<记录结束,[时间信息(可选)]>**
>
> **结语:**[小结,以及讲述之后发生的事情]
注意:使用“>”符号插入引用方块时,每个“>”之后都必须添加一个空格,否则无法显示为连续的引用方块。
实验日志格式:
选项1
它是什么样的:
实验标题 |
|
对象 |
数据在此 |
协议 |
数据在此 |
结果 |
数据在此 |
复制这些:
[[table style="border-collapse:collapse; max-width: 600px;"]]
[[row]]
[[cell style="font-weight:bold;padding: .3em .7em; text-align: center; border: 1px solid black; background-color: silver; width: 20%;"]]
实验标题
[[/cell]]
[[cell style="font-weight:bold; padding: .3em .7em; text-align: center; border: 1px solid black; background-color: silver;"]]
[[/cell]]
[[/row]]
[[row]]
[[cell style="text-align: center; padding: .3em .7em; border: 1px solid black"]]
对象
[[/cell]]
[[cell style="border: 1px solid black; padding: .3em .7em;"]]
数据在此
[[/cell]]
[[/row]]
[[row]]
[[cell style="text-align: center; padding: .3em .7em; border: 1px solid black"]]
协议
[[/cell]]
[[cell style="border: 1px solid black; padding: .3em .7em;"]]
数据在此
[[/cell]]
[[/row]]
[[row]]
[[cell style="text-align: center; border: 1px solid black"]]
结果
[[/cell]]
[[cell style="border: 1px solid black; padding: .3em .7em;"]]
数据在此
[[/cell]]
[[/row]]
[[/table]]
选项2
它是什么样的:
日期 |
数据 |
效果 |
笔记 |
日期 |
|
效果 |
笔记 |
日期 |
|
效果 |
笔记 |
日期 |
|
效果 |
笔记 |
日期 |
|
效果 |
笔记 |
日期 |
|
效果 |
笔记 |
日期 |
|
效果 |
笔记 |
复制这些:
[[table style="border: 1px solid silver"]]
[[row]]
[[hcell style="border: 1px solid silver"]]
日期
[[/hcell]]
[[hcell style="border: 1px solid silver"]]
数据
[[/hcell]]
[[hcell style="border: 1px solid silver"]]
效果
[[/hcell]]
[[hcell style="border: 1px solid silver"]]
笔记
[[/hcell]]
[[/row]]
[[row]]
[[cell style="border: 1px solid silver"]]
日期
[[/cell]]
[[cell style="border: 1px solid silver"]]
[[=]]
数据
[[/=]]
[[/cell]]
[[cell style="border: 1px solid silver"]]
效果
[[/cell]]
[[cell style="border: 1px solid silver"]]
笔记
[[/cell]]
[[/row]]
[[row]]
[[cell style="border: 1px solid silver"]]
日期
[[/cell]]
[[cell style="border: 1px solid silver"]]
[[=]]
数据
[[/=]]
[[/cell]]
[[cell style="border: 1px solid silver"]]
效果
[[/cell]]
[[cell style="border: 1px solid silver"]]
笔记
[[/cell]]
[[/row]]
[[row]]
[[cell style="border: 1px solid silver"]]
日期
[[/cell]]
[[cell style="border: 1px solid silver"]]
[[=]]
数据
[[/=]]
[[/cell]]
[[cell style="border: 1px solid silver"]]
效果
[[/cell]]
[[cell style="border: 1px solid silver"]]
笔记
[[/cell]]
[[/row]]
[[row]]
[[cell style="border: 1px solid silver"]]
日期
[[/cell]]
[[cell style="border: 1px solid silver"]]
[[=]]
数据
[[/=]]
[[/cell]]
[[cell style="border: 1px solid silver"]]
效果
[[/cell]]
[[cell style="border: 1px solid silver"]]
笔记
[[/cell]]
[[/row]]
[[row]]
[[cell style="border: 1px solid silver"]]
日期
[[/cell]]
[[cell style="border: 1px solid silver"]]
[[=]]
数据
[[/=]]
[[/cell]]
[[cell style="border: 1px solid silver"]]
效果
[[/cell]]
[[cell style="border: 1px solid silver"]]
笔记
[[/cell]]
[[/row]]
[[row]]
[[cell style="border: 1px solid silver"]]
日期
[[/cell]]
[[cell style="border: 1px solid silver"]]
[[=]]
数据
[[/=]]
[[/cell]]
[[cell style="border: 1px solid silver"]]
效果
[[/cell]]
[[cell style="border: 1px solid silver"]]
笔记
[[/cell]]
[[/row]]
[[/table]]
选项3
它是什么样的:
机密
实验-XXXX
副标题
实验目的:
此处为“左侧”栏
结果:
较宽栏
|
对象:
此处为“右侧”栏
日期/地点:
较窄栏
|
引用块
加粗:文字文字文字引用块内链接
↓标题
h1
h2
h3
h4
h5
h6
h1
h2
h3
h4
h5
h6
false
复制这些:
提示!你可以使用“登入/登出”格式(选项1,选项2-更多选择)来代替基础折叠块。
[[collapsible]]
[[include :scpsandboxcn:component:classified-experiment
|experiment-title=实验-XXXX
|sub-title=副标题
|left=实验目的:
此处为“左侧”栏
结果:
较宽栏
|right=对象:
此处为“右侧”栏
日期/地点:
较窄栏
|content=> = 引用块
> **加粗:**文字文字文字[https://www.baidu.com/ 引用块内链接]
> = ↓标题
> ----
> +* h1
> ++* h2
> +++* h3
> ++++* h4
> +++++* h5
> ++++++* h6
+* h1
++* h2
+++* h3
++++* h4
+++++* h5
++++++* h6
]]
[[/collapsible]]
参数 |
是否必填 |
允许的值 |
描述 |
experiment-title |
是 |
文字
链接 |
标题文字 |
sub-title |
否 |
文字
链接 |
副标题文字 |
content |
是 |
文字
链接 |
你也可以使用wikidot语法(如引用块) |
left |
否 |
文字
链接 |
较宽栏 |
right |
否 |
文字
链接 |
较窄栏 |
warning |
否 |
文字 |
改变“允许访问”的文字 |
选项4
它是什么样的:
等待10秒……
SCiP NETver. β
Now loading...
文字 文字 文字
文字 文字 文字
文字 文字 文字
文字 文字 文字
文字 文字 文字
文字 文字 文字
文字 文字 文字
文字 文字 文字
文字 文字 文字
复制这些:
[[collapsible show="+ 加载" hide="- 停止"]]
[[include :scp-sandbox-3:component:3d-logo |header=true|title=SCiP NET|num=ver. β]]
文字 文字 文字
[[include :scp-sandbox-3:component:3d-logo |footer=true]]
[[/collapsible]]
提示!你可以使用“登入/登出”格式(选项1,选项2-更多选择)来代替基础折叠块。
音频/视频日志格式:
选项1
它是什么样的:
视频日志记录:
日期:可选
探索队伍:队伍名称 - 可选
目标:区域/异常 - 可选
领队:可选
小队成员:可选
[记录开始]
人物A:对白
人物B:对白
事件发生
人物A:对白
[记录结束]
复制这些:
[[div style="display: inline-block; border-radius: 10px; border:dashed 1px #444444; background:#F5F5F5; float:top; width:96.5%; padding:10px"]]
**视频日志记录:**
**日期:**可选
**探索队伍:**队伍名称 - 可选
**目标:**区域/异常 - 可选
**领队:**可选
**小队成员:**可选
-----
[记录开始]
**人物A:**对白
**人物B:**对白
//事件发生//
**人物A:**对白
[记录结束]
[[/div]]
选项2
它是什么样的:
视频记录
日期:
笔记:
[记录开始]
时间:事件
时间:事件
时间:事件
[记录结束]
提示!这个样式模仿了站内常见的引用方块(基础维基语法,以“> ”开头),但能够更好地与插图一起使用。
复制这些:
[[div style="display: inline-block; border:dashed 1px #999999; background:#F5F5F5; float:center; width:84%; padding:1px 15px; margin: 10px 10px 10px 40px"]]
= **视频记录**
----
**日期:**
**笔记:**
----
[记录开始]
**时间:**事件
**时间:**事件
**时间:**事件
-----
[记录结束]
[[/div]]
选项3
用于更电脑化的样式
它是什么样的:
| 细节
| 细节
| 细节
| 细节
| 细节
文字 文字 文字
更多文字
更多
以及更多
甚至还有更多要记录的文字
复制这些:
重要:这部分应置于页面顶端。
[[module css]]
.footnoteref{
color: #FF5555;
}
.danke{
padding: 5px 5px 5px 15px;
margin-bottom:10px;
width: 100%;
font-family: monospace;
font-size: 1.1em; }
.agent{
background-color:#002200;
border: 3px solid #55AA55;
color: #77CC77;
}
.site{
background-color:#222200;
border: 3px solid #AAAA55;
color: #DDDD77;
}
[[/module]]
重要:这部分应置于文字框出现的位置。
[[div class="danke agent"]]
| 细节
| 细节
| 细节
| 细节
| 细节
文字 文字 文字
更多文字
更多
以及更多
甚至还有更多要记录的文字
[[/div]]
提示!将‘danke agent’改为‘danke site’可以更换颜色(黄色)
选项4
[[div style="background: gray; padding: 1px 15px; border: solid 3px lightgray; margin: 10px; border-radius: 30px 15px;"]]
[[div style="background: white; padding: 1px 15px; border: solid 3px lightgray; margin: 10px; border-radius: 30px 15px;"]]
里面的东西
[[/div]]
[[/div]]
选项5
它是什么样的:
以及更多!
h1
h2
h3
h4
h5
h6
文本
更多文本
更多[]
复制这些:
重要:这部分应置于页面顶端。
[[module CSS]]
.containercontainer {position: relative;width: auto;height: auto;border: 2px solid #666;background: #141212;color: #3F3;margin-top: 1em;margin-bottom: 1em;}.containercontainer .container .overlay {background: rgba(51, 255, 51, 0.9);color: #121010;position: absolute;width: auto;height: 50px;top: 0;right: 0;bottom: 0;left: 0;margin: auto;line-height: 50px;display: inline;vertical-align: middle;text-align: center;font-family: Courier New;font-size: 30px;letter-spacing: 5px;font-weight: bolder;z-index: 3;animation: overlay-anim 10s linear;animation-fill-mode: forwards;animation-iteration-count: infinite;}.overlayback {background: rgba(187, 187, 187, 0.5);z-index: 3;position: absolute;top: 0;left: 0;bottom: 0;right: 0;width: auto;height: auto;animation: overlay-anim 10s linear;animation-fill-mode: forwards;animation-iteration-count: infinite;}.containercontainer .container {text-align: center;width: inherit;height: inherit;position: relative;overflow: hidden;}.containercontainer .container::after {content: " ";display: block;position: absolute;top: 0;left: 0;bottom: 0;right: 0;background: rgba(21, 19, 19, 0.2);opacity: 0;z-index: 2;animation: flicker 0.15s infinite;}.containercontainer .container::before {content: " ";display: block;position: absolute;top: 0;left: 0;bottom: 0;right: 0;background: linear-gradient(rgba(18, 16, 16, 0.03) 50%, rgba(0, 0, 0, 0.45) 50%), linear-gradient(90deg, rgba(255, 0, 0, 0.22), rgba(0, 255, 0, 0.11), rgba(0, 0, 255, 0.22));z-index: 2;background-size: 100% 2px, 3px 100%;}.no-unfold {text-align: center;}.container h1,.container h2,.container h3,.container h5,.container h6 {color: #3F3;}.container hr {border-top: 1px dotted #3F3;border-bottom: none;}.container hr {border-top: 1px solid #3F3;border-bottom: 1px solid #3F3;color: transparent;background-color: transparent;}.container hr:after {display: block;margin-top: 2px;border-top: 1px solid #3F3;border-bottom: 1px solid #3F3;}.blinkbar {animation: blink 1.5s infinite; letter-spacing: -0.13em;}@keyframes blink{to{opacity: .0;}}@keyframes flicker {0% {opacity: 0.9890; }5% {opacity: 0.5842; }10% {opacity: 0.9865; }15% {opacity: 0.0412; }20% {opacity: 0.6255; }25% {opacity: 0.3157; }30% {opacity: 0.7328; }35% {opacity: 0.4654; }40% {opacity: 0.9128; }45% {opacity: 0.2449; }50% {opacity: 0.5485; }55% {opacity: 0.6438; }60% {opacity: 0.1180; }65% {opacity: 0.9085; }70% {opacity: 0.0266; }75% {opacity: 0.6795; }80% {opacity: 0.7812; }85% {opacity: 0.0117; }90% {opacity: 0.2239; }95% {opacity: 0.8897; }100% {opacity: 0.2260; }}@keyframes overlay-anim {0% {visibility: hidden; }10% {visibility: hidden; }11% {visibility: visible; }50% {visibility: hidden; }100% {visibility: hidden; }}
[[/module]]
重要:这部分应置于文字框出现的位置。
[[div class="no-unfold"]]
[[div class="containercontainer"]]
[[div class="container"]]
+* [!-- 请勿删除此 "+*"。 --]
[[span_ class="overlay"]]
以及更多!
[[/span]]
[[div_ class="overlayback"]]
[[/div]]
+* h1
++* h2
+++* h3
++++* h4
+++++* h5
++++++* h6
文本
更多文本
更多[[span class="blinkbar"]][][[/span]]
[[/div]]
[[/div]]
[[/div]]
选项6
它是什么样的:
复制这些:
重要:
- 这部分应置于页面顶端。
- 当你添加新“记录”时,使用以下格式添加新“选项”。
- .r3 {animation-delay: 9s;}
.r4 {animation-delay: 12s;}
[[module CSS]]
/* //// 当你添加新的“记录”时, //// */
/* //// 使用以下格式添加新“选项”。 //// */
.r1 {animation-delay: 3s;}
.r2 {animation-delay: 6s;}
.tape-wrap .collapsible-block-unfolded-link .collapsible-block-link
{animation-delay: calc(6s + 2s);}
.tape-record {position: relative;height: 6em;pointer-events: none;}.record {display: block;position: absolute;width: 100%;animation-name: record;animation-duration: 2.5s;opacity: 0;top: 0;text-align: center;}.tape-wrap {position: relative;background-color: rgba(244, 244, 244, 1);border: 1px dashed #999;padding: 0 1em;}.tape-anim {position: relative;background-image: url("http://unofficial-scp-sandbox-jp.wikidot.com/local--files/iroiro-workshop-8/DoxYSJAV4AET63r.png");background-size: 200px;background-position: center center;background-repeat: no-repeat;min-height: 300px;}.tape-left,.tape-right {display: block;position: absolute;margin: auto;height: 0;width: 70px;padding-bottom: 100%;background-image: url("http://unofficial-scp-sandbox-jp.wikidot.com/local--files/iroiro-workshop-8/scp_trans.png");background-size: contain;background-position: center center;background-repeat: no-repeat;pointer-events: none;}.tape-left {top: -20px;bottom: 0;left: -70px;right: 0;animation-name: spin1;animation-duration: 15s;animation-timing-function: linear;animation-fill-mode: forwards;}.tape-right {top: 0;bottom: -32px;left: 0;right: -72px;animation-name: spin1;animation-duration: 20s;animation-timing-function: linear;animation-fill-mode: forwards;}.tape-wrap .collapsible-block-unfolded-link {padding-top: 1em;}.tape-wrap .collapsible-block-folded,.tape-wrap .collapsible-block-unfolded-link {position: relative;text-align: center;}.tape-wrap .collapsible-block-link:before {display: inline-block;font: normal normal normal 14px/1 FontAwesome;font-size: inherit;text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;transform: translate(0, 0);}.tape-wrap .collapsible-block-folded .collapsible-block-link:before {content: "\f04b";}.tape-wrap .collapsible-block-unfolded-link .collapsible-block-link:before {content: "\f1da";}.tape-wrap .collapsible-block-unfolded-link .collapsible-block-link {animation-name: g-ex;animation-duration: 1s;animation-fill-mode: forwards;visibility: hidden;opacity: 0;}.tape-wrap .collapsible-block-folded {padding-top: 1em;padding-bottom: 1em;}@keyframes g-ex {50% {visibility: visible;opacity: 0;}100% {visibility: visible;opacity: 1;}}@keyframes spin1 {0% {transform: rotate(0deg);}100% {transform: rotate(360deg);}}@keyframes record {0% {opacity: 0;}25% {opacity: 1;}75% {opacity: 1;}100% {opacity: 0;}}@-moz-document url-prefix() {.tape-anim {height: 300px;}.tape-left,.tape-right {display: block;width: 70px;height: 70px;position: relative;margin: 0 auto;padding: 0 auto;}.tape-left {top: 105px;bottom: initial;left: -36px;}.tape-right {top: 60px;bottom: initial;left: 35px;}}
[[/module]]
重要:
- 这部分应置于文字框出现的位置。
- 当你添加新“记录”时,使用以下格式添加新“选项”。
- [[span class="record r3"]]文本[[/span]]
[[span class="record r4"]]//更多文本//[[/span]]
[[div class="tape-wrap"]]
[[collapsible show="播放" hide="重播"]]
[[div class="tape-anim"]]
[[div class="tape-left"]]
[[/div]]
[[div class="tape-right"]]
[[/div]]
[[/div]]
[[div class="tape-record"]]
[[span class="record r1"]]//第一行//
//第二行//
//最后一行//[[/span]]
[[span class="record r2"]]//文字//
//更多文字//[[/span]]
[[/div]]
[[/collapsible]]
[[/div]]
选项7
它是什么样的:
复制这些:
重要:这部分应置于页面顶端。
[[module CSS]]
#u-start, .textchange div.sitemember:nth-child(2) {display:none;}.type-wrap-wrapper {position: relative;text-align: left;}.type-wrapper {background: #555;}.typearea {color: lime; font-family: "Courier";font-size: 1.2em;margin: 10px 0 0 10px;white-space: nowrap;overflow: hidden;width: 0;}#u-start:target ~ .typearea {width: 100%;animation: type 4s steps(60, end); }.typearea a{color: lime;text-decoration: none;}.blink {animation: blink 1s infinite;}@keyframes type{ from { width: 0; } } @keyframes blink{to{opacity: .0;}}.buttonwrapper {text-align: center;}.likebutton {padding: 0.1em 0.5em;text-decoration: none;font-size: 1.3em;background-color: #F4F4F4;border: 1px solid #AAA;color: #000;}.likebutton:hover {background-color: #DDD;color: #000;border: 1px solid #0098b3;}
[[/module]]
重要:这部分应置于文字框出现的位置。
[[div class="type-wrap-wrapper"]]
[[div class="type-wrapper"]]
[[div id="u-start"]]
[[/div]]
[[div class="typearea"]]
[[div class="textchange"]]
[[module ListUsers users="."]]
[[div class="sitemember"]]
你的Wikidot账号是“%%name%%”。[[span class="blink"]]|[[/span]]
[[/div]]
[[/module]]
[[div class="sitemember"]]
我无法识别你的Wikidot账号。[[span class="blink"]]|[[/span]]
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[div class="buttonwrapper"]]
[[a class="likebutton" href="#u-start"]]点我![[/a]]
[[/div]]
[[/div]]
选项8
它是什么样的:
终端 #001
------
欢迎,用户
------
终端内部的链接会在鼠标移过时显示“>”。
就像这样
谢谢你查看我的格式!
复制这些:
重要:这是CSS模块。它应该置于页面顶端。
[[module CSS]]
div.terminal{
border: 1px solid black;
border: solid 3px #BBBBBB;
border-radius: 16px;
background-color: #131;
/* 终端上方的黑色阴影 */
background-image:
radial-gradient(ellipse 1000% 100% at 50% 90%, transparent, #121);
background-position: center;
display: block;
/* 终端周围的阴影 */
box-shadow: inset 0 0 10em 1em rgba(0,0,0,0.5);
/* 防止扫描条产生滚动条 */
overflow:hidden;
}
div.terminal blockquote {
background-color: black;
border: double 3px #80FF80
}
div.scanline{
margin-top: -40%;
width: 100%;
height: 60px;
position: relative;
pointer-events: none;
/* Safari 4.0 - 8.0 */
-webkit-animation: scan 12s linear 0s infinite; /* 你可能需要修改这个。如果扫描条走得太快了,添加5秒。 */
animation: scan 12s linear 0s infinite; /* 同上 */
background: linear-gradient(to bottom, rgba(56, 112, 82,0), rgba(56, 112, 82,0.1)) !important;
}
div.text{
color: rgba(128,255,128,0.8);
padding-left: 2em;
padding-top: 40%;
font-family: monospace;
font-size: 1.2em;
}
/* Safari 4.0 - 8.0 */
@-webkit-keyframes scan{
from{ transform: translateY(-10%);}
to{ transform: translateY(5000%);} /* 你可能需要根据你终端的长短修改这个。如果扫描条走到一半停止了,增大第二个数字。 */
}
@keyframes scan{
from{ transform: translateY(-10%);}
to{ transform: translateY(5000%);} /* 同上。 */
}
div.text a {
color: #90EE90;
text-decoration: none;
background: transparent;
}
div.text a.newpage {
color: #90EE90;
text-decoration: none;
background: transparent;
}
div.text a:hover {
color: #131;
text-decoration: underline;
background-color: #80FF80;
padding: 1px;
}
div.text a:hover::before{
content: "> ";
}
[[/module]]
重要:这是终端。它可以置于任何地方。
[[div class="terminal"]]
[[div class="scanline"]]
[[/div]]
[[div class="text"]]
[[=]]
[[size 150%]]__终端 #001__[[/size]]
@@ @@
@@ @@
@@------@@
欢迎,用户
@@------@@
[[/=]]
@@ @@
@@ @@
@@ @@
> 终端内部的链接会在鼠标移过时显示“>”。
> [http://www.baidu.com 就像这样]
谢谢你查看我的格式!
@@ @@
@@ @@
[[/div]]
[[/div]]
警告/提示格式:
选项1
它是什么样的:
基金会记录与信息安全管理部的通知
通知在此
— Maria Jones,RAISA主管
复制这些:
[[div style="border:solid 1px #999999; background:#f2f2c2; padding:5px; margin-bottom: 10px;"]]
[[=]]
[[size larger]] **基金会记录与信息安全管理部的通知** [[/size]]
通知在此
-- Maria Jones,RAISA主管
[[/=]]
[[/div]]
选项2
它是什么样的:
警告:下列文件为#/XXXX级机密
无#/XXXX级权限下访问将被记录并立即处以纪律处分。
复制这些:
[[=]]
[[div style="background: url(http://scp-wiki.wdfiles.com/local--files/the-great-hippo/scp_trans.png) center no-repeat ; float: center; border: solid 2px #000000; padding: 1px 15px; box-shadow: 0 1px 3px rgba(0,0,0,.2);"]]
##ff5c48|[[size 150%]] **警告:下列文件为#/XXXX级机密** [[/size]]##
----
[[size larger]] **无#/XXXX级权限下访问将被记录并立即处以纪律处分。** [[/size]]
[[/div]]
[[/=]]
注意:这段代码包含了背景图片的链接,但这张图片什么时候被删除了。如果你能够接受白色背景的警告信息,那么你可以保留原编码。但如果你需要背景图片的话,可以将编码中的链接改为这里。
选项3:
它是什么样的:
根据监督者议会的命令
以下文件为X/XXXX级机密。禁止未经授权的访问。
XXXX
复制这些:
[[div style="background: url(http://kaktuskontainer.wdfiles.com/local--files/format-hell/scp_trans.png) bottom center no-repeat; text-align: center; width: 600px; margin: 0 auto; font-size: 20px; padding: 0px;"]]
@@ @@
@@ @@
@@ @@
@@ @@
[[=]]
++* ##black|根据监督者议会的命令##
##black|以下文件为X/XXXX级机密。禁止未经授权的访问。##
[[/=]]
= **##black|XXXX##**
@@ @@
@@ @@
[[/div]]
选项4:
它是什么样的:
标题
副标题
描述 描述 描述 描述 描述 描述 描述 描述 描述 描述 描述 描述 描述 描述 描述 描述 描述 描述 描述 描述 描述 描述 描述 描述 描述 描述 描述 描述 描述 描述 描述 描述 描述 描述 描述 描述 描述 描述 描述 描述 描述 描述 描述 描述 描述 描述 描述 描述 描述 描述 描述 描述 描述 描述 描述 描述 描述 描述 描述 描述 描述 描述 描述 描述 描述
XXXX
复制这些:
[[div class="orderwrapper"]]
[[div class="council1"]]
[[/div]]
[[div class="ordertitle"]]
+* 标题
[[/div]]
[[div class="orderdescription"]]
_
+* 副标题
描述 描述 描述 描述 描述 描述 描述 描述 描述 描述 描述 描述 描述 描述 描述 描述 描述 描述 描述 描述 描述 描述 描述 描述 描述 描述 描述 描述 描述 描述 描述 描述 描述 描述 描述 描述 描述 描述 描述 描述 描述 描述 描述 描述 描述 描述 描述 描述 描述 描述 描述 描述 描述 描述 描述 描述 描述 描述 描述 描述 描述 描述 描述 描述 描述
[[/div]]
[[div class="itemno"]]
+* XXXX
[[/div]]
[[/div]]
[[module CSS]]
.orderwrapper {position: relative;width: auto;text-align: center;}.council1 {position: relative;top: 0;bottom: 0;left: 0;right: 0;width: 295px;height: 295px;margin: auto;background-image: url( "http://kaktuskontainer.wdfiles.com/local--files/format-hell/scp_trans.png" );background-size: 295px 295px;background-repeat: no-repeat;background-position: center;}.ordertitle {position: absolute;left: 0;right: 0;top: 38px;}.ordertitle h1 {font-size: 220%;color: #555;}.orderdescription {position: absolute;left: 0;right: 0;top: 85px;width: 100%;}.orderdescription p {font-size: 90%;color: #555;}.orderdescription h1 {font-size: 120%;color: #555;}.itemno {position: absolute;left: 0;right: 0;bottom: 27px;}.itemno h1 {font-size: 170%;color: #555;}
[[/module]]
选项5:
它是什么样的:
复制这些:
替代标题格式
选项1:
它是什么样的:
项目编号:SCP-XXXX |
4/XXXX级 |
项目等级:Euclid |
机密 |
复制这些:
[[table style="border: none; width: 100%;"]]
[[row]]
[[cell]]
[[size 125%]]**项目编号:**SCP-XXXX[[/size]]
[[/cell]]
[[cell style="text-align: right;"]]
[[size 125%]]###990000|**4/XXXX级**##[[/size]]
[[/cell]]
[[/row]]
[[row]]
[[cell]]
[[size 125%]]**项目等级:**Euclid[[/size]]
[[/cell]]
[[cell style="text-align: right;"]]
[[size 125%]]###990000|**机密**##[[/size]]
[[/cell]]
[[/row]]
[[/table]]
----
[[div class="scp-image-block block-center" style="width:100%;"]]
[[image image.jpg style="width:100%;" link=#]]
[[div class="scp-image-caption" style="width:100%;"]]
SCP-XXXX
[[/div]]
[[/div]]
----
注意:将‘image.jpg’改为你所使用的图片的文件名/网址。请注意这种图片方块的宽度与文章整体宽度相同。
选项2:
它是什么样的:
复制这些:
[[image http://scp-wiki.wikidot.com/local--files/scp-style-resource/header1/2/3/4/5.png]] (指定图片)
------
选项3:
它是什么样的:
1/7777 级 1/7777
机密
|
|
项目编号: SCP-7777
项目等级: Euclid
|
1/7777 级 1/7777
机密
|
|
项目编号: SCP-7777
项目等级: Euclid
Safe
|
复制这些:
[[include :scp-wiki:component:classified-decoration
|lv=1/2/3/4/5
|item=7777
|oc=Euclid
|lang=CN
|trans-level=级
|trans-classified=机密
]]
[[include :scp-wiki:component:classified-decoration
|lv=1
|item=7777
|oc=--Euclid--
+* Safe
|lang=CN
|trans-level=级
|trans-classified=机密
]]
选项4:
它是什么样的:
Item #: SCP-XXXX |
|
Object Class: Keter |
Level 4 Clearance |
Threat Level: Red ● |
复制这些:
[[include :smlt:component:aers:classification-stuff
|item=XXXX
|lvl=4
|class=Keter
|threat=Red
|threat-colour=#b01 [!-- 这是小圆点的颜色。如果你不确定的话,可以把它和威胁等级(threat)写成一样的。 --]
]]
选项5:
它是什么样的:
威胁等级:黑色
(点我!)
复制这些:
[[a href="*http://scp-wiki-cn.wikidot.com/niveaux-de-menace-des-objets-scp" style="font-size: 18px; color: white; text-shadow: 1px 3px 1px rgba(0,0,0,0.3); text-decoration: none;"]]
[[span_ style="display: inline-block; width: 100%; background-color: black; text-align: center; border: 1px none #000; margin: 1px; padding-top: 8px; padding-bottom: 8px;"]]
**威胁等级:**黑色
[[/span]]
[[/a]]
注意:要改变颜色,只需将“background-color”设为白/蓝/绿/黄/橙/红/黑white/blue/green/yellow/orange/red/black色。具有高/低对比度的颜色可能会需要你更改文字颜色color为白/黑white/black色来增强可读性。
注意:此格式最适合与其它替代标题格式配合使用,如前文所示。此格式基于法国分部的威胁等级分类。
选项6:
它是什么样的:
复制这些:
[[include :scpsandboxcn:component:cd-ver2
|lv=6
|item=SCP-XXXX
|class=Thaumiel
|site-responsible=Site-%E2%96%88%E2%96%88
|director=N/A
|research-head=N/A
|assigned-task-force=N/A
]]
注意:|lv的值可以被设为0至6之间的整数。
非常重要的提示:(由于Edge浏览器的问题,)这个模块只能插入字母、数字及少数符号。如果你想要使用其他符号,请用下面的工具进行编码!
选项7:
它是什么样的:
复制这些:
[[include :scpsandboxcn:svgheader1
|lv=3
|threat=绿
|item=XXXX
|oc=Euclid
]]
[[include :scpsandboxcn:svgheader1
|lv=6
|threat=绿
|item=XXXX
|oc=Euclid
|oc2=Thaumiel
]]
- lv:0 - 6
- threat:白/蓝/绿/黄/橙/红/黑
threat:white/blue/green/yellow/orange/red/black
“便签纸”格式
选项1
它是什么样的:
正文在此。你需要在新的一行中使用“@@ @@”来正确地分行。
就像这样。
你可以使用[[<]],[[=]],[[>]]来将不同文本/段落以你的方式对齐。
复制这些:
重要:这部分应置于页面顶端:
[[module css]]
.page {
display: block;
overflow: hidden;
font-family: "Monotype Corsiva", "Bradley Hand ITC", sans-serif;
font-style: normal;
background-attachment: scroll;
background-clip: border-box;
background-color: transparent;
background-image: linear-gradient(to top ,rgb(202, 219, 228) 0%, rgb(231, 233, 220) 8%);
background-origin: padding-box;
background-position: 0px 8px;
background-repeat: repeat;
background-size: 100% 20px;
border: 1px solid #CCC;
border-radius: 10px;
padding: 10px 10px;
margin-bottom: 10px;
box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2)
}
.page p {
line-height: 20px;
margin: 0;
}
[[/module]]
重要:这部分应置于文字框出现的位置:
[[div class="page"]]
正文在此。你需要在新的一行中使用“@<@@ @@>@”来正确地分行。
@@ @@
就像这样。
@@ @@
你可以使用[[<]],[[=]],[[>]]来将不同文本/段落以你的方式对齐。
@@ @@
[[>]]
尽情享受
[[/>]]
[[/div]]
“登入/登出”格式
选项1
它是什么样的:
复制这些:
重要:这部分应置于页面顶端:
[[module CSS]]
.fakeprot .mailform-box .buttons{display:none;}
.fakeprot + .collapsible-block .collapsible-block-link {padding: 0.1em 0.5em;text-decoration: none;background-color: #F4F4F4;border: 1px solid #AAA;color: #000;}
.fakeprot + .collapsible-block .collapsible-block-link:hover {background-color: #DDD;color: #000;}
.fakeprot + .collapsible-block .collapsible-block-link:active {background-color: #DDD;color: #000;}
.fakeprot + .collapsible-block .collapsible-block-unfolded-link{margin:0.5em 0;text-align: center;}
.fakeprot + .collapsible-block .collapsible-block-folded{margin:0.5em 0;text-align: center;}
.fakeprot .passw input[type=text] {text-security:disc;-webkit-text-security:disc;-mox-text-security:disc;}
.mailform-box td:first-child {width: 80px;}
[[/module]]
重要:这部分应置于表单出现的位置:
[[div class="fakeprot"]]
[[module MailForm to="aaaa (DUMMY)" button=""]]
# name
* title: ID
* default: <你的ID>
* type: text
* rules:
* required: true
* maxLength:10
* minLength: 100
[[/module]]
[[div class="passw"]]
[[module MailForm to="aaaa (DUMMY)" button=""]]
# affiliation
* title: 密码
* default: ・・・・・・・・・
* rules:
* required: true
* maxLength:10
* minLength: 100
[[/module]]
[[/div]]
[[/div]]
[[collapsible show="登入" hide="登出"]]
文字
[[/collapsible]]
选项2
它是什么样的:
复制这些:
[[html]]
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
body {font-family: Verdana;}
* {box-sizing: border-box;}
.input-container {
display: -ms-flexbox; /* IE10 */
display: flex;
width: 100%;
margin-bottom: 15px;
}
.input-field:focus{
border-style: solid;
transition: 0.5;
border-color: maroon;
border-width: 2px;
}
.input-field {
width: 100%;
padding: 10px;
outline: none;
transition: 0.5s;
}
.btn:focus {
outline: 0;
}
.btn {
background-color: Maroon;
color: white;
padding: 10px 20px;
border: none;
cursor: pointer;
width: 50%;
opacity: 0.9;
transition: 0.09s;
border-radius: 3px;
}
.btn:hover {
opacity: 1;
transition: 0.8s;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.7);
}
.btn:active {
transition: 0.09s;
transform: translateY(1px);
box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0);
}
.btn2 {
background-color: white;
border: none;
cursor: pointer;
}
p{
font-family: Helvetica;
margin-bottom: 5%;
}
</style>
</head>
<body>
<form autocomplete="off" style="max-width:450px;text-align:center;margin: auto;">
<p style="font-size:55px; font-weight: bold;">SCiPNET 登入</p>
<div class="input-container">
<input class="input-field" type="text" placeholder="用户名" name="usrnm">
</div>
<div class="input-container">
<input onkeyup="if(this.value.length > 0) document.getElementById('start_button').disabled = false; else document.getElementById('start_button').disabled = true;" class="input-field" type="password" placeholder="密码">
</div>
<button id="start_button" class="btn btn-success" onclick="window.open('将这里替换为登入后想要展示的网页地址','_parent')" disabled>登入</button>
<br></br>
<button style= "font-weight: bold;" class="btn2 btn-success">忘记密码?</button>
</form>
</body>
</html>
[[/html]]
重要:
- “登入”键不会在密码栏为空的情况下重新定向(打开目标网页)。
- 此登入格式用于含有迭代的文档。将代码中的“将这里替换为登入后想要展示的网页地址”改为你的文档所使用的正确迭代链接。
选项2—更多选择
它是什么样的:
复制这些:
链接选项:将你目标页面的网址(或"/"加上页面名称)写到"url"后面
[[include :scp-sandbox-3:component:login-module |url=http://scp-wiki-cn.wikidot.com/scp-style-resource|id=<你的ID>|pw=<你的密码>|disc=true|value=链接]]
折叠选项:将要显示的文字写到折叠块中
[[include :scp-sandbox-3:component:login-module |id=<你的ID>|pw=<你的密码>|disc=true]]
[[collapsible show="折叠" hide="登出"]]
文字
[[/collapsible]]
其它……?
参数 |
是否必填 |
允许的值 |
描述 |
id |
是 |
文字 |
ID值 |
pw |
是 |
文字 |
密码值 |
url |
否 |
http://example.com
/pagename |
当为空时,链接按钮将不会出现 |
value |
否 |
文字 |
链接按钮上的文字 |
disc |
否 |
true |
当不为空时,密码将不会被显示 |
title |
否 |
文字
链接 |
标题文字 |
自定义插图方块格式
选项1
它是什么样的:
复制这些:
[[include :scp-sandbox-3:image-zoom name={$name}|caption={$caption}|width=300px|align=right]]
将{$name}改为指向图片的文件名或链接。将{$caption}改为图片下方所显示的文字描述。图片的宽度(width)及对齐方式(align)都被设定为标准SCP文档格式,但它们同样可以被修改。
选项2
它是什么样的:
复制这些:
[[include :scp-sandbox-3:image-blur name={$name}|caption={$caption}|width=300px|align=right]]
将{$name}改为指向图片的文件名或链接。将{$caption}改为图片下方所显示的文字描述。图片的宽度(width)及对齐方式(align)都被设定为标准SCP文档格式,但它们同样可以被修改。
选项3
它是什么样的:
复制这些:
[[include :scp-sandbox-3:component:image-zoom-2 name={$name}|caption={$caption}|width=300px|align=right]]
重要:如果你的文件扩展名不是.png或.jpg的话,此组件将无法正常工作。
将{$name}改为指向图片的文件名或链接。将{$caption}改为图片下方所显示的文字描述。图片的宽度(width)及对齐方式(align)都被设定为标准SCP文档格式,但它们同样可以被修改。
图片幻灯片
使用说明可见这里。
实用沙盒工具
选项1:
它是什么样的:
复制这些:
EN: [[include :scp-sandbox-3:component:usefultool-module]]
CN: [[include :scpsandboxcn:component:usefultool-module]]
KO: [[include :sandbox.scp-wiki.kr:component:usefultool-module-ko]]
JP: [[include :scp-jp-sandbox2:component:usefultool-module]]
重要:这部分应置于页面底端。
选项2
它是什么样的:
复制这些:
[[include :smlt:7happy7:ut-ver2
|home=你的沙盒主页地址
]]
黑条格式
选项1
它是什么样的:
这个格式使你能够创建黑条信息并在鼠标移过时显示该信息。
复制这些:
[[span class="bblock"]]文字[[/span]]
如何调整:
以下代码用于调整文字显示时的颜色
[[module CSS]]
.bblock:hover {color: white}
[[/module]]
选项2
它是什么样的:
这个选项在鼠标移过时改变背景而不是文字的颜色。
复制这些:
[[span class="dblock"]]文字[[/span]]
如何调整:
以下代码用于调整背景改变时的颜色
[[module CSS]]
.dblock:hover {background: #f4f4f4}
[[/module]]
“今日日期”格式
选项1
它是什么样的:
普通(显示至“分”)
[[div class="normalFontTime"]]
例子:今天是[[iframe http://scp-sandbox-3.wikidot.com/local--code/component:todaysdate/1 width="120" scrolling="no"]]。
[[/div]]
普通(显示至“秒”)
[[div class="normalFontTime"]]
例子:[[iframe http://scp-sandbox-3.wikidot.com/local--code/component:todaysdate/2 width="130" scrolling="no"]]
[[/div]]
h1(显示至“分”)
例子:
[[iframe http://scp-sandbox-3.wikidot.com/local--code/component:todaysdate/3 width="230" height="25" scrolling="no"]]
h1(显示至“秒”)
例子:
[[iframe http://scp-sandbox-3.wikidot.com/local--code/component:todaysdate/4 width="260" height="25" scrolling="no"]]
粗体(显示至“分”)
[[div class="normalFontTime"]]
[[iframe http://scp-sandbox-3.wikidot.com/local--code/component:todaysdate/5 width="140" height="16" scrolling="no"]]
[[/div]]
粗体(显示至“秒”)
[[div class="normalFontTime"]]
[[iframe http://scp-sandbox-3.wikidot.com/local--code/component:todaysdate/6 width="160" height="16" scrolling="no"]]
[[/div]]
如何导入:
重要:这部分应置于页面顶端:
[[module css]]
@import url(http://scp-sandbox-3.wikidot.com/local--code/component:todaysdate/7);
[[/module]]
导入了以上代码后,你就准备好了!现在你可以使用iframe了。
选项2
它是什么样的:
今天是25 Mar 2024 09:16……也许吧!
复制这些:
[[module ListPages limit="1" category="*" order="updated_at desc"]]
> 今天是%%updated_at|%Y/%m/%d%%……也许吧!
[[/module]]
Discord聊天格式
选项1:
它是什么样的:
唷,Corvus,在吗?
在
咋啦
@GOTO 20
新消息
这是一张图片
复制这些:
代码及完整说明可见这里。
选项2:
它是什么样的:
…..⇒ . @Rainer's a soft boi 进入了竞技场!
A-paul-yon 今天 上午12:00
唷,@Rainer's a soft boi
看看这个。
Rainer's a soft boi 今天 上午12:00
那挺酷的,但考虑下这个:
复制这些:
重要:这是CSS模块。它应该置于页面顶端。
[[module CSS]]
.discord-nagi {display:block; background:#363940; color: #DADBDC; padding: 5px 10px 5px 10px;}
.quote {background-color: #2F3136;border: solid 3px #2B2C31;border-radius: 10px;color: #7C8C8E; padding: 0px 5px 0px 5px; width: 85%; margin: 0px 0px 5px; font-size: 110%}
.highlight {background-color: black; color: white; font-family:monospace; font-size: 125%}
.user1 {font-weight: bold;color: #c0e3ea}
.user2 {font-weight: bold;color: #ff0066}
.tag {color: #7289DA}
[[/module]]
这是聊天本身的代码。把它放在文章中需要它的地方。
[[div class="discord-nagi"]]
[[size 110%]]##363940|.....##[[/size]][[size 200%]]##lightgreen|⇒##[[/size]] [[size 125%]]##363940|.## ##7289DA|@Rainer's a soft boi## 进入了竞技场![[/size]]
------
[[span class="user1"]]A-paul-yon[[/span]] [[size 75%]]##5B5E63|今天 上午12:00##[[/size]]
唷,[[span class="tag"]]@Rainer's a soft boi[[/span]]
[[span class="highlight"]]看看这个。[[/span]]
------
[[span class="user2"]]Rainer's a soft boi[[/span]] [[size 75%]]##5B5E63|今天 上午12:00##[[/size]]
那挺酷的,但考虑下这个:
[[div class="quote"]]
资本主义下没有道德消费。
[[/div]]
[[/div]]
选项3:
哇,这真的和原版亮色模式一样糟糕。
它是什么样的:
…..⇒ . @Rainer's a soft boi 进入了竞技场!
A-paul-yon 今天 上午12:00
唷,@Rainer's a soft boi
看看这个。
Rainer's a soft boi 今天 上午12:00
那挺酷的,但考虑下这个:
复制这些:
重要:这是CSS模块。它应该置于页面顶端。
[[module CSS]]
.light {display:block; background:#FFFFFF; color: #DADBDC; padding: 5px 10px 5px 10px; border: solid 1px black}
.lightquote {color: #839496; background-color: #F8F9F9;border: solid 3px #EBEDEF;border-radius: 10px; padding: 0px 5px 0px 5px; width: 85%; margin: 0px 0px 5px; font-size: 110%}
.lighthighlight {background-color: #F8F9F9; color: #939BA6; font-family:monospace; font-size: 125%}
.user1 {font-weight: bold;color: #c0e3ea}
.user2 {font-weight: bold;color: #ff0066}
.tag {color: #7289DA}
[[/module]]
这是聊天本身的代码。把它放在文章中需要它的地方。
[[div class="light"]]
[[size 110%]]##white|.....##[[/size]][[size 200%]]##lightgreen|⇒##[[/size]] [[size 125%]]##white|.## ##7289DA|@Rainer's a soft boi## 进入了竞技场![[/size]]
------
[[span class="user1"]]A-paul-yon[[/span]] [[size 75%]]##5B5E63|今天 上午12:00##[[/size]]
唷,[[span class="tag"]]@Rainer's a soft boi[[/span]]
[[span class="lighthighlight"]]看看这个。[[/span]]
------
[[span class="user2"]]Rainer's a soft boi[[/span]] [[size 75%]]##5B5E63|今天 上午12:00##[[/size]]
那挺酷的,但考虑下这个:
[[div class="lightquote"]]
资本主义下没有道德消费。
[[/div]]
[[/div]]
Wikidot模块延展
ListUsers模块
选项1(为非Wikidot用户准备的ListUsers模块):
它是什么样的:
注意:如果你是wikidot用户,这个模块会显示你的ID;如果不是,它就会显示“游客”。
复制这些:
[[include :topia:listusers-1 users="."]]
##red|%%name%%##
[[include :topia:listusers-2]]
##blue|游客##
[[include :topia:listusers-3]]
选项2(包含ListUsers的变量的[[include]]方法):
它是什么样的:
复制这些:
[[module ListUsers users="."]]
[[include :topia:inc-loop c=__________|p=<include来源>]]
|<value>=%%name%%
]]
[[/module]]
例子:
[[include :topia:listusers-1 users="."]]
[[include :topia:inc-loop c=__________|p=component:image-block]]
|name=http://scp-wiki.wdfiles.com/local--files/scp-3935/school.png
|align=center
|width=100%
|caption=SCP-XXXX……而且你是//%%name%%//。
]]
[[include :topia:listusers-2]]
[[include component:image-block
|name=http://scp-wiki.wdfiles.com/local--files/scp-3935/school.png
|align=center
|width=100%
|caption=SCP-XXXX而且……我不知道你是谁。
]]
[[include :topia:listusers-3]]
第二辑
第一节:基础wikidot格式窍门
有一些wikidot基本格式本身就很刁钻,而且没有很好的解释说明。以下是我最常收到问题的两个部分:
引用块
要使用引用块,你应该在一行的开头键入“> ”。注意>后面的空格。
代码:
> 这是产生引用块的代码的一个例子。
>
> 此处有一处断行。注意引用块中新的一行里>后面的空格。
结果:
这是产生引用块的代码的一个例子。
此处有一处断行。注意引用块中新的一行里>后面的空格。
分页
分页使你能够将信息组织成可浏览的方式,并节省空间。
代码:
[[tabview]]
[[tab 分页1的名称]]
这里是你的文字/文章
[[/tab]]
[[tab 分页2的名称]]
这里是你的文字/文章2
[[/tab]]
[[/tabview]]
结果:
嘿,嘿Magnus,这边这个页面有些特别特别好的格式然后我想用这个格式。现在教我吧!
好,随机公民,这比你想的要简单。在主站每个页面的右下角都写着“选项”。点击它,一个小小的列表打开了。点击“页面源代码”然后它就会显示组成那个页面的Wikidot代码。每一处细节都有。
这个会让你找到任何你想在wiki上找到的东西,如果你不知道该做什么的话。
第二节:使用非wikidot代码
这就是事情变有趣的时候。Wikidot支持所有类型的对象,他们不只有自己的标记语言,你也可以加入自定义div。
代码:
[[div id="myDiv" style="background-color: green; text-color:white;"]]
这是一个div!
[[/div]]
结果:
Div是定义一样东西来容纳另一样东西的标准Web容器。这些东西可以是文字,其他div,span,以及其他Web对象。你真的可以使用性质来随意设计他们。
这基本是由叫做CSS,或cascading style sheets,来完成的。它们会覆盖默认的wikidot格式,而这也是我的折叠块和你们熟悉的那种有些不一样的原因。
使用Div能够让你创建方框和其他不同种类的形状来配合你文章的需要。
举个例子,如果你想要某些东西看起来像短信聊天:
代码:
[[div id="myTextMessageConvoHolder" style="display:inline-block; width:100%;"]]
[[div id="myTextMessageConvoDiv" style="color:white; border-radius: 25px; background: #73AD21;padding: 15px;width: 150px; height: 100px;float:left;"]]
我喜欢大屁股,而且我不能说谎。
[[/div]]
[[html]]
<br/>
[[/html]]
[[div id="myTextMessageConvoDivReply" style="color:white; border-radius: 25px; background: #blue;padding: 15px;width: 150px; height: 100px;float:right;display: inline-block"]]
我另一个弟兄无法否定。
[[/div]]
[[/div]]
结果:
就像你看到的,你能用这个干很多事。你也能看到,我有另一个非标准wikidot代码段:HTML块。
如果你知道如何写HTML的话,你可以把它写在一个[[html]] [[/html]]块里面。HTML块可以包含所有你想要的东西,包括<script>标签里的HTML和javascript。
这让你实现了许多超棒的组件。其中一个我被问的最多的组件是关于如何实现双重折叠块的
它们做起来没有那么难。需要注意的是,每一级的星号前都比前一级多一个空格。
代码
[[div class="foldable-list-container"]]
* Lol 折叠
* 第二个
* 更多
* 甚至更多
* 测试
[[/div]]
结果:
你也可以改变可折叠列表容器div,但编辑css模块来将元素包含在div中。要理解如何实现,请见第三和第四节。
常用于管理页面的非wikidot代码的最后一部分叫做iframes。
I frames用于将另一网站的完整内容包含在现有的页面中。下面是一个例子:
代码:
[[iframe http://home.helenbot.com/tools/randomButton.php style="border: 1px black solid;" width="100%" height="25" scrolling="no"]]
结果:
这是一个来自我的网站的页面——一个获得随机SCP的按钮,我常在这个网站中创建一些技术性项目。它获取原网页后将网页显示在目前页面中的一个较小的div里。这就是
SCP-895和
SCP-027-J中一些“高级”图片的实现方式。
举个例子,SCP-027-J的图片块是由如下代码实现的:
代码:
[[div class="scp-image-block" style="width:200px; float: right;"]]
[[iframe http://home.helenbot.com/images/remote.html width="200px" height="200px" frameborder="0" scrolling="no"]]
[[div class="scp-image-caption" style="width:200px;"]]
SCP-027-J?
[[/div]]
[[/div]]
结果:
第三节:Div及设计方式
所以你看过div了,它的一些部分写着“Style”。这些是CSS硬编码的设置,如果需要的话,你可以在单个对象的基础上定义这些设置,或者你也可以加入你自己的自定义CSS设置。
这是目前页面的CSS模块:
[[module css]]
#page-content .collapsible-block {
max-width: 100%;
background-color: #afe0ff;
text-color: black;
border-color: #b01;
border: solid 1px #b01;
padding: 5px;
}
.collapsible-block-content p {
padding-left: 5px;
padding-right: 5px;
padding-bottom: 5px;
padding-top: 5px;
}
.collapsible-block-content{
text-align: left;
}
.collapsible-block-folded, .collapsible-block-unfolded{
text-align: center;
text-color: black;
}
[[/module]]
他们具体做的是覆盖了折叠块的CSS设置,就如上面的可折叠部分一样。
CSS模块允许你对页面做任何事情,你甚至可以改变父容器的颜色。你可以改变页面本身的颜色,就像许多GoI中心页中所见,比如第三定律主页。你也可以在将CSS存储在另一个页面中后导入它,就像上面的主页一样。
需要注意的是,任何添加到“父”容器的属性都会添加到它的子容器中,除非该属性已经被子属性覆盖了。如果你将一个div中的文字居中,其内部所有div中的所有文字都会居中,除非你在“子”div中覆盖了它。
本文不是CSS教程,但基本概念如下:
一个#符号表示一个ID。当你给予div一个ID=“myId”,这将表示CSS模块中的#myId { /*属性在此 */ }。单个ID表示页面中的单一元素。
例子:
这会让所有myId中的文字变成红色。
#myId{
color: red;
}
.符号表示一个类。类类似于ID,但该css类中的所有效果都会附加到该类的元素上。所有“myClass”类的div都会获得CSS中.myClass { /*属性在此*/}的值。
例子:
这会使每个.myClass对象拥有1像素宽的实心黑色边框。
.myClass {
border: solid black 1px;
}
你也可以“嵌套”这些结构。.myClass .myClass2 { /*属性*/}表示“所有.myClass div中的 .myClass2 div”所有不在.myClass div中的.myClass2 div都不会受到影响。
例子:
这会使所有#myId1中的.myClass对象使用helvetica字体。
#myId1 .myClass {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
你也可以使用,来将相同的格式应用于多个类或ID。#myId1, #myId2 { /*属性*/}会将所有属性应用在#myId1和#myId2上。类也是一样的,属性会同时应用在两个类上。
例子:
这会使所有.myClass元素和特定的myId1元素拥有居中文字。
#myId1, .myClass {
text-align: center;
}
第四节:为欢乐与利润管理页面
最后一节是个大问题:如果你想修正一些东西,我到底怎么知道该改什么?
这不是web开发教程,所以这部分不是很完整。尽管如此,我还是会给你上一节更改元素属性的速成课。
如果你将鼠标置于某物上(字面意思,网页上的任何位置)并右键,应该有一个写着“检查元素”的选项。这会打开一个视图,看起来像个巨大的控制面板。
如果你把鼠标置于上面第二节中蓝色的“短信息”上,并检查元素,你会看到如下所示的属性:
element.style {
color: white;
border-radius: 25px;
background: blue;
padding: 15px;
width: 150px;
height: 100px;
float: right;
display: inline-block;
}
你可以点击这些属性的右边并更改任何属性,或者点击它们的上方或下方并添加属性。弄懂它的最佳方式是实验。如果这些都不行,谷歌你想要的属性,或你想做的事的大致描述,后面加上“CSS”。
试试把“background: blue”属性改为不同的颜色。这只会影响你的网页,而不会影响其他人看到的网页。
第五节:Listpages
好嘞,这个感觉有点像曾祖父。Listpages是wikidot提供的一个模块,用于在wiki上查询标准,并显示结果。它最简单的应用是:
代码:
[[module ListPages created_by="DrMagnus" limit="5" separate="no"]]
%%title_linked%% - %%rating%% Created On: %%created_at%%
[[/module]]
结果:
这是一个简单的页面选择,选出5篇我,DrMagnus,写的页面,不加断行。在这个模块的“本体”中,你写入你想显示的东西。这里我显示了标题、评分、及创建时间。
Listpages会明显地让页面变慢,如果你写了很多的话。非常不推荐每页写多于一个的Listpages。
以下是部分查询标准及可选的东东。
- pagetype
- "normal": 非隐藏页面
- "hidden": 隐藏页面
- "*": 二者
- category
- "." 表示目前分类(默认)
- "*" 表示所有分类
- 其它,一个由空格/逗号分割的分类列表
- 分类默认是加和的(分类或分类或分类)
- "-category" 表示除去此分类的页面(AND NOT - 与非)
- "%%category%%" 表示与目前页面相同的分类(如果在_template页面中使用)
- Tags
- "-" 表示没有标签的页面,可见或不可见
- "=" 表示与目前页面拥有任何相同可见标签的页面
- "==" 表示与目前页面拥有一模一样可见标签的页面
- 其它,以空格/逗号分割的标签列表
- 标签默认是加和的
- "-tag" 表示没有此标签(AND NOT - 与非)
- "+tag" 表示包含此标签(AND - 与)
- 父页面选择器:
- "-" 表示没有父页面
- "=" 表示目前页面的兄弟(相同父页面)
- "-=" 表示与目前页面拥有不同父页面
- "." 表示目前页面的孩子(父页面是本页)
- 其它:指定完整页面名称
- 外向链路(反向连结):
- 输入一个存在页面的完整名称来选择链向该页面的页面
- 以及"."表示链向目前页面的页面
- 创建日期选择器:
- "=" 表示与目前页面在相同日期创建
- "yyyy" 表示指定年份
- "yyyy.mm" 表示指定年份和月份
- 可选前缀">","<","=","<=",">=","<>"(默认为"=")
- 日期不是站点本地时间而是UTC (GMT)
- "last n unit"或"older than n unit",其中n是数字(默认为1)而unit是"hours","day","week",或"month"
- 更新日期选择器:
- 日期不是站点本地时间而是UTC(GMT)
- "last n unit"或"older than n unit",其中n是数字(默认为1)而unit是"hours","day","week",或"month"
- 作者选择器:
- "=" 表示与目前页面的创建者相同
- "-=" 表示与目前页面的创建者不同
- 或者,一个用户名
- 评分选择器:
- "n" 表示页面评分为n
- "=" 表示页面评分与目前页面相同
- 可选前缀">","<","=","<=",">=","<>"(默认为"=")
属性 |
Displays |
%%created_at%% |
页面创建时间 |
%%created_by%% |
页面创建者 |
%%created_by_unix%% |
“Unix化的”页面创建者——用于组成URL |
%%created_by_id%% |
页面创建者的“ID”号——用于组成URL |
%%created_by_linked%% |
页面创建者的图标及链接 |
%%updated_at%% |
页面更新时间(编辑,标签,添加父页面) |
%%updated_by%% |
页面更新者 |
%%updated_by_unix%% |
“Unix化的”页面更新者——用于组成URL |
%%updated_by_id%% |
页面更新者的“ID”号——用于组成URL |
%%updated_by_linked%% |
页面更新者的图标及链接 |
%%commented_at%% |
最新评论时间 |
%%commented_by%% |
最新评论者 |
%%commented_by_unix%% |
“Unix化的”最新评论者——用于组成URL |
%%commented_by_id%% |
最新评论者的“ID”号——用于组成URL |
%%commented_by_linked%% |
最新评论者的图标及链接 |
%%name%% |
不含分类的页面名称 |
%%category%% |
页面分类,如果有的话 |
%%fullname%% |
含分类的页面名称,如果有的话 |
%%title%% |
页面标题 |
%%title_linked%% |
页面链接,标题作为文字 |
%%parent_name%% |
不含分类的父页面名称 |
%%parent_category%% |
父页面分类如果有的话 |
%%parent_fullname%% |
含分类的父页面名称如果有的话 |
%%parent_title%% |
父页面标题 |
%%parent_title_linked%% |
父页面链接标题作为文字 |
%%link%% |
页面URL |
%%content%% |
页面内容 |
%%content{n}%% |
第n个页面段落 |
%%preview%% |
页面前200个字 |
%%preview(n)%% |
页面前n个字 |
%%summary%% |
页面内容摘要 |
%%first_paragraph%% |
页面第一段 |
%%tags%% |
页面可见标签(不以下划线开头的) |
%%tags_linked%% |
页面可见标签链接指向system:page-tags/tag/{tag} |
%%tags_linked|link_prefix%% |
页面可见标签链接指向link_prefix{tag} |
%%_tags%% |
页面隐藏标签(以下划线开头) |
%%_tags_linked%% |
页面隐藏标签链接指向system:page-tags/tag/{tag} |
%%_tags_linked|link_prefix%% |
页面隐藏标签链接指向 link_prefix{tag} |
%%form_data{name}%% |
页面数据中的字段值(Field Value)如果有的话 |
%%form_raw{name}%% |
对于选定的字段(Field),页面类型数据存储的内值,如果有的话 |
%%form_label{name}%% |
数据类型定义的字段标签如果有的话 |
%%form_hint{name}%% |
数据类型定义的字段线索如果有的话 |
%%children%% |
子页面数量 |
%%comments%% |
评论数 |
%%size%% |
字符数 |
%%rating%% |
页面评分值(数字或星级,取决于网站管理者的评分设定) |
%%rating_votes%% |
评分数 |
%%rating_percent%% |
五星评分的百分比 |
%%revisions%% |
页面修订次数 |
%%index%% |
Listpages中的页面序数(由1到%%total%%) |
%%total%% |
页面总数忽视limit(可比%%limit%%高) |
%%limit%% |
传递给ListPages的页面数量限制(如果未传递则为空) |
%%site_title%% |
目前网站的标题 |
%%site_name%% |
目前网站的Wikidot Unix名称 |
%%site_domain%% |
目前网站的激活域名 |
第五节:好东西
你知道web开发吗?炫耀一下吧
代码:
[[html]]
<div style="display:inline-block; width = 100%">
<div id="findbalance" class="titlebox" style="float:left">
Left side!
<Button type="button" class="inputfield" id="submit">Submit</Button><br/>
</div>
<div id="wise" style="display:none;float:right" class="titlebox" >
Strong side!
<Button type="button" class="inputfield" id="wiseSubmit">Submit</Button>
</div>
</div>
<script>
document.getElementById("submit").onclick= function(){
document.getElementById("findbalance").style.display = "none";
document.getElementById("wise").style.display="";
}
document.getElementById("wiseSubmit").onclick= function(){
document.getElementById("wise").style.display = "none";
document.getElementById("findbalance").style.display = "";
};
</script>
<style>
.titlebox{
border: black 1px solid;
padding: 10px;
width: 40%;
background: beige;
}
.inputfield {
padding: 2px;
margin: 2px;
}
</style>
[[/html]]
结果:
总结
第一节:基础wikidot格式窍门
有一些wikidot基本格式本身就很刁钻,而且没有很好的解释说明。以下是我最常收到问题的两个部分:
引用块
要使用引用块,你应该在一行的开头键入“> ”。注意>后面的空格。
代码:
> 这是产生引用块的代码的一个例子。
>
> 此处有一处断行。注意引用块中新的一行里>后面的空格。
结果:
这是产生引用块的代码的一个例子。
此处有一处断行。注意引用块中新的一行里>后面的空格。
分页
分页使你能够将信息组织成可浏览的方式,并节省空间。
代码:
[[tabview]]
[[tab 分页1的名称]]
这里是你的文字/文章
[[/tab]]
[[tab 分页2的名称]]
这里是你的文字/文章2
[[/tab]]
[[/tabview]]
结果:
嘿,嘿Magnus,这边这个页面有些特别特别好的格式然后我想用这个格式。现在教我吧!
好,随机公民,这比你想的要简单。在主站每个页面的右下角都写着“选项”。点击它,一个小小的列表打开了。点击“页面源代码”然后它就会显示组成那个页面的Wikidot代码。每一处细节都有。
这个会让你找到任何你想在wiki上找到的东西,如果你不知道该做什么的话。
第二节:使用非wikidot代码
这就是事情变有趣的时候。Wikidot支持所有类型的对象,他们不只有自己的标记语言,你也可以加入自定义div。
代码:
[[div id="myDiv" style="background-color: green; text-color:white;"]]
这是一个div!
[[/div]]
结果:
Div是定义一样东西来容纳另一样东西的标准Web容器。这些东西可以是文字,其他div,span,以及其他Web对象。你真的可以使用性质来随意设计他们。
这基本是由叫做CSS,或cascading style sheets,来完成的。它们会覆盖默认的wikidot格式,而这也是我的折叠块和你们熟悉的那种有些不一样的原因。
使用Div能够让你创建方框和其他不同种类的形状来配合你文章的需要。
举个例子,如果你想要某些东西看起来像短信聊天:
代码:
[[div id="myTextMessageConvoHolder" style="display:inline-block; width:100%;"]]
[[div id="myTextMessageConvoDiv" style="color:white; border-radius: 25px; background: #73AD21;padding: 15px;width: 150px; height: 100px;float:left;"]]
我喜欢大屁股,而且我不能说谎。
[[/div]]
[[html]]
<br/>
[[/html]]
[[div id="myTextMessageConvoDivReply" style="color:white; border-radius: 25px; background: #blue;padding: 15px;width: 150px; height: 100px;float:right;display: inline-block"]]
我另一个弟兄无法否定。
[[/div]]
[[/div]]
结果:
就像你看到的,你能用这个干很多事。你也能看到,我有另一个非标准wikidot代码段:HTML块。
如果你知道如何写HTML的话,你可以把它写在一个[[html]] [[/html]]块里面。HTML块可以包含所有你想要的东西,包括<script>标签里的HTML和javascript。
这让你实现了许多超棒的组件。其中一个我被问的最多的组件是关于如何实现双重折叠块的
它们做起来没有那么难。需要注意的是,每一级的星号前都比前一级多一个空格。
代码
[[div class="foldable-list-container"]]
* Lol 折叠
* 第二个
* 更多
* 甚至更多
* 测试
[[/div]]
结果:
你也可以改变可折叠列表容器div,但编辑css模块来将元素包含在div中。要理解如何实现,请见第三和第四节。
常用于管理页面的非wikidot代码的最后一部分叫做iframes。
I frames用于将另一网站的完整内容包含在现有的页面中。下面是一个例子:
代码:
[[iframe http://home.helenbot.com/tools/randomButton.php style="border: 1px black solid;" width="100%" height="25" scrolling="no"]]
结果:
这是一个来自我的网站的页面——一个获得随机SCP的按钮,我常在这个网站中创建一些技术性项目。它获取原网页后将网页显示在目前页面中的一个较小的div里。这就是
SCP-895和
SCP-027-J中一些“高级”图片的实现方式。
举个例子,SCP-027-J的图片块是由如下代码实现的:
代码:
[[div class="scp-image-block" style="width:200px; float: right;"]]
[[iframe http://home.helenbot.com/images/remote.html width="200px" height="200px" frameborder="0" scrolling="no"]]
[[div class="scp-image-caption" style="width:200px;"]]
SCP-027-J?
[[/div]]
[[/div]]
结果:
第三节:Div及设计方式
所以你看过div了,它的一些部分写着“Style”。这些是CSS硬编码的设置,如果需要的话,你可以在单个对象的基础上定义这些设置,或者你也可以加入你自己的自定义CSS设置。
这是目前页面的CSS模块:
[[module css]]
#page-content .collapsible-block {
max-width: 100%;
background-color: #afe0ff;
text-color: black;
border-color: #b01;
border: solid 1px #b01;
padding: 5px;
}
.collapsible-block-content p {
padding-left: 5px;
padding-right: 5px;
padding-bottom: 5px;
padding-top: 5px;
}
.collapsible-block-content{
text-align: left;
}
.collapsible-block-folded, .collapsible-block-unfolded{
text-align: center;
text-color: black;
}
[[/module]]
他们具体做的是覆盖了折叠块的CSS设置,就如上面的可折叠部分一样。
CSS模块允许你对页面做任何事情,你甚至可以改变父容器的颜色。你可以改变页面本身的颜色,就像许多GoI中心页中所见,比如第三定律主页。你也可以在将CSS存储在另一个页面中后导入它,就像上面的主页一样。
需要注意的是,任何添加到“父”容器的属性都会添加到它的子容器中,除非该属性已经被子属性覆盖了。如果你将一个div中的文字居中,其内部所有div中的所有文字都会居中,除非你在“子”div中覆盖了它。
本文不是CSS教程,但基本概念如下:
一个#符号表示一个ID。当你给予div一个ID=“myId”,这将表示CSS模块中的#myId { /*属性在此 */ }。单个ID表示页面中的单一元素。
例子:
这会让所有myId中的文字变成红色。
#myId{
color: red;
}
.符号表示一个类。类类似于ID,但该css类中的所有效果都会附加到该类的元素上。所有“myClass”类的div都会获得CSS中.myClass { /*属性在此*/}的值。
例子:
这会使每个.myClass对象拥有1像素宽的实心黑色边框。
.myClass {
border: solid black 1px;
}
你也可以“嵌套”这些结构。.myClass .myClass2 { /*属性*/}表示“所有.myClass div中的 .myClass2 div”所有不在.myClass div中的.myClass2 div都不会受到影响。
例子:
这会使所有#myId1中的.myClass对象使用helvetica字体。
#myId1 .myClass {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
你也可以使用,来将相同的格式应用于多个类或ID。#myId1, #myId2 { /*属性*/}会将所有属性应用在#myId1和#myId2上。类也是一样的,属性会同时应用在两个类上。
例子:
这会使所有.myClass元素和特定的myId1元素拥有居中文字。
#myId1, .myClass {
text-align: center;
}
第四节:为欢乐与利润管理页面
最后一节是个大问题:如果你想修正一些东西,我到底怎么知道该改什么?
这不是web开发教程,所以这部分不是很完整。尽管如此,我还是会给你上一节更改元素属性的速成课。
如果你将鼠标置于某物上(字面意思,网页上的任何位置)并右键,应该有一个写着“检查元素”的选项。这会打开一个视图,看起来像个巨大的控制面板。
如果你把鼠标置于上面第二节中蓝色的“短信息”上,并检查元素,你会看到如下所示的属性:
element.style {
color: white;
border-radius: 25px;
background: blue;
padding: 15px;
width: 150px;
height: 100px;
float: right;
display: inline-block;
}
你可以点击这些属性的右边并更改任何属性,或者点击它们的上方或下方并添加属性。弄懂它的最佳方式是实验。如果这些都不行,谷歌你想要的属性,或你想做的事的大致描述,后面加上“CSS”。
试试把“background: blue”属性改为不同的颜色。这只会影响你的网页,而不会影响其他人看到的网页。
第五节:Listpages
好嘞,这个感觉有点像曾祖父。Listpages是wikidot提供的一个模块,用于在wiki上查询标准,并显示结果。它最简单的应用是:
代码:
[[module ListPages created_by="DrMagnus" limit="5" separate="no"]]
%%title_linked%% - %%rating%% Created On: %%created_at%%
[[/module]]
结果:
这是一个简单的页面选择,选出5篇我,DrMagnus,写的页面,不加断行。在这个模块的“本体”中,你写入你想显示的东西。这里我显示了标题、评分、及创建时间。
Listpages会明显地让页面变慢,如果你写了很多的话。非常不推荐每页写多于一个的Listpages。
以下是部分查询标准及可选的东东。
- pagetype
- "normal": 非隐藏页面
- "hidden": 隐藏页面
- "*": 二者
- category
- "." 表示目前分类(默认)
- "*" 表示所有分类
- 其它,一个由空格/逗号分割的分类列表
- 分类默认是加和的(分类或分类或分类)
- "-category" 表示除去此分类的页面(AND NOT - 与非)
- "%%category%%" 表示与目前页面相同的分类(如果在_template页面中使用)
- Tags
- "-" 表示没有标签的页面,可见或不可见
- "=" 表示与目前页面拥有任何相同可见标签的页面
- "==" 表示与目前页面拥有一模一样可见标签的页面
- 其它,以空格/逗号分割的标签列表
- 标签默认是加和的
- "-tag" 表示没有此标签(AND NOT - 与非)
- "+tag" 表示包含此标签(AND - 与)
- 父页面选择器:
- "-" 表示没有父页面
- "=" 表示目前页面的兄弟(相同父页面)
- "-=" 表示与目前页面拥有不同父页面
- "." 表示目前页面的孩子(父页面是本页)
- 其它:指定完整页面名称
- 外向链路(反向连结):
- 输入一个存在页面的完整名称来选择链向该页面的页面
- 以及"."表示链向目前页面的页面
- 创建日期选择器:
- "=" 表示与目前页面在相同日期创建
- "yyyy" 表示指定年份
- "yyyy.mm" 表示指定年份和月份
- 可选前缀">","<","=","<=",">=","<>"(默认为"=")
- 日期不是站点本地时间而是UTC (GMT)
- "last n unit"或"older than n unit",其中n是数字(默认为1)而unit是"hours","day","week",或"month"
- 更新日期选择器:
- 日期不是站点本地时间而是UTC(GMT)
- "last n unit"或"older than n unit",其中n是数字(默认为1)而unit是"hours","day","week",或"month"
- 作者选择器:
- "=" 表示与目前页面的创建者相同
- "-=" 表示与目前页面的创建者不同
- 或者,一个用户名
- 评分选择器:
- "n" 表示页面评分为n
- "=" 表示页面评分与目前页面相同
- 可选前缀">","<","=","<=",">=","<>"(默认为"=")
属性 |
Displays |
%%created_at%% |
页面创建时间 |
%%created_by%% |
页面创建者 |
%%created_by_unix%% |
“Unix化的”页面创建者——用于组成URL |
%%created_by_id%% |
页面创建者的“ID”号——用于组成URL |
%%created_by_linked%% |
页面创建者的图标及链接 |
%%updated_at%% |
页面更新时间(编辑,标签,添加父页面) |
%%updated_by%% |
页面更新者 |
%%updated_by_unix%% |
“Unix化的”页面更新者——用于组成URL |
%%updated_by_id%% |
页面更新者的“ID”号——用于组成URL |
%%updated_by_linked%% |
页面更新者的图标及链接 |
%%commented_at%% |
最新评论时间 |
%%commented_by%% |
最新评论者 |
%%commented_by_unix%% |
“Unix化的”最新评论者——用于组成URL |
%%commented_by_id%% |
最新评论者的“ID”号——用于组成URL |
%%commented_by_linked%% |
最新评论者的图标及链接 |
%%name%% |
不含分类的页面名称 |
%%category%% |
页面分类,如果有的话 |
%%fullname%% |
含分类的页面名称,如果有的话 |
%%title%% |
页面标题 |
%%title_linked%% |
页面链接,标题作为文字 |
%%parent_name%% |
不含分类的父页面名称 |
%%parent_category%% |
父页面分类如果有的话 |
%%parent_fullname%% |
含分类的父页面名称如果有的话 |
%%parent_title%% |
父页面标题 |
%%parent_title_linked%% |
父页面链接标题作为文字 |
%%link%% |
页面URL |
%%content%% |
页面内容 |
%%content{n}%% |
第n个页面段落 |
%%preview%% |
页面前200个字 |
%%preview(n)%% |
页面前n个字 |
%%summary%% |
页面内容摘要 |
%%first_paragraph%% |
页面第一段 |
%%tags%% |
页面可见标签(不以下划线开头的) |
%%tags_linked%% |
页面可见标签链接指向system:page-tags/tag/{tag} |
%%tags_linked|link_prefix%% |
页面可见标签链接指向link_prefix{tag} |
%%_tags%% |
页面隐藏标签(以下划线开头) |
%%_tags_linked%% |
页面隐藏标签链接指向system:page-tags/tag/{tag} |
%%_tags_linked|link_prefix%% |
页面隐藏标签链接指向 link_prefix{tag} |
%%form_data{name}%% |
页面数据中的字段值(Field Value)如果有的话 |
%%form_raw{name}%% |
对于选定的字段(Field),页面类型数据存储的内值,如果有的话 |
%%form_label{name}%% |
数据类型定义的字段标签如果有的话 |
%%form_hint{name}%% |
数据类型定义的字段线索如果有的话 |
%%children%% |
子页面数量 |
%%comments%% |
评论数 |
%%size%% |
字符数 |
%%rating%% |
页面评分值(数字或星级,取决于网站管理者的评分设定) |
%%rating_votes%% |
评分数 |
%%rating_percent%% |
五星评分的百分比 |
%%revisions%% |
页面修订次数 |
%%index%% |
Listpages中的页面序数(由1到%%total%%) |
%%total%% |
页面总数忽视limit(可比%%limit%%高) |
%%limit%% |
传递给ListPages的页面数量限制(如果未传递则为空) |
%%site_title%% |
目前网站的标题 |
%%site_name%% |
目前网站的Wikidot Unix名称 |
%%site_domain%% |
目前网站的激活域名 |