帮助:编辑手册

来自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资源管理更为有序。

若您更习惯以其他方式去处理图像(如在线的TinyPNGConvertio服务),也是极好的!

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


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

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

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

模板与排版

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

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

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

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

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

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

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

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


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

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

01. 使用二级标题作为首级标题,因为一级标题与页面标题同级;
?
在可视化编辑中,二级标题被标记为"Ctrl+2"。
以此类推,三级标题为"Ctrl+3",四级标题则为"Ctrl+4"。
操作方式:使用光标选择想作为标题的文本后,选择对应的标题层级选项即可。

P.S.:为何需在页面中使用二级标题开始?
页面顶部有一个主标题,这属于一级标题的范畴。
如果在页面中使用一级标题,会造成不必要的混乱。
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}}

直链音频
嵌入直链音频:

'''该微件存在严重BUG,若使用会致使页面无法直接检视和编辑!'''

该微件存在严重BUG,若使用会致使页面无法直接检视和编辑!

网易音频
嵌入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 ConvertTables 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+ACtrl+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以上)。

参见