想做一些更有趣更复杂的编辑?或许可以创建你的签名,或是创建一个模板。在这个页面,你将学到制作它们的方法。

首先,把你的编辑器由视效编辑器调整至传统编辑器。

如果你觉得下面的知识太多,你可以一部分一部分地学习。首先学一些简单的文本,然后试着使用它们,然后学更复杂的文本。最好的练习区就是你的个人用户界面。

对于所有的特殊格式,请遵循这个建议:谨慎使用!通常维基知道如何格式化内容,进而使所有页面看起来很统一,有利于阅读者快速定位。而许多特殊格式却会让页面变得混乱不堪。

注:下列所有符号均为半角(英文)符号

基础代码

黑体、斜体与下划线

维基代码的最基础功能就是实现黑体、斜体或下划线文本

黑体文本

用三层单引号包住你的文本

'''我是黑体文本'''

效果→ 我是黑体文本.

斜体文本

用两层单引号包住你的文本

''我是斜体文本''

效果→ 我是斜体文本

下划线文本

<u></u> 标签包住你的文本

<u>我是下划线文本</u>

效果→ 我是下划线文本

链接

内部链接

首先用[[两层方括号]]包住你的文本,如果你的链接指向的页面标题与你希望显示出来的文本不同,用竖线 | 分开他们。竖线左侧是链接真正的页面名,竖线右侧是显示在页面上的文本。

[[高等精灵|诺多精灵]]

效果→ 诺多精灵

如果你想连接到一个分类(Category)页,基本方法类似,但你要在Category前加上冒号(:)前缀

[[:Category:高等精灵|高等精灵阵营]]

效果→ 高等精灵阵营

对图片也是一样(除非你想显示图片自身)

[[:File:埃蒂尔维尔矿.gif|这里没有图片]]

效果→ 这里没有图片

想要添加本页面到一个分类页,在页面最下方输入类似下方的代码

[[Category:高等精灵]]

效果→ 把本页面添加到高等精灵分类页面

外部链接

对外部链接而言,只需要一层方括号包住你的文本,外部链接页面使用该页面的url,希望显示的文本与外部链接之间用空格分割而非竖线,注意外部链接前一定要添加协议(http://)

[http://www.mcbbs.net/thread-363128-1-1.html 魔戒mod35.4版本]

效果→ 魔戒mod35.4版本

如果你想添加另一个维基百科(Wikipedia)或是维基(wikia wiki)的链接,方法同内部连接,不过要在页面名前加上 wikipedia: 前缀(注:访问需翻墙)

[[wikipedia:Lord of the Rings|魔戒维基百科]]

效果→ 魔戒维基百科

链接到另一个维基,使用 w:c:URL: 前缀,URL是你所需链接维基的地址(本维基是"lotrminecraftmod")

[[w:c:lotrminecraftmod|英文主站]]

效果→ 英文主站

图片

添加图片的格式与内部链接基本最简单的相同,区别如下:

  • 前缀是File
  • 有更多标签
  • 图片可以链接到其他页面,或是它本身的信息页面
  • 关键字是最重要的

最简单的添加任意大小的图片方法如下:

[[File:高等精灵殿堂.png]]

效果→ 高等精灵殿堂.png

然而,这一操作的结果通常并不如意,图片可能太大、可能太小、可能在奇怪的位置。要让你的图片看上去更好,添加一些后缀标签,常用标签如下:

  • thumb —— 允许图片下方有标题
  • right/center/left —— 让图片放在左、中、右三个位置
  • none —— 让图片于段落(通常为左)对齐,并防止图片移动
  • 任意文本 —— 如果图片是缩略图,则在图片下方添加标题
  • 50px —— 改变图片的大小,比如这样使图片有50x50个像素大,改变数字,改变图片大小
  • link=页面 | 文本 —— 允许点击图片时图片跳转到其他页面(除了点击图片右下角的小" i "时,它会跳转到图片自身的信息页面)

例子如下:

[[File:高等精灵殿堂底层.png|thumb|center|150px|link=高等精灵殿堂|一个[[高等精灵殿堂]]的底层]]

效果→

如果你受够了维基乱搞你的图片位置,就使用<br>标签或none标签吧

标题

维基代码提供了多种不同的标题,只需要使用两层或更多等号(=)包住你的文本,注意等号越多,文本字号越小。而等号内的文本也可以使用两层或三层引号包住,来实现黑体或斜体。比如本页面最上方的“基础文本”就是:

==基础文本==

而本小节上方的“标题”则是

===标题===

模板

关于如何创建模板,点击这里

在本维基,大部分模板分为两类:导航框模板或信息框模板

添加导航框

只需要简单地用两层花括号包住文本即可:

{{模板名称}}. 

例如:

{{帮助}}
效果→

导航框对于查找相关页面来说十分方便。

添加信息框

添加信息框比导航框更复杂,因为信息框包含了许多可更改的表格参数,以NPC信息框为例(下面信息框中的内容来自林顿战士

   {{NPC信息框
             |图片 = LindonWarrior.png
             |生命 = 30
             |铠甲 =[[林顿铠甲]]
             |铠甲值 = 15
             |增添于 = 公测 β17
             |生成 = [[林顿]]
             |攻击力 = 剑:{{条|心|5|大小=信息框}} 弓:{{条|心|4-8|大小=信息框}}
             |派系 = [[派系#高等精灵|高等精灵]]
             |价格 = 25-50
             |掉落 = 箭、精灵骨、[[米茹沃]]、[[兰巴斯]]、[[林顿装备]]或[[林顿铠甲|铠甲]](罕见)
             |NPC结盟 = 与[[派系#高等精灵|高等精灵]]+400结盟值
             |NPC效忠 = 是
             |雇佣队长 = [[林顿领主]]
             }}

要修改信息框中任何行的参数,请在等号后面输入要显示的文本,即:|生成 = [[林顿]],最终显示 "林顿" ,点击这里来查看所有可用的信息框

表格

使用下列文本创建一个基础表格

{| class="wikitable" border="1" style="text-align:center"
     ! 列 1
     ! 列 2
     ! 列 3
     |-
     |方格 1
     |方格 2
     |方格 3
     |-
     |方格 4
     |方格 5
     |方格 6
 |}

这是结果:

列 1 列 2 列 3
方格 1 方格 2 方格 3
方格 4 方格 5 方格 6

无序排序和数字排序

如果你想创建一个无序列表,在每个项目前输入星号(*)

*首先... 
*其次... 
 *第三...  

结果如下

  • 首先...
  • 其次...
  • 第三...

如果你想创建一个数字顺序列表,在每个项目前输入井号(#)

#首先... 
#其次... 
 #第三...  

结果如下

  1. 首先...
  2. 其次...
  3. 第三...

插入一个签名

使用三个波浪号(~~~)来插入你自己的签名:

刚多林头盔.pngNumber_Sir 给我留言!

点击这里来看看如何创建自己的签名


使用4个波浪号(~~~~)来插入带时间戳的签名

刚多林头盔.pngNumber_Sir 给我留言!17:32 Dec 14,2019(UTC)

只想插入时间戳?使用5个波浪号(~~~~~)

17:32 Dec 14,2019(UTC)

上标和下标

使用 <sub></sub>添加下标, 使用 <sup></sup> 标签来添加上标

我是普通文本, <sub>我是下标</sub>, <sup>我是上标</sup>

效果→ 我是普通文本, 我是下标 ,我是上标.

其它

删除线

使用 <s></s>来添加删除线

<s>我是删除线</s>

效果→ 我是删除线.

分割线

使用4个破折号(----)来添加分割线


缩进

使用冒号(:)来缩进,冒号越多缩进越多:

   : 我是缩进
   ::: 我是三层缩进

效果→

我是缩进
我是三层缩进

预排格式

在行首输入空格将使文本成为预排格式文本,这意味着显示出来的文本将会保留传统编辑器中的所有文本

例如

 我是预排格式文本

效果→

我是预排格式文本

<nowiki><code> 标签

如果你想在文本中展示维基代码,使用 <nowiki></nowiki> 标签如下

<nowiki>''我不是斜体''</nowiki>

效果→

''我不是斜体''

如果你想在文本中展示代码,使用 <code></code> 标签.

<br> 标签

<br>标签在模板中常常作为换行符使用

这个页面展示的<br>都是维基文本相关的知识

效果→ 这个页面展示的
都是维基代码相关的知识

更重要的是,它用来防止图片“漂浮”比如:

有时这并非编辑者的本意
比如图片阻挡了信息框,或图片挡住了文字
|[[林顿弓.png]]<br clear=all>
 如果你不想使用 <nowiki><br clear=all></nowiki> 
来强制文本显示在图片下面
|}

效果→

高等精灵殿堂.png通常文本会包围在图片周围,比如这样,有时这并非编辑者的本意,比如当图片遮挡了信息框时,或图片挡住了文字时。 高等精灵殿堂.png
如果你不想使用<br clear=all>来强制文本显示在图片下面

同样也有

<br clear=right> 和 <br clear=left>

指令,这会清空页面的右列或左列。比如当你在页面右侧有一个信息框时,你希望把文本输在左侧图片下方,而且要与信息框挨着(如果有空间的话),如果你使用<br clear=all>指令,那么文本会输在(如果很长的)信息框下面,浪费一大堆空间。

进阶代码

当你掌握了所有基础代码后再来看这一节

<span> 标签

如果你希望改变文字的颜色,或是其他属性,使用 <span></span> 标签.。通常这些标签没有什么用,但与其他标签结合在一起时可以做出一些有趣的效果,比如:

<span style="color:blue">我是蓝色的文本</span>

效果→ 我是蓝色的文本.

除了可以用单词描述的基础颜色,还可以用十六进制颜色代码来改变文字颜色,点击这里来查看所有颜色的十六进制代码:HTML颜色代码

除了文本颜色,span标签还能改变更多,比如字体、大小、以及点击时会发生什么,比如:

<span style="color:#387C44; font-family:fantasy; font-size:17pt">我是更Fancy的文本</span>

效果→ 我是更Fancy的文本.

span标签还可以更改文本的背景颜色,以及加上边框

<span style="background-color:gold; border:2px ridge black">我是金色背景的带框文本</span>

效果→ 我是金色背景的带框文本

点击这里来查看更多span标签能办到的事 Quackit.com

span标签的属性

  • background-color: 更改文本的背景颜色
  • border: 为文本添加颜色可更改的边框,可以以像素为单位更改大小,颜色以十六进制代码的形式输入
  • color: 使用英文单词(如white, blue)或十六进制代码更改文字颜色
  • font-family: 更改字体,所选字体能否正常显示取决于阅读者电脑是否加载了此字体。未加载时中文将以“微软雅黑”显示,英文将以“Times New Roman”显示
  • font-size: 更改文字大小
  • font-weight: 更改文字粗细程度,从"normal"到"bold",或是从"0"到"1000"
  • margin-[left, right, top, bottom]: 更改留白宽度,以像素为单位
  • text-align: [left, center, right]; 将所选文本(在留白的基础上)与页边对齐

<span class> 标签

<span class> 标签是正常 <span> 标签的变体。通常唯一已知在维基可用的用法如下:

  • span class="insertusername">XXXX</span>: 将标签下的文本(本例中为XXXX)替换为阅读者的用户名. 这个标签常用在用户文档页面,也可用在其他页面如主页

因此,输入下列代码

<span class="insertusername">我是任意文本</span> 正在观看此页面

效果→我是任意文本 正在观看此页面

注意:此标签仅在开启JavaScript脚本的浏览器上有用

<div> 标签

此标签用于向页面添加特殊的分割线,并且在编辑模板时最常用。它类似于<span>标签,除非你添加更多属性,否则它不会有任何作用。例如:

<div style="width:100%; background:gold; border:2px ridge black; text-align:center; font-family:方正舒体;font-size:150%">我是华丽的分割线</div>
效果→
我是华丽的分割线
大多数在 <span> 标签上适用的属性在 <div> 标签上也适用,除了这个:
  • width:[百分数] 更改分割线的宽度

如果你知道CSS代码,那你应该会使用 <span><div> 标签的大部分属性.

<script> 标签

这个标签在添加JS(JavaScript)进入页面时使用。它自己什么都不会做,除非你在<script>与</script>标签之间添加JS元素。本维基并不过多使用JS,但这并不重要。如果你想学JS相关的知识,或是仅仅想做一个有趣的个人主页,向下滚动查看更多信息

过时代码

这些代码确实能起作用,但已经被新的代码所替代,然而有些旧页面仍然使用

黑体与斜体

过去, <b>, <i><u> 标签用于创建黑体、斜体和下划线文本,他们对于创建多行黑体、斜体更便捷。

文字属性

尽管这些标记已经过时,但有时在只更改文本的一个属性时仍会使用它们。注意,这些不会更改链接中的文本;所以你必须使用<span>标签来更改。

size

使用 <font size> 标签更改文字大小如下:

<font size="5">Large font</font>

效果→ Large font.

font face

使用 <font face> 标签更改字体如下:

<font face="times">Times New Roman font</font>

效果→ Times New Roman font.

font colour

使用 <font color> 标签和十六进制颜色代码修改文字颜色如下:

<font color="#0000FF">Blue text</font>

效果→ Blue text.

注意使用这些字体标签时小心些,否则可能产生其他效果:比如下列文本
Some of the text here is blue and some is not
其代码如下

<font face="times">Some of the text here is <font color="#0000FF">blue</font> and some is not</font>

如果你在本页面找不到需要的代码,去讨论版询问,或是查看与你想创建的页面相似的页面的源代码。

CSS 代码

本维基使用了CSS代码来定义其页面外观,维基员工的评论框,还有“最近更改”页面中的用户名颜色。本维基的CSS在这里定义。因为CSS仅用于这一小方面,因此这里并不会涉及太多。

JavaScript(JS)

这里可能有某些页面使用了JS,使用<script> 标签来插入JS

为什么使用JS?

虽然 HTML 与 CSS 通常足以创建静态网页,但用户无法与之互动。这意味着用户与网页唯一的交互方式是使用表格。当玩家提交了表格,他们需要等待表格上传,然后再次下载。而 JS 使得网页可以实现实时互动。它可以用于添加动画,甚至可以加载新的脚本、图片而不必刷新页面。

注意事项

尽管大多数电脑都加载了JS脚本,总有些没有,而有些人则是禁用了JS脚本。因此千万别创建一篇必须加载JS脚本才能阅读的页面。另外,加载过多脚本会使页面加载过于缓慢,因此不要添加太多JS。

JS 的完整描述过于长,如果你希望专门创建页面来介绍JS,请询问主站的 Sinthoniel

聊天框代码

在维基聊天框中也可以使用代码。下面是可用的标签:

  • [b] 创建黑体文本
  • [i] 创建斜体文本
  • [big] 创建更大文本
  • [small] 创建更小文本
  • [sup] 创建文本上标
  • [sub] 创建文本下标
  • [u] 创建下划线文本
  • [s] 创建删除线文本
  • [c (颜色代码)] 更改文本颜色,使用十六进制颜色代码
  • [bg (颜色代码)] 更改文本背景颜色
  • [font (字体名称)] 更改字体
  • [img (图片链接, 不需要http://协议)] 插入图片
  • [yt (视频ID)] 插入油管视频
    • 注意: 视频ID是网址中等号后的字符串,比如下例中的视频ID是cmammYdKJpY

https://www.youtube.com/watch?v=cmammYdKJpY

别忘了使用斜线(/)结束每对标签块,就像维基代码一样

例子

[c red]我是红色的文本[/c] -> 我是红色的文本

[c #FF0000]我也是红色的文本[/c] -> 我也是红色的文本

[bg red]我是红色背景的文本[/bg] -> 我是红色背景的文本

[b]我是黑体文本[/b] -> 我是黑体文本

[c red][b]我是黑体红色文本[/b][/c] -> 我是黑体红色文本

/me

使用/me来代入你自己的用户ID,例如

/me 是一名维基用户.

效果→

* (用户名) 是一名维基用户

表情符号

在聊天框中使用某些字符串可以创建类似emoji的表情图片

所有表情符号点击这里查看: MediaWiki:Emoticons.

如果你想添加新的表情符号,请找管理员。
avatar