帮助:编辑手册

来自MCG大图书馆

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

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

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

基本引导

创建您的账户!

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

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

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

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

现在,Vector2022 已经成为 WIKI 的默认皮肤。

创建一个页面!

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

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

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

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

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

编辑您的页面!

标题和正文

一个正常的页面,通常包含 标题正文

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

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

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

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

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


正文的编辑有两种方式:可视化编辑() 和 源代码编辑()。

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

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

在 Wiki 的工作场景中,您可以通过 编辑器右上角 的『』按钮来灵活地使用这两种模式。

在两种编辑模式的切替使用下,逐渐学习使用源代码编辑吧!毕竟,可视化编辑并非所见即所得

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

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

『↵』为 换行符号,即回车键。

源代码
渲染结果
使用<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 Doc 以获取更多讯息。

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

媒体与链接

这是什么?

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

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

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

Stage1:嵌入图片

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

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:基础表格

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

若我们无法使用可视化编辑,在线的 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 试,包含了斜体加粗删除线下划线,和原版没有的十六进制色号支持。

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

查阅更多

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 以上)。

参见