存放图片与代码专用，勿删

[[include :evernight-aquarium:component:non-savingpage]]
↑防止卡加载↑

---

此组件用于更新编辑框按钮的外观。

你可以在大部分基于Sigma-9的版式中使用它，替换原来过时的编辑面板按钮样式。

在任何页面上：[[include :scp-wiki-cn:component:editor-icons]]

---

[[module CSS]]
:root:lang(cn) {
--logo-image: url("LOGO链接");
--header-title: "主标题";
--header-subtitle: "副标题";
}
[[/module]]

---

一种很好看的div块，制作者是eastleavecn。

[[module CSS]]
/*
shadowbox div的CSS
这一段置于页面顶端。
*/
.x {
-webkit-box-shadow: 0px 0px 13px -7px rgba(5,5,5,0.75);
box-shadow: 0px 0px 13px -7px rgba(5,5,5,0.75);
margin: 1rem 1rem;
padding: 1rem 1rem;
}
[[/module]]

---

[[div class="x"]]

这里是内容。

[[/div]]

---

信息栏其他语言模块去除。

[[module CSS]]
.u-faq,.translation_block {
display: none;
}
[[/module]]

在页面链接后面加上 /norender/true 即可正常评分。

[[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 #000; padding: 1px 15px; box-shadow: 0 1px 3px rgba(0,0,0,.2);"]]

这是一段废话。

[[/div]]

---

[!--

本文使用的是单页:target迭代，代码如下：

（不能调换迭代的顺序，第一迭代需要始终位于最后，而更多迭代可以插入到第三迭代后面。顺序类似2-1，2-3-1，或者2-3-4-1等。）

↓ 请复制以下内容直到后面箭头处：↓

[[module CSS]]
.target,
.top:target ~ .default {
    display: none;
}
.top:target + .target {
    display: block;
}
.top {
    position: absolute;
    top: 0;
[[/module]]

[[div id="u-p-1" class="top"]]
[[/div]]
[[div class="target"]]

[#u-p-0 回到第一迭代的链接]。

第二迭代的内容

[#u-p-2 前往第三迭代的链接]。

[[/div]]

[[div id="u-p-2" class="top"]]
[[/div]]
[[div class="target"]]

[#u-p-1 回到第二迭代的链接]。

第三迭代的内容

[[/div]]

[[div id="u-p-0" class="default"]]

第一迭代的内容

[#u-p-1 前往第二迭代的链接]。

[[/div]]

↑ 复制至此结束。↑

--]

---

网站链接

这是一个包含了近一千个开源字体的网站，你可以通过筛选分类功能找到你想要的字体并使用它，简直就是装逼神器写文码字文章美化之良品。

那么下面就以网站中的 云峰飞云体 为例，介绍两种把可以字体应用到你的wikidot文章中的方法：

方案一

这是最常用的方法

首先，点进去你想嵌入的字体，往下翻找到“嵌入字体”，直接复制它的css代码，如图：

然后，回到你的文章，将复制的代码复制到你文章的顶端，并且用[[module css]]代码将它括起来，就像这样：

[[module css]]
@import url("https://fontsapi.zeoseven.com/446/main/result.css");

body {
    font-family: "YFFYT";
    font-weight: normal;
}
[[/module]]

这串代码的作用是使这个页面的所有文字全变成目标字体，如果你正有此意，那么就可以无视以下步骤了。

但如果你只是想令部分文字改变字体，那么我们需要删去一串代码，但是在此之前，你需要明白这串代码的含义：

body {
    font-family: "YFFYT";        ☞ 字体名称：“YFFYT”
    font-weight: normal;         ☞ 字体粗细：“normal”
}

随后删去这串代码，在你想修改字体的文字处使用下面的代码：

预言中说：[[span style="font-family: 'YFFYT' ; font-size: 1.2em;"]]Wikidot，要完蛋了！[[/span]]

+ 点击查看代码效果

预言中说：Wikidot，要完蛋了！

其中：font-family表示字体名称，font-size表示字体大小，1em表示原大小，如果字体显示太小可以将1改成1.2或1.3等数值

如果你想修改一大段文字的字体，那么只需要将代码中的span改为div，并且在文字两端添加回车即可，例如：

[[div style="font-family: 'YFFYT' ; font-size: 1.2em;"]]
Wikidot，
要完蛋了！
[[/div]]

+ 点击查看代码效果

Wikidot，
要完蛋了！

学会了就快去试试吧！

方案二

这个方法不太常用，但是如果后期需要进行整体修改时就会很方便

前两步和方案一中讲的一样：

首先，点进去你想嵌入的字体，往下翻找到“嵌入字体”，直接复制它的css代码，如图：

然后，回到你的文章，将复制的代码复制到你文章的顶端，并且用[[module css]]代码将它括起来，就像这样：

[[module css]]
@import url("https://fontsapi.zeoseven.com/446/main/result.css");

body {
    font-family: "YFFYT";
    font-weight: normal;
}
[[/module]]

接下来就是和方案一中不同的地方，我们需要把这串代码的下半段改成这个样子：

span.A {
    font-family: "YFFYT";
    font-weight: normal;
    font-size: 1em;
}

理解起来也很简单，这个代码的意思是设置一个名为A的span，并且这个span中包含的所有元素会遵循如下这些设置：
font-family/字体名称设置为YFFYT；
font-weight/字体粗细设置为normal；
font-size/字体大小设置为1em，其中1em表示原大小，如果字体显示太小可以将1改成1.2或1.3等数值

最后直接在你要修改字体的文字处添加下面的代码就可以了：

[[span class="A"]]文本[[/span]]

整体看就像这样：

[[module css]]
@import url("https://fontsapi.zeoseven.com/446/main/result.css");

span.A {
    font-family: "YFFYT";
    font-weight: normal;
    font-size: 1em;
}
[[/module]]

[[span class="A"]]文本[[/span]]

与方案一一样，如果想修改一大段文字就只需要把代码中的span替换成div，整体看就像这样：

[[module css]]
@import url("https://fontsapi.zeoseven.com/446/main/result.css");

div.A {
    font-family: "YFFYT";
    font-weight: normal;
    font-size: 1em;
}
[[/module]]

[[div class="A"]]
段落
[[/div]]

这个方法的好处就是如果后期需要更换字体只需要直接修改[[module]]中的代码就可以了，不需要像方案一中的一个一个替换。

学会了就快去试试吧！

---