帮助:编辑手册

来自MCG大图书馆

打开这个页面的毛玉们，欢迎你们加入Wiki编辑者的大家庭！

在这里，您将会学习Wiki编辑的基本技巧，从而为您感兴趣的主题做出贡献！

MCG大图书馆的完善在于毛玉们的共同努力。希望你们在这里度过愉快的时光，为Wiki的发展贡献自己的力量！

基本引导

创建您的账户！

在编辑Wiki前，让我们先注册一个账户吧！

在页面右上角，点击“创建账号”，按照流程操作即可。

在使用账户的情况下，我们的每一笔编辑可以更好地被记录，我们的风土记残卷申请也可以更好地被统计。

为了编辑能够更加现代化，我们仍需完成一项设定： - 参数设置 - 外观 - Vector2022 - 保存。

现在，Vector2022已经成为MCG大图书馆的默认皮肤。

创建一个页面！

我想创建一个Wiki没有的新页面，该如何做？

现在，假设要创建幻想之花这个不存在的页面，我们有两种方式去实现：

01. 检索幻想之花，点击搜寻结果中弹出的幻想之花，即可开始编辑该页面；
02. 在地址栏中键入https://wiki.gensoukyo.moe/wiki/幻想之花，点击创建本页面即可开始编辑该页面。

若想创建其他页面，按图索骥执行上述流程即可。相信这对于您而言是一件简单的事情！

若有创建子页面的需求，在地址栏键入https://wiki.gensoukyo.moe/wiki/幻想之花/幻花任务考据，重复创建页面的流程即可。

编辑您的页面！

标题和正文

一个正常的页面，通常包含标题和正文。

在上文中，我们创建了幻想之花这个页面，幻想之花即为标题。

不过，若我们想更好地去规范化构筑页面，我们还需要对标题进行分级。

下文，我们会详细去理解。不过，这并不影响我们在这里学习一些简易的使用例：

源代码
渲染结果
==任务流程==
===Stage1：始===
===Stage2：现===
===Stage3：逐===
===Stage4：藏===
任务流程

Stage1：始
Stage2：现
Stage3：逐
Stage4：藏

正文的编辑有两种方式：可视化编辑（）和源代码编辑（）。

可视化编辑对于入门者而言非常友好，能够快速地书写自己的心得；

当然，若您具备HTML的相关基础，源代码编辑会令您的页面更加严谨与美观。

在MCG大图书馆的工作场景中，您可以通过编辑器右上角的（）按钮来灵活地使用这两种模式。

在两种编辑模式的切替使用下，逐渐精于使用源代码编辑吧！毕竟，可视化编辑并非所见即所得。

源代码编辑虽复杂，但预览（）功能也可帮助我们在编辑过程中瞬息预览页面效果。

在下文，我们会详细学习正文编辑的技巧。不过，这并不妨碍我们现在来掌握一些基本知识：

为了美观，请将下文中的↵（回车符号）默认为已经键入的回车。

源代码
渲染结果
使用<br>可以进行换行哦；

使用↵↵可以开启下一段落哦；
----<!-- 分隔线！这行注释不会被渲染！ -->
使用''两个半角单引号''加斜文本！

使用'''三个半角单引号'''加粗文本！

使用'''''五个半角单引号'''''加斜加粗文本！
 使用
可以进行换行哦；

使用

可以开启下一段落哦；

使用两个半角单引号加斜文本！

使用三个半角单引号加粗文本！

使用五个半角单引号加斜加粗文本！

图片与链接

图文并茂，这是页面充实的基本需求；在MCG大图书馆，上传图片的流程也非常简单。

现在，让我们假设要上传幻想之花的任务流程图：

01. 在本地重命名文件为“幻想之花-任务流程图.后缀名”；
02. 使用Caesium将图像压缩并转换为PNG格式；
03. 打开MCG大图书馆，在右上角图标旁的工具栏中选择上传文件；
04. 选择压缩好的PNG文件，选择CC BY-NC-SA的授权条款，最后点击页面尾部的上传文件即可。

步骤是繁琐的，对吧？不过这可以令Wiki资源管理更为有序。

若您更习惯以其他方式去处理图像（如在线的TinyPNG、Convertio服务），也是极好的！

图片上传完成后，在页面内使用[[File:幻想之花-任务流程图.png]]就可以嵌入这张图片了！

在部分编辑场景中，我们需要在页面内插入链接。

在MCG大图书馆中，使用链接的方式也同样简单高效：

源代码
渲染结果
链接至"副本支线故事集"：[[副本支线故事集]]
 链接至"副本支线故事集"：副本支线故事集 
使用"/"链接子页面：[[副本支线故事集/觅归路]]
 使用"/"符号链接子页面：副本支线故事集/觅归路 
使用"|"自定义链接文字：[[副本支线故事集/觅归路|刃影逐迹]]
 使用"|"符号自定义链接文字：刃影逐迹 
使用"#"跳转标题锚点：[[副本支线故事集/觅归路#H7.往昔埋墨|往昔埋墨]]
 使用"#"跳转至标题锚点：往昔埋墨

模板与排版

什么是模板？您可以将其理解成一个框架。

假设，我们设计了一个表格样式，非常美观。

使用这个表格时，我们每次都需重新键入这个表格的样式。但，真正被编辑的的却只有表格的内容。

有没有办法保存并快速调用这个表格的样式源代码呢？模板应运而生。

模板不仅可以精简页面中重复的源代码，而且对编辑者们的合作维护大有裨益。

在MCG大图书馆中，怪物类的页面均使用了生物模板，您可以在怪物信息中去研究模板的调用方式。

哦，现在感到焦躁？没关系，纯理论难免枯燥。下文，我们会对模板作详细的使用说明。

不过在此之前，让我们来走近更为简单的排版吧？

MCG的特殊性决定了我们可以对大多数页面进行自由排版。

不过，无规矩不成方圆。为了编辑的规整，您仍须遵循以下原则：

01. 使用二级标题作为首级标题，因为一级标题与页面标题同级；
02. 编辑完成后，在页面末端为页面添加分类。编辑方式：[[分类:NPC]]
03. 文字为主，图像为辅。文字是页面的骨架，而图像的使用则是为了增强页面的表现形式；
04. 若您使用可视化编辑，请先检查即将编辑页的源代码，以免对他人使用源代码编辑的段落造成破坏。

结束与开始

现在，您也应该初步编辑完成一个页面了吧？不过，先不要急着储存变更！

若您在源代码编辑模式下，可使用编辑窗底部的显示预览来预渲染页面，以便于我们检查可能存在的错误！

您的每次储存变更都会生成一条历史记录！若您参与了多人编辑的页面，其他编辑者会被碎片化的编辑记录所困扰！

摘要的填写不是必须。不过，这可以简要记录自己所编辑的内容，以便于自己与其他编辑者追踪页面的更改！

基本引导至此大功告成！但，这并不意味着这篇教程的结束。

如果您熟练掌握了上述内容，但觉得自己的排版依然单调乏味，请继续阅读下文的内容吧！

格式化文本

这是什么？

什么是格式化文本？我们可以将之简要理解为“赋予文本样式”。

没错，您眼前的这行粗体文字就属于格式化文本！

在上文中，我们学习了一些编辑标题和正文的基本技巧。这些技巧，我们都可以将之划归为格式化文本。

现在，我们将会学习更多……嘿，不必恐惧，这并不困难。让我们开始吧？

Stage1：字符样式

在荧幕上键入的每一个文字都可称之为“字符”。

在这一小节中，我们将知悉如何赋予字符样式。这会非常精彩！

样式类型
源代码
渲染结果
字体样式
 
常规文本

''斜体文本''

'''粗体文本'''

'''''斜体粗体文本'''''

<code>等宽文本，常用于代码</code>

<span style="font-family:"Microsoft JhengHei";>微软正黑体</span>

常规文本

斜体文本

粗体文本

斜体粗体文本

等宽文本，常用于代码

微软正黑体

标记与颜色
 
<u>这是下划线！</u>

<del>这是删除线！</del>

<span style="color: red">这是红色的字体！</span>

<span style="color:white; background-color:black">白字体黑背景！</span>

<span style="color: #ff0000">十六进制颜色同样支持！</span>

这是下划线！

这是删除线！

这是红色的字体！

白字体黑背景！

十六进制颜色同样支持！

字体和颜色不可被滥用！这大概率会使页面格式失控！

为了维持页面的一致性和易读性，推荐使用统一的字体和易读的颜色！

Stage2：层级样式

您可以赋予文字层级。上文之中的标题亦在此列。

一个层级明晰的页面，其对信息的的呈现与传达是令人欣慰的！

样式类型
源代码
渲染结果
标题层级
 
== 2级标题 ==

=== 3级标题 ===

==== 4级标题 ====

===== 5级标题 =====

====== 6级标题 ======
2级标题

3级标题

4级标题

5级标题

6级标题

列表层级
 
'''有序列表：'''
# 步骤一
# 步骤二
## 步骤二[01]
## 步骤二[01]
----
'''无序列表：'''
* 规则一
* 规则二
** 规则二[01]
** 规则二[02]
----
'''定义列表：'''
; 事物
: 定义一
: 定义二

有序列表：

  1. 步骤一
  2. 步骤二
    1. 步骤二[01]
    2. 步骤二[01]

无序列表：

  • 规则一
  • 规则二
    • 规则二[01]
    • 规则二[02]

定义列表：

事物
定义一
定义二
缩进层级
 
我没有缩进！
::: 三级缩进
:: 二级缩进
: 一级缩进
* 这是无序列表的缩进！
:缩进长度与同级的无序列表缩进相同！

我没有缩进！

三级缩进
二级缩进
一级缩进
  • 这是无序列表的缩进！

:的缩进长度与同级的无序列表缩进相同！

Stage3：版式填充

版式是指页面整体布局……好吧，其实这个小节的标题并不严谨。

如何使页面版式更为丰富？答案在这个小节之中。这虽是细枝末节，但一定是有用的！

样式类型
源代码
渲染结果
注释
 
<!-- 我是注释！ -->
注释一般用于源代码的解释，因为它不会被渲染！

注释一般用于源代码的解释，因为它不会被渲染！

引言
 
<blockquote>
哦，这是引言！

引言，即序言。一般在页面起始使用！

在页面正文中使用时，则用于引用他处的内容！
</blockquote>

哦，这是引言！

引言，即序言。一般在页面起始使用！

在页面正文中使用时，则用于引用他处的内容！

缩进
 
我没有缩进！
<div style="text-indent:1.5em;">
缩进1.5字符<br>自适应且支持换行！
</div>

我没有缩进！

缩进1.5字符
自适应且支持换行！

分隔线
 
标准：
----
80%宽
<hr style="width: 80%;">
50%宽
<hr style="width: 50%;">

标准：

80%宽

50%宽

对齐
 
<p style="text-align: center;"><p>是段落元素！</p>
<p style="text-align: right;"><p>可自动在段落前后生成间距！</p>

<div style="text-align: left;">
<div>是块级元素<br>在Wiki中通常用于创建文字容器！
</div>

<p>是段落元素！

<p>可自动在段落前后生成间距！

<div>是块级元素
在Wiki中通常用于创建文字容器！

您可以在HTML标签中嵌入CSS，这可以控制其中封装的内容。

标签的封装规则：<元素名>封装内容</元素名>。使用换行可以维持Wiki源代码的美观性！

CSS并非必须了解，但封装规则会伴随您的整个Wiki编辑生涯。这是一个更为简单的居中封装：<center></center>

Stage4：预格式化

Wiki的编辑并非所见即所得，若随意使用某些常用符号可能会引发灾难。

这一小节，我们将在页面中嵌入原始文本。相信自己，实践比理论更为简单！

样式类型
源代码
渲染结果
注释标记
 
<nowiki>
在[[Wiki文本]]中避免'''解析'''标记
</nowiki>

注意到了吗？链接和粗体在<nowiki>内是没有被应用的！

在[[Wiki文本]]中避免'''解析'''标记

注意到了吗？链接和粗体在<nowiki>内是没有被应用的！

预格式化
 
<pre>
这段文本，完全被'''预格式化'''了！
注意到了吗？现在使用一个换行符（回车）就可以实现换行！
</pre>

这段文本，完全被'''预格式化'''了！
注意到了吗？现在使用一个换行符（回车）就可以实现换行！

<nowiki>和<pre>都用于避免解析Wiki标记。

不同的是，<pre>会在此基础上保留文本中的空格和换行符！

若<nowiki>在列首，可通过在列首添加空格来实现类<pre>的功能。

Stage5：符号转义

为什么我们需要符号转义？答案是规避语法冲突。

Wiki页面通常包含许多标记语言，因此我们需要对一些特殊符号进行转义。

这个小节的内容可能并不常用。因此，我们只需记住这个粗略的概念即可。

样式类型
HTML
WikiText
符号转义

使用&lt;转义<

使用&gt;转义>

使用&转义&

使用&quot;转义"

使用&#58;转义:

使用{{!}}转义|

使用{{=}}转义=

……

您可以访问MDN文档以获取更多讯息。

若您仍然感到困惑，使用在线的转义工具也不失为一种好的选择。

媒体与链接

这是什么？

我们在上文中简要学习了链入图像与链接的方式。

图片属于媒体，媒体不止图像。在Wiki中，媒体可以指图像、音视频等增强页面表现力的形式。

链接不多赘述，这里将提供一些使用例。对于学习足矣。

Stage1：嵌入图片

这是一些基本的图像格式，您可以轻触这行文字去了解。

JPG：压缩率较高，体积较小，兼容性强；
PNG：无损压缩，支援透明通道，体积较大；
GIF：动态图像，体积较大；
WEBP：压缩率极高，支援透明通道，兼容性较差。

JPG和WEBP格式的图片体积较小，可兼容网络不佳的环境。

不过在WIKI系统中，图片都会被转码，然后生成PNG缩略图。

基本上，使用JPG和WEBP格式的意义在于减轻服务器存储空间的压力。

若使用IMG模板嵌入JPG/WEBP图像直链，则不受以上情形约束。

在保证页面流畅加载的情况下，优先使用PNG图像吧！

样式类型
源代码&解说
渲染结果
缩略图

[[文件:太阳花田.png|右|缩略图|240像素|太阳花田]]

这是最普遍的图像嵌入方式！使用英语书写亦可： 

[[File:太阳花田.png|right|thumbnail|240px|太阳花田]]
太阳花田
无框

[[文件:太阳花田.png|居中|无框|260px]]

这是最普遍的图像嵌入方式！您也可以使用英语书写： 

[[File:太阳花田.png|center|frameless|260px|太阳花田]]
链接跳转

[[文件:太阳花田.png|左|无框|140px|link=太阳花田]]
[[文件:太阳花田.png|右|无框|140px|link=https://thwiki.cc/太阳花田]]

在默认情况下，触摸图像会进入图像属性页。
"link="可以帮助我们在触摸图像的时候跳转到其他链接。
若我们赋予link空值，该图像将不具备交互性。

外链图像

{{Img| src = https://i-cdn.akass.cn/2022/05/626dd7394633b.png | width = 50% }}

src为图像直链，width为图像宽度。

您可以使用<div>容器搭配CSS来移动图片位置，这是示例代码： 

<div style="float: right; width: 30%">
{{Img| src = https://i-cdn.akass.cn/2022/05/626dd7394633b.png | width = 100% }}
</div>

这是四种常用的图像嵌入方式，足以应对日常编辑。

若日后出现特殊使用需求，该处会根据实际情况进行修改。

若您对此感兴趣，可在MediaWiki-图片格式获取更多讯息。

样式类型
源代码
解说
画廊
 
<gallery mode="packed-hover">
文件:铃和SQ.png|铃和
文件:梅蒂欣（白雪）.png|梅蒂欣
文件:千变幻华SQ.png|千变幻华
</gallery>

您可以使用<gallery></gallery>嵌入画廊！

在实例中，我们使用了泛用性最强的packed-hover。

您也可以使用幻灯片类的slideshow，它也足够优秀和美观！

渲染结果
  • 铃和

    铃和

  • 梅蒂欣

    梅蒂欣

  • 千变幻华

    千变幻华

访问MediaWiki-图库语法以获取更多参数！

画廊的加载会消耗大量带宽资源。若想使用，请压缩图像！

Stage2：嵌入影音

我们可以在页面中嵌入视频和音频。

视频为Bilibili，音频为直链和网易。

在MCG大图书馆的编辑中，影音的使用情景基本不存在。

样式类型
源代码
渲染结果
影片
 
嵌入BV号为1k741167Gr的影片，高度225，宽度300：

{{BilibiliVideo|bv=1k741167Gr|height=225|width=300}}

直链音频
 
嵌入直链音频：

{{音频文件|https://magstic.top/Aojiru/music/thp/7%20y12ps.mp3}}

网易音频
 
嵌入ID为849161的网易音频：

{{Music163|849161}}

高级用法请访问模板主页面！

网易音乐不支持大陆以外的地区访问；

Bilibili影片可能会因浏览器缓存而无法正常载入。

Stage3：嵌入链接

在页面中嵌入链接的方式非常简单！

疲累？没关系，这个小节是一个绝佳的缓冲点！

样式类型
源代码
渲染结果
内部链接
 
链接至"副本支线故事集"：[[副本支线故事集]]

使用"/"链接子页面：[[副本支线故事集/觅归路]]

使用"|"自定义链接文字：[[副本支线故事集/觅归路|刃影逐迹]]

链接至"副本支线故事集"：副本支线故事集

使用"/"链接子页面：副本支线故事集/觅归路

使用"|"自定义链接文字：刃影逐迹

外部链接
 
链接至"MCG官网"：[https://gensoukyo.moe]

使用"空格"自定义链接文字：[https://gensoukyo.moe MCG官网]

使用"plainlinks类"隐藏外链箭头：<span class="plainlinks">[https://gensoukyo.moe MCG官网]</span>

链接至"MCG官网"：[1]

使用"空格"自定义链接文字：MCG官网

使用"plainlinks类"隐藏外链标记：MCG官网

锚点链接
 
若你使用了目录，会自动以'''目录名'''生成锚点！

该链接可链接至[[#模板与排版|模板与排版]]处的锚点！

我在[[#anchor1|字符小叙]]处也埋藏了一处隐形的锚点哦。

<!-- 锚点ID可自定义！ -->
<div id="anchor">这是试例性的锚点文本，您可以无视~</div>
<span id="anchor2"><!-- 什么都不填写也可以！ --></span>

若你使用了目录，会自动以目录名生成锚点！

该链接可链接至模板与排版处的锚点！

我在字符小叙处也埋藏了一处隐形的锚点哦。

这是试例性的锚点文本，您可以无视~

若您想打碎源目录结构重写目录，那么锚点链接会非常有用！

在页面起始使用__NOTOC__可隐藏目录！原理？下文会有答案！

格式化表格

这是什么？

表格可使信息更加条理，是Wiki不可或缺的一部分。

若您使用可视化编辑，嵌入表格无疑是友好的，我们只需简单的鼠标操作即可。

不过，若您想为表格赋予更多的可能，这离不开源代码编辑——这，也是本章的重点。

这其中涉及一部分HTML及CSS知识。不过无需担心，实践会使您的编辑变得简单: )

Stage1：基础表格

使用可视化编辑器嵌入表格是无比友好的！这是源代码编辑所不具备的优势。

若MCGWiki在未来禁用可视化编辑，Table Convert或Tables Generator也可帮助我们便捷地编辑表格！

不过，若我们想赋予表格样式，基本表格代码的涉猎是必不可少的（笑）。

源代码
解说
渲染结果
{| class="wikitable" "{|"是表格的起点，必须位于行首。
碎片型别 记忆型别
黯淡 失忆
动荡 毁灭
萤火 复苏
! 碎片型别 "!"代表此单元格类型为标题。
! 记忆型别
|- 使用"|-"结束行。这是第一个|-，代表结束第一行。
| 黯淡 "|"代表此单元格类型为内容。
| 失忆
|- 使用"|-"结束行。这是第二个|-，代表结束第二行。
| 动荡
| 毁灭
|- 使用"|-"结束行。这是第三个|-，代表结束第三行。
| 萤火
| 复苏
|} "|}"是表格的终点，必须位于行首。

class="wikitable"，定义表格类型为"Wiki Table"。

这是Wiki中普遍使用的表格样式。若不填写，则表格不会渲染框线。

Stage2：样式使用

我们使用style来控制表格中的CSS样式。

您还记得字符样式中的style吗？没错，这属于CSS！

在表格中使用样式的规则也非常简单：{|控制整体表格，!或|控制对应单元格。

纯理论干涩难懂？来吧，实践永远是掌握技能的最佳利器！

源代码
解说
渲染结果
{| class="wikitable" style="background-color: #e1ecf2;" 在"{|"处定义表格整体基调。
该处控制背景颜色为微蓝色(#e1ecf2)。
碎片型别 记忆型别
黯淡 失忆
动荡 毁灭
! style="color:red;" | 碎片型别

控制单元格：
文字颜色为红色。

! 记忆型别
|-

使用"|-"结束行。

| style="border-style: dashed; border-width: 3px;" | 黯淡

控制单元格：
框线为虚线（dashed）；
框线宽度为3像素（px）。

| style="border-style: dashed; border-width: 3px;" | 失忆
|-

使用"|-"结束行。

| bgcolor="white" | 动荡 控制单元格：
背景颜色为白色和暗橘色。
P.S. "bgcolor"是一个HTML元素！
| bgcolor="DarkOrange" | 毁灭
|}

"|}"是表格的终点。

style可引用CSS代码，而HTML元素可以是多种多样的。

Stage3：常用样式

在这个小节中，您将知悉一些编辑中常用的CSS代码。

赋予样式的规则非常简单，使用;（半角分号）为样式结尾即可。

这是两个CSS使用例：style="width: 50%;"style="width: 50%; color:white;"

属性
CSS名
取值示例
取值说明
文本颜色 color red #4287f5 支持颜色名、十六进制、RGB颜色
文本字体 font-family KaiTi SimHei SimSun 支持英文字体名
文本大小 font-size 10px 15px 支持像素单位
文本对齐 text-align left center right 支持左、中、右对齐
文本行高 line-height 1 1.5 2 支持数字倍率的行间距
文本竖排 writing-mode vertical-lr vertical-rl 支持左→右或是右→左的竖排文本
文本粗细 font-weight lighter normal bold 支持细体、正常、粗体
背景颜色 background-color red #4287f5 支持颜色名、十六进制、RGB颜色
内间距 padding 10px 10px 10px 10px 支持控制上、右、下、左内边距
表格浮动 float left center right 支持控制表格的左、中、右浮动
表格宽度 width 100% 70% 支持百分比控制表格宽度
外间距 margin auto 10px 10px 10px 10px 支持控制上、右、下、左外边距
边框圆角 border-radius 30px 30px 10px 30px 10px 支持全局或是上、右、下、左控制圆角

这是常见CSS元素的基本用法。若能熟练掌握，相信您掌中的页面格式会脱胎换骨。
哦，这并不是表述错误，CSS元素对于页面而言是通用的！
为什么不在前文讲述？好问题。表格是Wiki排版的灵魂。使用表格去解决一些难缠的文本是事半功倍的！

模板与魔术字

这是什么？

我们在上文中知悉了模板的工作方式。

本章，我们将学习MCG大图书馆一些常用模板的使用方式。

若您想学习模板编辑，可以访问Wiki模板编辑教学！

魔术字的话，则是用于实现一些特殊功能。

在编辑中使用魔术字的场景极少，不过这并不影响我们去理解。

Stage1：模板

模板使用{{模板名|参数}}的方式在页面内引用。

模板名为所使用模板的名称，参数则是所使用模板中设定的空值。

我们在上文中使用过网易音频模板。Music163为模板名，849161为参数。

模板:Ambox 
{{Ambox
| color = gray
| image = 齿轮.png
| title = '''该页面需优化结构'''
| info = 标题分级不明确，内容驳杂。
}}
该页面需优化结构
标题分级不明确，内容驳杂。


在页面内嵌入自定义消息框。

模板:Anchor 
{{Anchor
|ID= AnchorX
|锚点文本（非必填）
}}

[[#AnchorX|跳转至AnchorX锚点所在位置]]

锚点文本（非必填）

跳转至AnchorX锚点所在位置

使用ID自定义锚点名，实现自由锚点跳转。

模板:FormattedText 
{{ FormattedText
| &0这&1是&2一&3段 &4Mine&5craft &6格&7式&8化&9文&a本&b测&c试，&d包含了&e颜&f色&r、&o斜体&r、&l加粗&r、&m删除线&r、&n下划线&r，和原版没有的&#EBCBE3十六进制色号&r支持。
| defaultcolor=black
}}

-

简易的Minecraft格式化文本模板。

查阅更多
模板:Countdown 
{{#vardefine:endTime|2049-01-01 0:00}}
{{Countdown|time={{#var:endTime}}}}
{{#ifexpr: {{#time:U|{{#var:endTime}}}} < {{#time:U}} |倒计时已结束|}}

若指定时间结束，则输出对应文本。
模板主页面有循环使用例，使用解析器函数可发挥更大作用。

模板:TextCollapse 
{{TextCollapse/Controller|ID = N3|破碎的符印}}
{{TextCollapse/StartPoint|ID = N3}}
为什么在魔法森林深处会出现这样一片蔷薇花海？
{{TextCollapse/EndPoint}}

破碎的符印

为什么在魔法森林深处会出现这样一片蔷薇花海？

元素折叠模板，使用ID定义唯一标识符。
现存未知BUG，建议使用自定义折叠按钮。

模板:THB 
{{THB
|段落1 = 她是付丧神，唐伞的妖怪。 
|段落2 = 性格活泼亲近人类，以吓人为乐。
|摘选自 = THBWiki-多多良小伞
|url = https://thwiki.cc/多多良小伞
}}
点击访问 THBWiki 相关页面

她是付丧神，唐伞的妖怪。

性格活泼亲近人类，以吓人为乐。

——摘选自《THBWiki-多多良小伞》

一设资料信息框。
url不使用时，摘选自直接填写THB页面名即可。

模板:轮播 
{{轮播
|图片0链接 = https://wiki.gensoukyo.moe/wiki/images/a/aa/铃和SQ.png
|图片0跳转 = https://wiki.gensoukyo.moe/wiki/漩涡咖啡厅
|图片1链接 = https://wiki.gensoukyo.moe/wiki/images/7/79/梅蒂欣（白雪）.png
|图片1跳转 = https://wiki.gensoukyo.moe/wiki/梅蒂欣
}}


图像轮播，支持自定义链接跳转（无跳转则不写）。

模板:黑幕 / 模板:文字模糊 
{{黑幕|天之苍苍，其正色邪？|其远而无所至极邪？}}

{{文字模糊|天之苍苍，其正色邪？|其远而无所至极邪？}}

天之苍苍，其正色邪？

天之苍苍，其正色邪？

第一参数：隐藏文字；第二参数：提示信息。
效果适用于梗文化领域，不可滥用。

更多的模板请参见 模板命名空间下的页面 列表。

Stage2：魔术字

魔术字有三种：状态开关，变量以及解析器函数。

我们这里只针对编辑中常用的状态开关和变量作整理。

若想使用魔术字，在页面上直接键入即可达成效果，非常方便！

魔术字
功能
__NOTOC__ 隐藏页面目录
__NOEDITSECTION__ 隐藏章节标题旁的编辑选项
__NONEWSECTIONLINK__ 移除讨论页添加话题选项
{{CURRENTYEAR}} 输出年
{{CURRENTMONTH}} 输出月
{{CURRENTDAY2}} 输出日
{{CURRENTDAYNAME}} 输出周
{{CURRENTTIME}} 输出时间

资源与协作

这是什么？

我们将在本章知悉资源管理与协作技巧。

这并非必须。不过，规则之内最易成方圆，好的编辑习惯对于Wiki的维护是有益的。

这是本编辑手册的最后一章，您可以将之当成小说阅读而不必有太大负担: )

Stage1：资源管理

标题修改

移动页面并创建重定向以修改页面名！

01. 进入页面，在右侧的工具栏中选择移动；

02. 键入新页面名称与移动原因，勾选移动子页面和移动讨论页面；

03. 点击移动页面按钮即可。

图像更新

图像老旧需要更新？您不必上传新文件！

01. 进入图像详情页，选择上传该文件的新版本；

02: 选择与源图像后缀相同的新图像，点击上传文件即可。

资源删除

想删除页面/文件？您只需为页面添加分类标记！

01. 进入想删除的页面或资源详情页；

02. 为页面添加[[分类:需要删除的页面]]；

03. 静候管理员审核并删除。

Stage2：协作技巧

用户页

在注册账户后，您可以拥有自己的用户页！

在一般状态下，用户页是您的名片，您可以随心所欲地编辑它。

您也可以将之作为编辑的草稿本。不过，更恰当的做法是WIKI编辑沙盒和个人沙盒：

https://wiki.gensoukyo.moe/wiki/用户:你的昵称/Sandbox

编辑他人的用户页的行为是糟糕的，这会带来不必要的麻烦和困扰。

讨论页

每个页面都附带一个讨论页，这是页面编辑者的交流地。

我们可以添加话题（）来参与讨论，每个话题均位于二级标题下。

讨论是自由的，不过这些规则您可以稍作了解：

在留言后使用~~~~签名；
若您想回复一个话题，请使用:缩进；
这一条最重要，不论什么状况，请在沟通中保持理智和平和。
评论区

若两位编辑者同时在一个页面上评论，可能会造成评论覆盖。

若您不想受时间约束交流，请在页面内嵌Waline评论区。

推荐使用Vercel+LeanCloud部署。在绑定域名后，便可支持大陆地区访问！

故障处理

这是什么？

本章内容可以解决编辑中的一些常见故障。

这不属于编辑教学，因此你可以轻松阅读: ）

如果遇见疑难杂症，欢迎在讨论区开设新话题。

本章内容也会酌情更新。感谢你们，每一位编辑者。

准备工作

剪贴板

Win10自带剪贴板功能，我们可以通过Win+V键来激活它！

这个剪贴板支持按格式保存Wiki源代码！您只需准备好Ctrl+C（笑）。

剪贴板虽有保存条数及长度的短板，不过应对五万字节以下的编辑，游刃有余。

若为Win7或是其它操作系统，开源免费的CopyQ或许是不错的选择。

编辑器

使用VSCode来保存WikiText吧！这可以保护代码不因网络卡顿丢失。

软件界面是极客的？不要恐惧，这本质上依旧是文本编辑器。

若有本地编辑代码的需求，您甚至可以通过安装Wikitext扩展来实现Wiki文本的语法高亮！

若只有保存代码的需求，Win系统自带的记事本也不错。

故障处理

01 Wiki宕机

在Wiki维护或者被攻击时出现。

预览编辑和储存变更操作未按照正常时间加载？

若您在源代码编辑模式下，立刻Ctrl+A和Ctrl+C拷贝全部代码！

不过，复制代码的操作终究还是晚了一步，浏览器进入了请求失败的页面。

现在，这个请求失败的标签页务必不要关闭，Wiki恢复正常时，刷新页面极大概率可找回未提交的编辑！

02 缩略图创建失败

缩略图在极少数情况下无法正常创建。

若有必须使用WEBP和JPG图像的理由，可使用以下方式调用图像：

<div style="float: right; width: 30%">

{{Img| src = 图片直链 | width = 100% }}

</div>

Width默认100%。图片直链在图像详情页，一般为图像名.图像后缀的可访问链接。

03 编辑冲突

若多人在同一时间段内编辑同一页面，可能造成编辑冲突。

这种情况无法真正解决。在编辑时，打开一个最近更改标签页可以最大程度规避这个问题。

在"编辑冲突"的编辑合并页面，不建议执行任何操作。存储你所编辑的页面源代码后关闭该页即可。

在页面的历史记录中，检查修订间差异的内容可以帮助你接下来更好的去合并编辑。

04 分割线粗细不均匀

页面中多次使用分割线时，分割线间的粗细不均。

分割线粗细实际是均匀的，您可以Ctrl+滚轮放大至500%查看。粗细不均匀，或许是荧幕的分辨率所致。

TheRedKiller提供了使用CSS的height属性来控制分割线高度渲染的方法：<hr style="height: 0.5px;">

若在页面中使用分割线的次数很多，建议在页面顶部使用全局CSS进行统一控制： {{#css: hr{height: 0.5px;}}}

05 GIF无法在页面中播放

默认状态下，12.5MP以上的GIF无法进行动画处理。

若一个GIF的分辨率为600x540(30帧)，则该GIF可正常播放。

计算方式：600*540*30＜12.5MP(12,500,000)

我制作了一个简易的检测工具，您可以轻松获取最优解析度：Gif Tool

为了保证页面流畅加载，我并不推荐在页面中使用高分辨率的GIF动画（100px以上）。

参见

MediaWiki Doc

MDN Web Doc

取自“https://wiki.gensoukyo.moe/wiki/index.php?title=帮助:编辑手册&oldid=40443”