社区贡献的神秘代码

原注：该页面是用来测试各种代码的，你们也可以修改，但是要标注每个代码有什么用途，否则别人可能源代码的时候看不懂

编者注：由 Genshvn_PGenshvn_P 经过原页面创建者 synesthesiaersynesthesiaer 授权搬运并改编。

该页的原页面贡献者还有：wumingshiuknwumingshiukn、woshilaoliuwoshilaoliu、BlueberrybushilanmeiBlueberrybushilanmei、xiasheng01xiasheng01、Wheat_HaddockWheat_Haddock、whitemoon434whitemoon434、Orion pwgOrion pwg、severinesunseverinesun、MetroFanMetroFan、Star YuStar Yu、12491249、1243cvb 19298ewq1243cvb 19298ewq（现用号：simon laausimon laau）和omega37omega37，在此一并感谢。

代码来源至：社区收集和个人制作。

向各位前輩致敬。



隐藏页眉

[[module css]]
#page-title {
    display: none;
}
[[/module]]

评分模块：

评分: 0+–x

其他

评分: 0+–x
评分: 0+–x

只需要把>改为=或<就行了

代码：

显示代码

显示用户名

显示代码

拟真结尾


« Level C-XXX-1 | Level C-XXX | Level C-XXX+1 »


_____________________
原创 层级 生存难度0

编辑 评分(+13) 标签 讨论(25) 历史记录

附件 打印 网站工具 +选项

代码：

显示代码

背景定义模块

這個
這個
這個
這個
這個

代码：

显示代码

示亡号及其类似用法

示例人名

显示代码


其中“padding”是内边距大小（理论上来说多大都可以，至于好不好看……），“solid”是颜色（使用十六进制），于是你可以这样使用：


您尝试显示的讨论串似乎已被删除        ‌‍‎‏         

显示代码

公告

 此页已被锁定
本页面直到得到职员批准之前禁止使用。

代码：

显示代码

密码按钮

显示代码

伪装中分版头

！！此页面不存在！！

你的文章有获得其他成员的认可吗？

一篇文章须在草稿区经过其他成员评判并认可后才能发布。

wiki内有非常多的资源可以帮助你获得反馈和评价，请参考以下指导：

指导

沙盒

相关政策

翻译指导

翻译预定

如何获得有用的批评和建议？

你可以将你的草稿链接发布到讨论区，Discord服务器和QQ群来获得批评和建议。

参考链接：

新成员？

无法创建页面？加入站点吧！

点击这里加入网站！


注意：想要进行评分，讨论和创作，你必须先申请加入本站。

一切准备就绪？

谨记：本站是评价最终成果的地方，而不是为未完成作品提供意见及反馈的地方。

你的责任就是在这里只发布已完成、最终的作品。网站成员有权不就他们的评分作出解释。
如果你了解上述的一切，并仍然要创建此页的话，请点击下面的链接创建页面。

点击这里创建页面！


其他语言

%%404_page_name%%

logo.svg
英语 EN
RU%20Logo
俄语 RU
FR%20Logo
法语 FR
PT-BR%20Logo
葡萄牙语 PT
vn-logo
越南语 VN
es_logo.png
西班牙语 ES
backrooms-pl-bgtr.png
波兰语 PL

显示代码

云室版本伪装版头

！！此页面不存在！！


点击这里创建这个页面

无法创建页面？点击这里加入网站！
注意：想要进行评分，讨论和创作，你必须先申请加入本站。

建立页面之前请先阅读站规。

欢迎加入XX维基创作交流QQ群（QQ群号）。

%%404_page_name%%

代码：

显示代码

时间显示器

显示代码

世界观内的时间显示器

显示代码

移动图案



你逐渐感到平静



代码：

显示代码

主站偷的一个好看的东西

lxm.jpg

文字

文字

文字

代码：

显示代码

内建数学表达式

这不只是特殊字体，这是内建数学表达式
$对中文影响不大$
$对English同样有效！$
$数字也是！12345$

一般用法

$E = mc^2$

$v_{小明} = 120m/s$

$2KClO_3+3S \triangleq 2KCl+3SO_2$

$\sqrt{28+10\sqrt{3}}+\sqrt{7+4\sqrt{3}}=7$

$\lim_{x \to \infty } \left ( 1+\frac{1}{x} \right ) ^{x}$


代码
显示代码

拼音标注

字符zì fú

汉语Chinese

后室民间分部例如云室

显示代码

悬浮目录

显示代码

悬浮黑块

你看见我辣？

代码：

显示代码

显示草稿

这个东西叫做ListDrafts，和ListPages以及ListUsers一个套路
这个东西在原文中的释义是“本模块列出了网站上包含草稿的所有页面。您可以选择是显示所有草稿，还是仅显示现有/不存在的页面。”
大概解释一下就是会列出所有有人点了那个“保存草稿”按钮的页面，懂了吗？

稍稍有点长
显示代码

数页面

这个东西叫做CountPages，和ListDrafts、ListPages以及ListUsers一个套路
大概看了看，就这样：

这是一个只列出版式页面的CountPages，看，我们的网站目前有3个版式

这是一个只列出标签带有“原创”的页面的CountPages，看，我们的网站目前有1个这种页面

这是一个列出本站所有页面的CountPages，看，我们的网站目前有28个页面

显示代码

引出块（雾

恍惚间，我们自认为已逃离了后室……

展开代码

Croq风格CSS

这是什么

我CroquemboucheCroquembouche用在一大堆页面上的一大堆各种各样的CSS“改进”，因为我觉得这样就能使其更容易处理。

该组件做出了很多非常细碎的改动以使得写作体验更加舒服且能够使制作组件/版式更加容易一点（也就是我经常干的事）。它不会对读者来说在视觉上改变页面中的任何东西——这些改动是为作者服务的。

我不期望用了这个组件的文章的翻译版也会用到这个组件，除非那个翻译者也喜欢这个组件而且也想用这个组件之类的。

这个组件可能不会与其它组件或版式冲突，且即使会冲突，也可能不会有什么影响。

用法

在任意维基上：

[[include :scp-wiki:component:croqstyle]]

该组件被设计于与其它组件一同使用，所以-=-是用来隐藏该文档的。在另一个组件内使用时，请确保将该组件放在[[iftags]]块内，这样你的组件的用户就不会强制同样使用 Croq 风格。

相关组件

其它个人自定义组件（只会改变一点点东西）：

个人自定义版式（在视觉上有大的变化）：

CSS修改

大小合理的脚注

不让脚注达到一百万里那么宽，让你能确实地阅读脚注。

.hovertip { max-width: 400px; }

等宽字体编辑/代码

使编辑文本框内字体等宽，且将所有等宽字文本改为Fira Code，也是个明显很优秀的等宽字字体。

@import url('https://fonts.googleapis.com/css2?family=Fira+Code:wght@400;700&display=swap');
 
:root { --mono-font: "Fira Code", Cousine, monospace; }
#edit-page-textarea, .code pre, .code p, .code, tt, .page-source { font-family: var(--mono-font); }
.code pre * { white-space: pre; }
.code *, .pre * { font-feature-settings: unset; }

电传打字机背景

给<tt>元素加上亮灰色的背景（{{文本}}），使得代码片段更为突出。

tt {
  background-color: var(--swatch-something-bhl-idk-will-fix-later, #f4f4f4);
  font-size: 85%;
  padding: 0.2em 0.4em;
  margin: 0;
  border-radius: 6px;
}

不要大脸

禁用悬停于某人的头像的时候出现的大图片，因为这图片又蠢又真的很烦人，想看大头像版本的话直接点击一下就行了。

.avatar-hover { display: none !important; }

碎裂碎裂

任何在带有nobreak类的div中的文本可以在字母间自动换行。

.nobreak { word-break: break-all; }

代码颜色

将我终端中的代码颜色加为变量。可能我会在什么时候把它改成比如Monokai或者别的更加常见的终端主题，但是现在暂时这还是我的个人主题，是从Tomorrow Night Eighties中衍生而来的。

还有，将.terminal类像[[div class="code terminal"]]一样添加到假代码方块中可以让它有一个有点伪终端样的暗色背景。不能用在[[code]]中，因为Wikidot嵌入了一大堆语法来使其高亮，不用一大堆CSS是改不动的。只能用在非[[code]]的代码片段中。

:root {
  --c-bg: #393939;
  --c-syntax: #e0e0e0;
  --c-comment: #999999;
  --c-error: #f2777a;
  --c-value: #f99157;
  --c-symbol: #ffcc66;
  --c-string: #99cc99;
  --c-operator: #66cccc;
  --c-builtin: #70a7df;
  --c-keyword: #cc99cc;
}
 
.terminal, .terminal > .code {
  color: var(--c-syntax);
  background: var(--c-bg);
  border: 0.4rem solid var(--c-comment);
  border-radius: 1rem;
}

调试模式

将位于.debug-mode中的任何东西周围画上线。线的颜色是红色的但是遵从CSS变量--debug-colour。

你还可以将div.debug-info.over与div.debug-info.under添加到某个元素中以给调试框加注释——虽然你得确保有留下足够的垂直空间，让注释不会与其上方或下方的东西重叠。

……就像这样！

.debug-mode, .debug-mode *, .debug-mode *::before, .debug-mode *::after {
  outline: 1px solid var(--debug-colour, red);
  position: relative;
}
.debug-info {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  font-family: 'Fira Code', monospace;
  font-size: 1rem;
  white-space: nowrap;
}
.debug-info.over { top: -2.5rem; }
.debug-info.under { bottom: -2.5rem; }
.debug-info p { margin: 0; }

代码内容

展开代码

移动文字

展开代码
指导搬运
页面版本: 34, 最后编辑于: 25 Apr 2026 15:00
编辑 评分 (0) 标签 讨论 历史记录 附件 打印 网站工具 + 选项
© Genshvn_P 个人站（2023-2026）
×