查看“︁帮助:新手入门”︁的源代码

{{About|RIA Zeroth Wiki编辑的新手入门指引|加入服务器的引导|新人引导页}}

欢迎来到RIA Zeroth Wiki！

相信很多人都是在申请地标时，为了满足地标wiki这一要求而“被迫”来到这里，艰难地用自己不习惯的方式来编写一个页面。

确实，Wiki编辑是一个难度高、门槛高的事情。但同时，如果能熟练掌握Wiki编辑，我们就能创建出各种漂亮的页面，甚至媲美各种网页。而同时，在编辑过程中，你学到的很多东西就是真正的html，能运用在Wiki之外的地方。总而言之，Wiki编辑'''门槛高，上限高，收获大'''。

因此，本教程将以地标页面的编辑作为情境，力图让您学会基础的RIA Zeroth Wiki编辑。

==第零章 示例==

首先，我们来看看RIA Wiki中的一些页面示例。

下面是第一个页面。它已经能完全展现你想要表现的内容，同时在编辑时只需在原文上增添少量内容：

{|class="wikitable"
|-
!显示
!源代码
|-
|
{{Fake_heading|level=2|建筑}}
{{Fake_heading|level=3|主岛}}

''以此为基, 直抵梦想。''

主岛基本都是中式建筑。

建设度已经达到100%了!
{{Fake_heading|level=3|抹兰神社}}
由 Miksa12138 倾力打造。

鸟居和拜殿并不连成一条线, 鸟居门是北向而拜殿是东向的, 这应该是因地制宜的一种方法。

神社内部标识使用日语, 编年史也是日语。

入口左手边是御水池, 右边是绘马。神社只有拜殿 (还是本殿? ) 。

神社里有几个箱子放满了建材。

似乎没有神体, 或者神体是与神社隔海相望的一个小山包。
|
<pre>
==建筑==
===主岛===

''以此为基, 直抵梦想。''

主岛基本都是中式建筑。

建设度已经达到100%了!
====抹兰神社====
由 Miksa12138 倾力打造。

鸟居和拜殿并不连成一条线, 鸟居门是北向而拜殿是东向的, 这应该是因地制宜的一种方法。

神社内部标识使用日语, 编年史也是日语。

入口左手边是御水池, 右边是绘马。神社只有拜殿 (还是本殿? ) 。

神社里有几个箱子放满了建材。

似乎没有神体, 或者神体是与神社隔海相望的一个小山包。
</pre>
|-
|}

（来自[[抹岚]]（有改动），2024.9.15）

下面是第二个页面。它在原文上增添了少量非文本内容，有一定的代码量，不过仅靠模仿现有页面即可完全掌握：

{|class="wikitable"
|-
!显示
!源代码
|-
|
{{Paddingtitle|div|#3FFFAF|{{resize|larger|海华图书馆&海华图书馆站}}}}
这不是列车不小心开进了图书馆，这确实就是车站；那不是图书馆外一片普通的绿地，那确实就是图书馆的一部分。一个图书馆，与一个车站，但不仅仅是两栋房子。标志着建筑理念的创新，也承载着海华对于建筑于自然和谐共生的美好设想。

[[文件:海南图书馆1.png|200px|thumb|right|海华图书馆主楼]]

[[文件:海南图书馆2.png|200px|thumb|right|海华图书馆全景]]

位于西石星二岛，海华屿市西石星区。

海华第一个图书馆，一个可以边吹海风边闻草香边读好书的地方。

建筑外表首次使用了黑色方块，玻璃幕墙也有了边际。因此在建成后的一段时间内成为了秋月白本人最满意的现代建筑作品。（尽管其内饰还是平平无奇）在刚建成时图书馆另有一个波浪造型的石英顶棚，后因太丑全部拆除。

旁边的海华图书馆站，特点是内饰就是图书馆的样子，摆了一堆书架。秋月白曾经拍了照工地照让人猜这里以后会建成啥，果然，成功误导了鱼头。

* 关于海华图书馆站在铁路运营中的详细信息，请参阅[[海华铁路局#车站]]。

露天地面有一些道路与小装饰，比如一个花架与野生桌椅板凳等。

 首先，我的核心思想就是，图书馆不仅仅是刚建成的那栋楼，而包括了整个岛屿。读者可以拿着书，走出房子，在海滨的草原上读书。
 也可以说，当你从1号线下车的那一刻，你就进入了这个图书馆。
 于是乎，就有了这么一座“车站和图书馆分不清”的车站，也就有了室外那一个个木台子，等等。
 为了保持“在草原上阅读”这一设想，我甚至决定：做完这两个建筑之后，整个岛就开发完毕，不再新建建筑，而且把曾经的[[海华铁路局#西沙线翻新工程|西沙线]]拆了重修，目的就是保证草原的空旷和清静。
 如果没有这个思路，这些小东西就不可能出现，这样绝妙的景观也会浪费。

——[https://bbs.ria.red/topic/5082/ 海南图书馆建成纪念帖]

虽然有条件，但目前没有主动引入图书的打算。目前只有秋月白自己写的一些小东西。

藏书均位于1楼。2楼作装饰，3楼为办公室和印刷部（放置做书与笔的原料，同时保存书籍原稿）。

{| class="wikitable"
|+海华图书馆藏书列表
!书名
!作者
!备注
|-
|晨星海鸟居访册v1.0||Infinity||其实是前海南鸟居访册；Infinity为秋月白曾用名
|-
|海南鸟居访册v2.0||Aut_moon_white||
|-
|海华屿鸟居访册(第三版)||Aut_moon_white||
|-
|半自动停发车器使用说明书||Aut_moon_white||半自动停发车器使用说明书v1.20.0
|-
|半自动停发车器使用说明书2||Aut_moon_white||半自动停发车器使用说明书v1.30.0
|-
|}
|
<pre>
{{Paddingtitle|div|#3FFFAF|{{resize|larger|海华图书馆&海华图书馆站}}}}
这不是列车不小心开进了图书馆，这确实就是车站；那不是图书馆外一片普通的绿地，那确实就是图书馆的一部分。一个图书馆，与一个车站，但不仅仅是两栋房子。标志着建筑理念的创新，也承载着海华对于建筑于自然和谐共生的美好设想。

[[文件:海南图书馆1.png|200px|thumb|right|海华图书馆主楼]]

[[文件:海南图书馆2.png|200px|thumb|right|海华图书馆全景]]

位于西石星二岛，海华屿市西石星区。

海华第一个图书馆，一个可以边吹海风边闻草香边读好书的地方。

建筑外表首次使用了黑色方块，玻璃幕墙也有了边际。因此在建成后的一段时间内成为了秋月白本人最满意的现代建筑作品。（尽管其内饰还是平平无奇）在刚建成时图书馆另有一个波浪造型的石英顶棚，后因太丑全部拆除。

旁边的海华图书馆站，特点是内饰就是图书馆的样子，摆了一堆书架。秋月白曾经拍了照工地照让人猜这里以后会建成啥，果然，成功误导了鱼头。

* 关于海华图书馆站在铁路运营中的详细信息，请参阅[[海华铁路局#车站]]。

露天地面有一些道路与小装饰，比如一个花架与野生桌椅板凳等。

 首先，我的核心思想就是，图书馆不仅仅是刚建成的那栋楼，而包括了整个岛屿。读者可以拿着书，走出房子，在海滨的草原上读书。
 也可以说，当你从1号线下车的那一刻，你就进入了这个图书馆。
 于是乎，就有了这么一座“车站和图书馆分不清”的车站，也就有了室外那一个个木台子，等等。
 为了保持“在草原上阅读”这一设想，我甚至决定：做完这两个建筑之后，整个岛就开发完毕，不再新建建筑，而且把曾经的[[海华铁路局#西沙线翻新工程|西沙线]]拆了重修，目的就是保证草原的空旷和清静。
 如果没有这个思路，这些小东西就不可能出现，这样绝妙的景观也会浪费。

——[https://bbs.ria.red/topic/5082/ 海南图书馆建成纪念帖]

虽然有条件，但目前没有主动引入图书的打算。目前只有秋月白自己写的一些小东西。

藏书均位于1楼。2楼作装饰，3楼为办公室和印刷部（放置做书与笔的原料，同时保存书籍原稿）。

{| class="wikitable"
|+海华图书馆藏书列表
!书名
!作者
!备注
|-
|晨星海鸟居访册v1.0||Infinity||其实是前海南鸟居访册；Infinity为秋月白曾用名
|-
|海南鸟居访册v2.0||Aut_moon_white||
|-
|海华屿鸟居访册(第三版)||Aut_moon_white||
|-
|半自动停发车器使用说明书||Aut_moon_white||半自动停发车器使用说明书v1.20.0
|-
|半自动停发车器使用说明书2||Aut_moon_white||半自动停发车器使用说明书v1.30.0
|-
|}
</pre>
|-
|}

（来自[[海华屿]]（有改动），2024.9.15）

下面是第三个页面。它在原文基础上增添了大量样式，需要熟练掌握html语言，但如你所见，效果相当不错：

{|class="wikitable"
|-
!显示
!源代码
|-
|
{{Infobox_settlement
  | name = 莱茵
  | settlement_type = 暖海海滨城市
  | other_name = Rhine
  | image_skyline = 莱茵.png
  | image_caption = 莱茵海岸线''（2022-9-22）''
  | motto = ''“温馨与活力交融的海滨之城”''
  | coordinates = {{Satellite_map_link|world=zth|x=4226|z=-13602|scale=3}}
  | subdivision_type = 世界
  | subdivision_name = 零洲
  | subdivision_type1 = 大陆
  | subdivision_name1 = 远东北
  | established_title = 聚落建立
  | established_date = 2022-7-29
  | established_title1 = 评级升标
  | established_date1 = 2022-11-29
  | founder = [[HanazonoSerenya]]
  | landmark_number = 190
  
  | landmark_level = 标
  | landmark_date = 2022-9-1
  | applicant = HanazonoSerenya
  | population = 15
}}
{{HanazonoSerenya/borderbox|h=|p=
<div style="font-family:sans-serif;font-weight:bold;border-left:0.3rem solid #fcc8e7;padding-left:1rem;"><big>简介</big></div><br>
莱茵是一个坐落在零洲大陆东北边的珊瑚海滨聚落，主要风格为小而温馨、颜色鲜艳的建筑混搭。<br>
聚落依山傍水而建，建筑高低错落，并无过多破坏原始地形。<br>
莱茵位于活跃的远东北聚落群，是一个充满活力的聚落，并且有很多友邻交流来往~<br>
不仅是邻居，就连远在零洲西南也有时常串门的聚落~<br>
在这里，你可以悠闲地摸鱼，串门吸猫，体验mc生存的种田生活=w=<br>
在建筑方面，无论你的建筑水平高低，火柴盒或搬运改编之作，从古风庭院到科幻的大楼，我们都欢迎你的加入创作。  <br>
或者，选择一间心仪的公寓房间，稍加装修，作为自己旅途的足迹，歇脚的驿站~<br>
除了建筑外，我们还有较为完善的交通系统，主世界轨道-地狱轨道-基岩冰道四通八达，在力所能及的范围内连接着各个邻居聚落。<br>
在生存建筑的后勤方面，莱茵还有较为完善的工业区，可以轻松获取到各种生存所需材料~<br>
莱茵的吉祥物是莱茵啾啾（美西螈），莱茵中心巨大的樱花树以及鸟居门所在五彩斑斓的珊瑚海也是莱茵的标志物。<s>（可能还有一只不知名的猫）</s><br>
目前莱茵评级为标居，在日啊也已经度过了一年的时间，正在向着赤级的方向建设~<br>
欢迎大家常来玩并且在留言板留下自己的足迹www  <br>
也欢迎喜欢这里的虾仁的加入哦~ <br>
<span>[[文件:莱茵1.jpg|500x500像素]]</span>
}}
|
<pre>
{{Infobox_settlement
  | name = 莱茵
  | settlement_type = 暖海海滨城市
  | other_name = Rhine
  | image_skyline = 莱茵.png
  | image_caption = 莱茵海岸线''（2022-9-22）''
  | motto = ''“温馨与活力交融的海滨之城”''
  | coordinates = {{Satellite_map_link|world=zth|x=4226|z=-13602|scale=3}}
  | subdivision_type = 世界
  | subdivision_name = 零洲
  | subdivision_type1 = 大陆
  | subdivision_name1 = 远东北
  | established_title = 聚落建立
  | established_date = 2022-7-29
  | established_title1 = 评级升标
  | established_date1 = 2022-11-29
  | founder = [[HanazonoSerenya]]
  | landmark_number = 190
  
  | landmark_level = 标
  | landmark_date = 2022-9-1
  | applicant = HanazonoSerenya
  | population = 15
}}
{{HanazonoSerenya/borderbox|h=|p=
<h2 style="font-family:sans-serif;font-weight:bold;border-left:0.3rem solid #fcc8e7;padding-left:1rem;">简介</h2><br>
莱茵是一个坐落在零洲大陆东北边的珊瑚海滨聚落，主要风格为小而温馨、颜色鲜艳的建筑混搭。<br>
聚落依山傍水而建，建筑高低错落，并无过多破坏原始地形。<br>
莱茵位于活跃的远东北聚落群，是一个充满活力的聚落，并且有很多友邻交流来往~<br>
不仅是邻居，就连远在零洲西南也有时常串门的聚落~<br>
在这里，你可以悠闲地摸鱼，串门吸猫，体验mc生存的种田生活=w=<br>
在建筑方面，无论你的建筑水平高低，火柴盒或搬运改编之作，从古风庭院到科幻的大楼，我们都欢迎你的加入创作。  <br>
或者，选择一间心仪的公寓房间，稍加装修，作为自己旅途的足迹，歇脚的驿站~<br>
除了建筑外，我们还有较为完善的交通系统，主世界轨道-地狱轨道-基岩冰道四通八达，在力所能及的范围内连接着各个邻居聚落。<br>
在生存建筑的后勤方面，莱茵还有较为完善的工业区，可以轻松获取到各种生存所需材料~<br>
莱茵的吉祥物是莱茵啾啾（美西螈），莱茵中心巨大的樱花树以及鸟居门所在五彩斑斓的珊瑚海也是莱茵的标志物。<s>（可能还有一只不知名的猫）</s><br>
目前莱茵评级为标居，在日啊也已经度过了一年的时间，正在向着赤级的方向建设~<br>
欢迎大家常来玩并且在留言板留下自己的足迹www  <br>
也欢迎喜欢这里的虾仁的加入哦~ <br>
<span>[[文件:莱茵1.jpg|500x500像素]]</span>
}}
</pre>
|-
|}

（来自[[莱茵]]（有改动），2024.9.15）

很不幸，你不小心看到了右边的源代码，里面写满了你看不懂的东西。但是！大部分情况下，你不会用到这么多东西，因此大可不必担惊受怕。

除了编写地标页面，Wiki里还能写很多东西，不过既然我们首先是来写地标页面的，wiki的收录范围这点暂且放下。现在，让我们从一个地标页面开始，学习Wiki页面的编辑。

==第一章 地标页面创建，标题与正文==
首先，为了编写一个地标页面，我们必须先创建它。<s>听君一席话如听一席话</s>

创建页面本应也是一项教学内容，不过我们暂且跳过，因为RIA Wiki已经提供了一个方式帮你快速创建地标页面！

[[RIA 0th:快速创建|'''快速创建地标页面''']]

于是我们便得到了这么一个崭新的页面：
{|class="wikitable"
|-
!显示
!源代码
|-
|
{{Cquote
| content = 这是一段居中的引文，可以放格言，如果没有或者不想写的话也可以直接删掉
| footer = 这是引文的脚注
}}

这是页面开头的引言。你可以在这里用一两句话简要介绍一下你的地标。

{{Infobox_settlement
| 名称 = 我的聚落
| 聚落类型 = 草原村落
| 天际线图像 = 莉亚之门.jpeg
| 图像描述 = 莉亚之门
| 旗帜图像 = 子夜港旗帜（新）.png
| 旗帜描述 = 子夜港旗帜
| 坐标 = {{Satellite_map_link|world=zth |x=0 |y= |z=0 }}
| established_title = 建立时间
| established_date = 2077-05-09
| 创始人 = Ksudoc
| 地标编号 = 999
| 地标等级 = 准
| 共鸣时间 = 2077-06-01
| 申请者 = Ksudoc
}}

{{Fake_heading|level=2|历史}}

这里写一写地标的历史和发展。这里是怎么建立的？经历了一些什么事情呢？现在是怎样的？

{{Fake_heading|level=2|成员}}
这里用来介绍地标的成员们。是谁建立了这处风景？大家都是怎样的人呢？

需要的话可以画一个表格。

{{Fake_heading|level=2|建筑介绍}}

这里可以介绍一下各个建筑，可以把建筑的图片上传上来，辅以文字介绍。

如果稍微学习一下的话，可以使用[https://www.mediawiki.org/wiki/Help:Images#Rendering_a_gallery_of_images 画廊和幻灯片]来丰富排版。

{{Fake_heading|level=2|其他}}

有没有以上内容没有覆盖到的地方呢？可以写在这里。
|
<pre>
{{Cquote
| content = 这是一段居中的引文，可以放格言，如果没有或者不想写的话也可以直接删掉
| footer = 这是引文的脚注
}}

这是页面开头的引言。你可以在这里用一两句话简要介绍一下你的地标。

{{Infobox_settlement
| 名称 = 我的聚落
| 聚落类型 = 草原村落
| 天际线图像 = 莉亚之门.jpeg
| 图像描述 = 莉亚之门
| 旗帜图像 = 子夜港旗帜（新）.png
| 旗帜描述 = 子夜港旗帜
| 坐标 = {{Satellite_map_link|world=zth |x=0 |y= |z=0 }}
| established_title = 建立时间
| established_date = 2077-05-09
| 创始人 = Ksudoc
| 地标编号 = 999
| 地标等级 = 准
| 共鸣时间 = 2077-06-01
| 申请者 = Ksudoc
}}

==历史==

这里写一写地标的历史和发展。这里是怎么建立的？经历了一些什么事情呢？现在是怎样的？

==成员==
这里用来介绍地标的成员们。是谁建立了这处风景？大家都是怎样的人呢？

需要的话可以画一个表格。

==建筑介绍==

这里可以介绍一下各个建筑，可以把建筑的图片上传上来，辅以文字介绍。

如果稍微学习一下的话，可以使用[https://www.mediawiki.org/wiki/Help:Images#Rendering_a_gallery_of_images 画廊和幻灯片]来丰富排版。

==其他==

有没有以上内容没有覆盖到的地方呢？可以写在这里。
</pre>
|-
|}
出于简洁需要，这里复制过来的源代码删除了所有注释和一些不重要的东西。在你刚创建的页面中，这些东西是原样保留的，它们会告诉你每个地方需要写什么。而这个教程力图教会你各部分代码究竟是什么意思，从而将这些代码运用在更多地方。那么，开始吧！

我们从源代码的第一行开始。

很不幸，第一行就让你感到害怕。Cquote？前面还有两个花括号？这不是标准的代码吗？上来就是大BOSS？

因此我们的处理方法是：跳过！

当你遇见你看不懂的东西时，如果你不需要它，直接跳过，一直跳到你需要或者能够理解的部分。

于是我们也跳过了那个长达16行的Infobox_settlement，来到了我们的第一个好像能看懂的内容：

<code>==历史==</code>

这是一个章节标题。

当你写下这一行字，就意味着你在这个页面中创建了一个新章节。这样的标题可以无限创建。

当你想在这个章节下新建小章节时，只需要在标题两边简单地增加等号，例如：

<code>===这是一个子章节标题===</code>

这样的子章节最多可以叠到5层（6个等号），如下表所示：
{{Markup
  | 1 =
<nowiki>
== 2级标题 ==
=== 3级标题 ===
==== 4级标题 ====
===== 5级标题 =====
====== 6级标题 ======
</nowiki>
  | 2 =
{{Fake_heading|level=2|2级标题}}
{{Fake_heading|level=3|3级标题}}
{{Fake_heading|level=4|4级标题}}
{{Fake_heading|level=5|5级标题}}
{{Fake_heading|level=6|6级标题}}
}}
不过需要注意的是，如果在标题行加入了其他内容，这个标题将不会生效。
{{Markup
  | 1 = <nowiki>== 这个标题 == 不会生效</nowiki>
  | 2 = == 这个标题 == 不会生效
}}

当章节标题足够多时，在第一章节标题上方会自动生成一个目录。

好了，接下来我们要写一点东西进去。

{{Markup
  | 1 = 
<nowiki>2077年5月31日，Ksudoc到达了这片草原。
经过了一天的初期发展，他造起了一柱鸟居，并成功与主岛鸟居长廊共鸣。</nowiki>
  | 2 = 
2077年5月31日，Ksudoc到达了这片草原。
经过了一天的初期发展，他造起了一柱鸟居，并成功与主岛鸟居长廊共鸣。
}}
不对，为什么我打的换行没有用？

在wiki使用源代码编辑时，正文换行需要通过在源代码打两个回车来实现，就像这样：
{{Markup
  | 1 = 
<nowiki>==历史==

2077年5月31日，Ksudoc到达了这片草原。

经过了一天的初期发展，他造起了一柱鸟居，并成功与主岛鸟居长廊共鸣。</nowiki>
  | 2 = 
{{Fake_heading|level=2|历史}}
  
2077年5月31日，Ksudoc到达了这片草原。

经过了一天的初期发展，他造起了一柱鸟居，并成功与主岛鸟居长廊共鸣。
}}
恭喜你，你写下了第一个章节！接下来，你只需要以同样的方式写完成员、建筑介绍以及其他你想写的东西，属于你的wiki页面就有了基本的血肉。

你按下了“保存更改”键，欣赏着你的新作。

==第二章 文字样式与排版花活==
现在，你发现了这么个问题：

除了标题外，页面中的所有正文内容都是一样的文字样式，看上去太单调了。你决定给文字整点花活，比如斜体、粗体。

下面的内容或许会帮到你。

{| class="wikitable"
  |-
  ! 描述
  ! 源代码
  ! 显示
  |-
  | 斜体、粗体
  |
<pre>
''斜体''标记的两边有2个直引号（半角单引号）。

'''粗体'''有3个。

放上5个（斜体2个，粗体3个）会产生'''''粗斜体'''''。

这些标记在换行时结束，所以一对需要放在同一行。
</pre>
  |
''斜体''标记的两边有2个直引号（半角单引号）。

'''粗体'''有3个。

放上5个（斜体2个，粗体3个）会产生'''''粗斜体'''''。

这些标记在换行时结束，所以一对需要放在同一行。
  |-
  |
正常文本内的小型代码区块。

代码会用等宽字体显示。
  | <pre>函数<code>int main()</code>是好的。</pre>
  | 函数<code>int main()</code>是好的。
  |-
  | 小型文本，用来标记正常文本之间的小注释。<ref name=":0">使用Minerva Neue皮肤（移动端默认）时，文本大小与周围的文本相同。</ref>
  | <pre>仅在必要时使用<small>小型文本</small>。</pre>
  | 仅在必要时使用<small>小型文本</small>。
  |-
  | 大型文本。<br>{{tag|big}}已从[https://html.spec.whatwg.org/multipage/obsolete.html#big HTML规范中删除]，请勿使用。<ref name=":0" />
  |<pre>不要使用<big>大型文本</big>！</pre>
  |不要使用<big>大型文本</big>！
  |-
  | 更改文本大小。<br>{{tag|small}}、{{tag|big}}的一种更加灵活的替代。
  |
<pre>
{{tl|Resize}}模板提供了更加灵活、无关语义的更改文本尺寸方法。
* 这里将文本尺寸变得{{resize|larger|更大}}；
* 也可以变得{{resize|smaller|更小}}；
* 或者说，指定一个{{resize|80%|百分比}}；
* 设置为周围文本的{{resize|0.8em|几倍}}；
* 指定一个{{resize|20px|实际尺寸}}；
</pre>
  |
{{tl|Resize}}模板提供了更加灵活、无关语义的更改文本尺寸方法。
* 这里将文本尺寸变得{{resize|larger|更大}}；
* 也可以变得{{resize|smaller|更小}}；
* 或者说，指定一个{{resize|80%|百分比}}；
* 设置为周围文本的{{resize|0.8em|几倍}}；
* 指定一个{{resize|20px|实际尺寸}}；
  |-
  | 上标与下标
  | <pre>有时候需要用到上下标，比如M<sup>me</sup> Denise、CH<sub>4</sub>。</pre>
  | 有时候需要用到上下标，比如M<sup>me</sup>&nbsp;Denise、CH<sub>4</sub>。
|}

==第三章 链接==
你基本写完了地标页面的主要内容。但是，这个页面似乎很孤独。除了通过底下我们暂时看不明白的地标列表模板，我们没法从正文中前往其他的任何页面。

所以，怎么在内容中添加链接呢？总不能把整个网址放上来吧，这样页面就会变得很长，花花绿绿的还不好看。并且，我们想要前往的页面基本都同样在这个Wiki内部，总不能每次都打一遍<code>https://wiki.ria.red/</code>吧？

很简单，加几对中括号就行了。

{| class="wikitable"
  |-
  ! 描述
  ! 源代码
  ! 显示
  |-
  | 把需要创建链接的字词用两对中括号（<code><nowiki>[[…]]</nowiki></code>）括起来就能创建wiki链接。
  | <pre>[[鳕鱼贫鸟居]]是RIA的第一个地标。</pre>
  | [[鳕鱼贫鸟居]]是RIA的第一个地标。
  |-
  | 使用竖线（<code><nowiki>|</nowiki></code>）以设置链接显示文本。
  | <pre>[[TsanconBYin|必应]]是轨交社社长。</pre>
  | [[TsanconBYin|必应]]是轨交社社长。
  |-
  | 使用井号（<code>#</code>）以链接到页面的特定章节。
  | <pre>可以参考[[帮助:新手入门#第四章 链接]]来初步学习链接的使用。</pre>
  | 可以参考[[帮助:新手入门#第四章 链接]]来初步学习链接的使用。
  |-
  | 竖线和井号可以混合使用。
  | <pre>可以参考[[帮助:新手入门#第四章 链接|这里]]来初步学习链接的使用。</pre>
  | 可以参考[[帮助:新手入门#第四章 链接|这里]]来初步学习链接的使用。
  |-
  | 用一对中括号（<code><nowiki>[…]</nowiki></code>）添加外部链接。<br>如果想要以设置链接显示文本，使用空格（<code> </code>）而非wiki链接的竖线。
  | <pre>有时候，我们需要链接到wiki以外的页面，比如[https://www.bilibili.com/ b站]。</pre>
  | 有时候，我们需要链接到wiki以外的页面，比如[https://www.bilibili.com/ b站]。
  |-
  |}

==第四章 添加图片==

尽管添加了那么多杂七杂八的东西，这个页面依旧只有黑白蓝三种颜色；同时，你为你的新家拍摄的诸多美照，却无从展示给他人。很显然，我们需要为页面添加一些图片。

不幸的是，在wiki中，我们无法通过直接复制黏贴的方式将图片添加到页面中。我们需要[[Special:Upload|'''上传图片''']]。

进入上传页面后，需要的操作是比较简明易懂的。不过，其中有两点需要略加解释：

'''目标文件名'''

这个文件被使用时，应该通过什么名字来找到它。默认情况下，它和你上传文件的文件名是一样的。

比如你想上传一个在你的设备上名为Example.png的图片，则这个地方会被默认填充为Example.png，在其他页面引用这个文件时也将会通过Example.png这个名字来寻找图片。

但是，大部分照片的文件命名都“无法分辨这是什么”（比如QQ截图、随机哈希值等）。因此为了方便查找，我们希望您手动修改“目标文件名”。这不仅方便您自己引用图片，还能方便wiki的维护。

请记住这个“目标文件名”，接下来会用到。

'''摘要'''

你想给文件添加的解释。这会直接出现在文件页面的下方。

可以写一写这是什么文件，用途是什么。当然可以不写。


点击“上传文件”，你便上传了第一张图片。接下来，回到你的地标页面，试着把这张图片添加到你的地标页面中去吧。

<div style="max-width: 100%; overflow-x: auto;">
{| class="wikitable" style="min-width: 50em;"
  |-
  ! 描述
  ! style="min-width: 20em;" | 源代码
  ! 显示
  |-
  |'''基本样式'''<br>“thumb”标签让图像可以自动缩放到一定大小，图像会浮动在页面右边。<br>图像右下角有一个放大图标。<br>这种格式适用于绝大多数图像。也就是说，它如果看起来可以，就不用改了。
  | style="vertical-align: top;" |
<pre>
图像名，单词“thumb”和描述：
[[File:Example.png|thumb|示例图像]]
</pre>
  | style="vertical-align: top;" |
图像名，单词“thumb”和描述：
[[File:Example.png|thumb|示例图像]]
  |-
  | '''图像浮动'''<br>如果有需要，可以调整图像浮动位置。<br>如果使用的皮肤不同，显示可能也不一样。
  | style="vertical-align: top;" |
<pre>
可以调整图像浮动位置：
[[File:Example.png|thumb|right|浮动在右侧（默认）]]
{{Clear}}
[[File:Example.png|thumb|left|浮动在左侧]]
{{Clear}}
[[File:Example.png|thumb|center|浮动在中间]]
{{Clear}}
</pre>
  | style="vertical-align: top;" |
可以调整图像浮动位置：
[[File:Example.png|thumb|right|浮动在右侧（默认）]]
{{Clear}}
[[File:Example.png|thumb|left|浮动在左侧]]
{{Clear}}
[[File:Example.png|thumb|center|浮动在中间]]
{{Clear}}
  |-
  | '''嵌入文本的图像'''<br>嵌入文本的图像无需添加额外参数。<br>如果图像太高，会调整该行的行高。<br>所以嵌入较矮的图像（也许高度不大于文本高度的1.25倍）看起来才比较正常。<br>嵌入图像会影响文本的垂直位置。
  | style="vertical-align: top;" | <pre>一张图像：[[File:Material Design icon Aunst merge.svg]]</pre>
  | style="vertical-align: top;" | 一张图像：[[File:Material Design icon Aunst merge.svg]]
  |-
  | '''替代文本'''<br>图像无法加载时会显示替代文本。<br>浏览器以纯文本模式显示页面时也会显示替代文本。<br>设备在朗读页面时也会读出替代文本。<br>你'''应该'''为图像设置替代文本。
  | style="vertical-align: top;" | <pre>添加替代文本：[[File:Material Design icon Aunst merge.svg
  |alt=代表合并的图像，左侧两个紫色正方形通过线连接到右侧的蓝色圆形]]</pre>
  | style="vertical-align: top;" | 添加替代文本：[[File:Material Design icon Aunst merge.svg|alt=代表合并的图像，左侧两个紫色正方形通过线连接到右侧的蓝色圆形]]
  |-
  | '''链接目标'''<br>设置图像链接目标。<br>默认情况下，点击图像会跳转到图像描述页。<br>添加<code>link</code>参数可以设置点击图像跳转到的页面。比如，右侧第二个图像链接到[[Project:首页]]。<br>如果设置为<code>link=</code>的话，点击图像就不会跳转了。
  | style="vertical-align: top;" | 
<pre>
指向图像描述页的图片：[[File:Material Design icon Aunst merge.svg]]

指向主页的图片：[[File:Material Design icon Aunst merge.svg|link=Project:首页]]
</pre>
  | style="vertical-align: top;" | 
指向图像描述页的图片：[[File:Material Design icon Aunst merge.svg]]

指向主页的图片：[[File:Material Design icon Aunst merge.svg|link=Project:首页]]
  |-
  | '''宽度调整'''<br>upright是指用户偏好缩略图宽度的几倍，在[[Special:Preferences#mw-prefsection-rendering-files|参数设置]]中调整，默认为300px。<br>upright只在缩略图（thumb）和无框（frameless）图像中有效。<br>只写upright，不带等号和倍数，图像宽度会设为偏好宽度的0.75倍（upright=0.75）。<br>慎重更改图像尺寸。改了可能有不可预知的后果。试着调整浏览器窗口的宽度，观察页面显示情况。
  | style="vertical-align: top;" |
<pre>
图像宽度设为150px：
[[File:Example.png|thumb|150px|示例图像]]
{{Clear}}
图像高度设为150px：
[[File:Example.png|thumb|x150px|示例图像]]
{{Clear}}
尊重用户设置的宽度：
[[File:Example.png|thumb|upright|示例图像]]
{{Clear}}
[[File:Example.png|thumb|upright=0.5|示例图像]]
</pre>
  | style="vertical-align: top;" |
图像宽度设为150px：
[[File:Example.png|thumb|150px|示例图像]]
{{Clear}}
图像高度设为150px：
[[File:Example.png|thumb|x150px|示例图像]]
{{Clear}}
尊重用户设置的宽度：
[[File:Material Design icon Aunst merge.svg|thumb|upright|示例图像]]
{{Clear}}
[[File:Material Design icon Aunst merge.svg|thumb|upright=0.5|示例图像]]
  |-
  | '''链接到图像描述页'''<br>在文件名前面加上半角冒号<code>:</code>可以直接链接到图像描述页，而不显示图像。
  | style="vertical-align: top;" | <pre>指向图像描述页的链接：[[:File:Example.png]]</pre>
  | style="vertical-align: top;" | 指向图像描述页的链接：[[:File:Example.png]]
  |-
  | '''直接链接到图像'''<br>在文件名前面加上<code>Media:</code>可以直接链接到图像，而不显示图像。
  | style="vertical-align: top;" | <pre>指向图像的链接：[[Media:Example.png]]</pre>
  | style="vertical-align: top;" | 指向图像的链接：[[媒体:Example.png]]
|}
</div>

添加完了图片后，你上下滚动着页面，欣赏着这一有图有文的佳作。

但是很快，你就发现了页面右上角那个红框框。

那里面的东西是默认的，而非你自己的！

你决心对这个红框动手。

==第五章 模板==
别急。在这个教程中，我们将碰见三个模板。我们从易到难开始学习。

首先，让我们看到源代码的最底部，这有一个相当简单的模板：<nowiki>{{零洲共鸣地标}}</nowiki>。

简单在哪？只需要输入这10个字，就能在底下增加这么大一块地标列表。

{{Markup
  | 1 = <nowiki>{{零洲共鸣地标}}</nowiki>
  | 2 = {{零洲共鸣地标}}
}}

这是一个无参数模板。在引用这类模板时，不需要改变任何内容，只管Ctrl+C与Ctrl+V即可。

然后再看看我们刚开始就遇见的“大BOSS”：<nowiki>{{Cquote}}</nowiki>。这也是一个模板。

我们以这个模板为例，学习一个模板是怎么工作的。

{{Markup
  | 1 = <nowiki>
{{Cquote
| content = 这是一段居中的引文，可以放格言，如果没有或者不想写的话也可以直接删掉
| footer = 这是引文的脚注
}}
</nowiki>
  | 2 = 
{{Cquote
| content = 这是一段居中的引文，可以放格言，如果没有或者不想写的话也可以直接删掉
| footer = 这是引文的脚注
}}
}}
在content区域输入的内容，就出现在了正文中；同样，在footer中输入的脚注，也出现在了破折号后面。

我们暂时不需要了解这个模板的底层逻辑，只需要会用就行。只需要看出来源代码和正文的对应关系，便可将模板的内容改为你想要的任何东西。

比如我想在这个引言里放入《林则徐全集》里的“青山不墨千秋画，绿水无弦万古琴”。“青山不墨千秋画，绿水无弦万古琴”是内容，“《林则徐全集》”是出处，于是在content后写上“青山不墨千秋画，绿水无弦万古琴”，footer后写上“《林则徐全集》”，我们便得到了：
{{Cquote
| content = 青山不墨千秋画，绿水无弦万古琴
| footer = 《林则徐全集》
}}

好了，接下来，我们就可以解决最大的、也是看上去最不好搞、一看就望而却步的右上角大红框了。

诶，尽管我们上面一直在用着源代码编辑，现在先别急着点那个“编辑源代码”。有没有发现，旁边其实有一个“编辑”？

点击这个“编辑”，将进入可视化编辑，此时你就可以按照之前的习惯，按一下回车就是货真价实的换行。现在，让我们点一下那个红框，再点击弹出的“编辑”：

[[文件:可视化编辑器编辑模板_样例.png|800x800像素]]

在左边的参数框选择你需要的内容，在右边的内容框输入你想要的东西。是不是很方便？

尽管一般来说我们不建议过于依赖可视化编辑器，但是不得不承认，在编辑部分模板<ref>可以用可视化编辑器编辑的模板需要在模板文档页面有有关的数据支撑。很不幸，做了可视化编辑器适配的模板相当之少。</ref>和表格<ref>可以自己试试，可视化编辑的“插入”功能可以插入表格。用起来和Excel很像！</ref>，甚至上面用源代码吭哧吭哧整了半天的图片时，可视化编辑器是个相当好用的工具。

==附录==

必须说明的是，在任何一个wiki中，都有着不计其数的模板，给每一个模板都写一个教程是不切实际的；使用可视化编辑器编辑模板，仅适用于很少维护良好的模板，而且具有极大的限制。我们要学的，是如何通过源代码与实际效果的对应关系，来了解每个模板的用法<ref>当然，许多维护良好的模板会有着极其详尽的模板文档，它会教会你如何使用这个模板，而不必自己去对应代码与效果。比如在RIA Wiki的[[模板:Navbox]]，就有着由[[用户:Aunst|Aunst]]撰写的宝宝级教程。</ref>，并在自己的页面中加以运用。

此外，在浏览其他页面看见一些好玩的样式，点进去却发现是一堆尖括号括起来的html标准代码时，我们也可以这么做。不必为此专门去学一整个html，你要用什么，就模仿什么。

本教程的作者曾偷到了这么一个表情包：

[[文件:我来写代码了.jpg]]

和敲代码一样，写wiki时，请不要吝啬你的Ctrl+C、Ctrl+V。毕竟，维基百科的特点就是'''自由内容、自由编辑'''。<ref>https://baike.baidu.com/item/%E7%BB%B4%E5%9F%BA%E7%99%BE%E7%A7%91/106382</ref>

在保证页面可读性的前提下，大胆模仿你看到的一切样式，并用到你的新页面中！

==写在最后==
恭喜你读完了本教程，现在你应该大致了解如何编写一个地标页面了。

但是必须说明，与整个wiki编辑的庞大体量相比，本教程是相当不完整的；但如果全部写进来，本教程将如此冗长以至于没人能看下去。

如果你想学习一些高于这个教程的wiki编辑技巧，比如[[帮助:Wikitext#脚注和引用|注释]]、[[帮助:Wikitext#表格|表格]]以及更为完整的[[帮助:Wikitext#图像|图片插入介绍]]等一大堆内容，可以继续阅读由[[用户:Aunst|Aunst]]编写的相当优秀<s>也相当幽默</s>的[[帮助:Wikitext]]。

比如，在该教程的[[帮助:Wikitext#表格|表格]]章节中，它的一部分原文是这样的：

<div class="bs-container">
<div class="bs-row">
<div class="bs-col-sm">
<pre>
{| class="wikitable"
  |-
  ! 表头1
  ! 表头2
  ! 表头3
  |-
  ! S1
  | colspan="2" | 我拆了右边的墙
|}
</pre>
</div>
<div class="bs-col-sm">
{| class="wikitable"
  |-
  ! 表头1
  ! 表头2
  ! 表头3
  |-
  ! S1
  | colspan="2" | 我拆了右边的墙
|}
</div>
</div>
<div class="bs-row">
<div class="bs-col-sm">
<pre>
{| class="wikitable"
  |-
  ! 表头1
  ! 表头2
  |-
  ! S1
  | rowspan="2" | 我拆了下边的墙
  |-
  ! S2
|}
</pre>
</div>
<div class="bs-col-sm">
{| class="wikitable"
  |-
  ! 表头1
  ! 表头2
  |-
  ! S1
  | rowspan="2" | 我拆了下边的墙
  |-
  ! S2
|}
</div>
</div>
<div class="bs-row">
<div class="bs-col-sm">
<pre>
{| class="wikitable"
  |-
  ! 表头1
  ! 表头2
  ! 表头3
  |-
  ! S1
  | colspan="2" rowspan="2" | 我全拆了
  |-
  ! S2
|}
</pre>
</div>
<div class="bs-col-sm">
{| class="wikitable"
  |-
  ! 表头1
  ! 表头2
  ! 表头3
  |-
  ! S1
  | colspan="2" rowspan="2" | 我全拆了
  |-
  ! S2
|}
</div>
</div>
</div>

感谢你为RIA Wiki的付出！