帮助:编辑手册
打开这个页面的毛玉们,欢迎你们加入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:始 |
正文的编辑有两种方式:可视化编辑()和源代码编辑()。
可视化编辑对于入门者而言非常友好,能够快速地书写自己的心得;
当然,若您具备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. 使用二级标题作为首级标题,因为一级标题与页面标题同级;在可视化编辑中,二级标题被标记为"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] ---- '''定义列表:''' ; 事物 : 定义一 : 定义二 |
有序列表:
无序列表:
定义列表:
|
缩进层级
|
我没有缩进! ::: 三级缩进 :: 二级缩进 : 一级缩进 * 这是无序列表的缩进! :缩进长度与同级的无序列表缩进相同! |
我没有缩进!
|
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>是块级元素 |
您可以在HTML标签中嵌入CSS,这可以控制其中封装的内容。 标签的封装规则: CSS并非必须了解,但封装规则会伴随您的整个Wiki编辑生涯。这是一个更为简单的居中封装: |
Stage4:预格式化
Wiki的编辑并非所见即所得,若随意使用某些常用符号可能会引发灾难。
这一小节,我们将在页面中嵌入原始文本。相信自己,实践比理论更为简单!
样式类型
|
源代码
|
渲染结果
|
---|---|---|
注释标记
|
<nowiki> 在[[Wiki文本]]中避免'''解析'''标记 </nowiki> 注意到了吗?链接和粗体在<nowiki>内是没有被应用的! |
在[[Wiki文本]]中避免'''解析'''标记 注意到了吗?链接和粗体在<nowiki>内是没有被应用的! |
预格式化
|
<pre> 这段文本,完全被'''预格式化'''了! 注意到了吗?现在使用一个换行符(回车)就可以实现换行! </pre> |
这段文本,完全被'''预格式化'''了! 注意到了吗?现在使用一个换行符(回车)就可以实现换行! |
不同的是, 若 |
Stage5:符号转义
为什么我们需要符号转义?答案是规避语法冲突。
Wiki页面通常包含许多标记语言,因此我们需要对一些特殊符号进行转义。
这个小节的内容可能并不常用。因此,我们只需记住这个粗略的概念即可。
样式类型
|
HTML
|
WikiText
|
---|---|---|
符号转义
|
使用 使用 使用 使用 使用 |
使用 使用 …… |
您可以访问MDN文档以获取更多讯息。 若您仍然感到困惑,使用在线的转义工具也不失为一种好的选择。 |
媒体与链接
这是什么?
Stage1:嵌入图片
这是一些基本的图像格式,您可以轻触这行文字去了解。
- JPG:压缩率较高,体积较小,兼容性强;
- PNG:无损压缩,支援透明通道,体积较大;
- GIF:动态图像,体积较大;
- WEBP:压缩率极高,支援透明通道,兼容性较差。
JPG和WEBP格式的图片体积较小,可兼容网络不佳的环境。
不过在WIKI系统中,图片都会被转码,然后生成PNG缩略图。
基本上,使用JPG和WEBP格式的意义在于减轻服务器存储空间的压力。
若使用IMG模板嵌入JPG/WEBP图像直链,则不受以上情形约束。
在保证页面流畅加载的情况下,优先使用PNG图像吧!
样式类型
|
源代码&解说
|
渲染结果
|
---|---|---|
缩略图
|
这是最普遍的图像嵌入方式!使用英语书写亦可: [[File:太阳花田.png|right|thumbnail|240px|太阳花田]] |
|
无框
|
这是最普遍的图像嵌入方式!您也可以使用英语书写: [[File:太阳花田.png|center|frameless|260px|太阳花田]] |
|
链接跳转
|
在默认情况下,触摸图像会进入图像属性页。 |
|
外链图像
|
您可以使用 <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> |
您可以使用 在实例中,我们使用了泛用性最强的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> |
若你使用了目录,会自动以目录名生成锚点! 该链接可链接至模板与排版处的锚点! 我在字符小叙处也埋藏了一处隐形的锚点哦。 这是试例性的锚点文本,您可以无视~
|
若您想打碎源目录结构重写目录,那么锚点链接会非常有用! 在页面起始使用 |
格式化表格
这是什么?
表格可使信息更加条理,是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;" | 黯淡 |
控制单元格: | |||||||
| style="border-style: dashed; border-width: 3px;" | 失忆 | ||||||||
|- |
使用"|-"结束行。 | |||||||
| bgcolor="white" | 动荡 | 控制单元格: 背景颜色为白色和暗橘色。 P.S. "bgcolor"是一个HTML元素! | |||||||
| bgcolor="DarkOrange" | 毁灭 | ||||||||
|} |
"|}"是表格的终点。 | |||||||
|
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元素的基本用法。若能熟练掌握,相信您掌中的页面格式会脱胎换骨。 |
模板与魔术字
这是什么?
我们在上文中知悉了模板的工作方式。
本章,我们将学习MCG大图书馆一些常用模板的使用方式。
若您想学习模板编辑,可以访问Wiki模板编辑教学!
魔术字的话,则是用于实现一些特殊功能。
在编辑中使用魔术字的场景极少,不过这并不影响我们去理解。
Stage1:模板
模板:Ambox | ||||
---|---|---|---|---|
{{Ambox | color = gray | image = 齿轮.png | title = '''该页面需优化结构''' | info = 标题分级不明确,内容驳杂。 }} |
| |||
在页面内嵌入自定义消息框。 |
模板:Anchor | |
---|---|
{{Anchor |ID= 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定义唯一标识符。 |
模板:THB | ||||||
---|---|---|---|---|---|---|
{{THB |段落1 = 她是付丧神,唐伞的妖怪。 |段落2 = 性格活泼亲近人类,以吓人为乐。 |摘选自 = THBWiki-多多良小伞 |url = https://thwiki.cc/多多良小伞 }} |
| |||||
一设资料信息框。 |
模板:轮播 | |
---|---|
{{轮播 |图片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编辑沙盒和个人沙盒:
编辑他人的用户页的行为是糟糕的,这会带来不必要的麻烦和困扰。 |
讨论页
|
每个页面都附带一个讨论页,这是页面编辑者的交流地。 我们可以添加话题()来参与讨论,每个话题均位于二级标题下。 讨论是自由的,不过这些规则您可以稍作了解:
|
评论区
|
若两位编辑者同时在一个页面上评论,可能会造成评论覆盖。 若您不想受时间约束交流,请在页面内嵌Waline评论区。 推荐使用Vercel+LeanCloud部署。在绑定域名后,便可支持大陆地区访问! |
故障处理
这是什么?
本章内容可以解决编辑中的一些常见故障。
这不属于编辑教学,因此你可以轻松阅读: )
如果遇见疑难杂症,欢迎在讨论区开设新话题。
本章内容也会酌情更新。感谢你们,每一位编辑者。
准备工作
剪贴板
|
Win10自带剪贴板功能,我们可以通过 这个剪贴板支持按格式保存Wiki源代码!您只需准备好 剪贴板虽有保存条数及长度的短板,不过应对五万字节以下的编辑,游刃有余。 若为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以上)。