用戶:Udtl520/xp-tutorial

此頁面用於總結ud與xp交流中所關於的wiki/rizwiki編輯內容，同時也作為個人練手頁面
此處的大部分內容都有工具可以輔助設定，也不如wiki的說明頁面詳細，但我仍想將它們記錄於此
特別感謝xp00000000及所有提供幫助的人的支援

格式

wiki忽略單個換行，對於多個換行才能正常顯示，這一點請多加留意，使用單個換行請參見：換行
在行開頭使用空格會導致其他影響，具體參見：程式碼塊
使用html跳脫可避免被解析為wiki語法，在此不做贅述
由於CSS樣式的特殊性，將CSS單獨進行説明，參見：CSS樣式

標題

如你所見，「User:Udtl520/xp-tutorial」就是1級標題（頁面標題），「格式」就是2級標題，「標題」就是3級標題
==使用2个等号可以创建2级标题==
===使用3个等号可以创建3级标题===
====使用几个等号就可以创建几级标题====

• 注意！請不要嘗試建立1級標題！

如果需要使用html容器建立標題，參見：html容器標題

無序列表與有序列表

在行的左側放置1個星號*可以建立無序列表，效果類似於制表符tab

• 無序列表效果如此所示，如你所見，無序列表並沒有序號（廢話）
  • 使用2個*可以更加縮進
    • 3個可以更更縮進，以此類推

在行的左側放置1個井號#可以建立有序列表

1. 有序列表效果如此所示，如你所見，有序列表有序號（廢話）
2. 使用這些符號可以讓頁面更有條理
   1. 使用2個#可以更加縮進，並且不同層級的列表序號分開計算

• 1. 兩種符號*#可以連用，邏輯大致如上，且序號同樣會分開計算

描述

使用分號;會建立描述，這會使其變為粗體，換行後使用冒號:可以編輯描述
如下所示的內容：

;hello
:world

則會顯示為：

hello

world

特別的，單獨使用:也會導致縮進：

這是單個冒號的效果

多個冒號也會有多次縮進，像這樣

斜體與粗體

在需要斜體的字前後各加2個單引號'（注意不是雙引號）即可加入斜體

• 斜體的效果大致如此
  

在需要斜體的字前後各加3個單引號即可加入粗體

• 粗體的效果大致如此
  

在同時需要斜體與粗體的字前後各加5個單引號即可加入斜體與粗體

• 斜體與粗體的效果大致如此
  

特別的，描述的；加粗與此處的'加粗無法疊加

• 此處的文字其實並沒有比粗體還粗

html容器

容器使用<>符號，一般的格式為<xxx>内容</xxx>
html容器可以使用CSS樣式進一步豐富排版，具體參見：CSS樣式 以下將一一説明html容器的用途

html容器標題

關於不使用html容器建立標題的方法，參見：標題，此方法與其建立標題的效果完全相同
使用<h2>可以建立2級標題
同理，使用<h3>建立3級標題
數字是幾就可以建立幾級標題

• 注意！請不要嘗試建立1級標題！

換行

使用<br>在句子結尾並換行可被識別為一個換行
特別的，換行不需要標註結束位置，只需單獨使用即可
打開這個頁面的編輯頁後，你可能會看到很多這樣的換行
如下的例子：

hello<br>
world

會顯示為：
hello
world

詩集

使用<poem>用於保留原始碼頁面的換行，這種換行與<br>效果大致相同
如下所示的內容：(未使用<br>換行）

<poem>
假如我是一只鸟，
我也应该用嘶哑的喉咙歌唱：
这被暴风雨所打击着的土地，
这永远汹涌着我们的悲愤的河流，
这无止息地吹刮着的激怒的风，
和那来自林间的无比温柔的黎明……
——然后我死了，
连羽毛也腐烂在土地里面。
为什么我的眼里常含泪水？
因为我对这片土地爱得深沉……
</poem>

會被顯示為：

假如我是一隻鳥，
我也應該用嘶啞的喉嚨歌唱：
這被暴風雨所打擊着的土地，
這永遠洶湧着我們的悲憤的河流，
這無止息地吹刮着的激怒的風，
和那來自林間的無比温柔的黎明……
——然後我死了，
連羽毛也腐爛在土地裏面。
為什麼我的眼裏常含淚水？
因為我對這片土地愛得深沉……

行內容器與行間容器

• 注意！此處的內容主要用於CSS樣式，關於CSS樣式，參見：CSS樣式

使用<span>來建立一個行內容器
對於如下的內容：

111<span>222</span>333

會被顯示為：
111222333

使用<div>來建立一個行間容器
由於行間容器會佔據一整行，其他文字會被擠至其他行，如：

111<div>222</div>333

會被顯示為：

111

222

333

下劃線

使用<ins>或<u>為文字加入下劃線

刪除線

使用<del>為文字加入刪除線

去除wiki語法識別

你可能在点进这个页面看前几行的时候就在疑惑：既然使用==可以创建标题，那么为什么有的==能看到，而有的却变为了标题格式?
使用<nowiki>就可去除wiki語法識別，打出什麼就是什麼，打開這個頁面的原始碼頁面，你會看到大量的例子

程式碼塊

<code>和<pre>都可以用於顯示程式碼塊，但也有微小的區別
<code>代码块会换行，而且会解析维基语法
而<pre>会占据一整行，且不解析维基语法（相当于套了层<nowiki>）

• 注意！在行開頭加空格時，效果為先解析此行的wiki語法，再在外面套上<pre>（實際編寫時建議使用<pre>）

这是使用了<code>的效果

这是使用了<u><pre></u>的效果

註釋/參考

使用<ref>建立註釋，例如：

这是一个关于注释的演示<ref>用于演示注释</ref>

會顯示為：
這是一個關於註釋的演示

編輯註釋

使用<!-- -->建立一個編輯註釋，此註釋只在原始碼頁面顯示，而不在頁面內顯示
如：（打開編輯進行檢視）

數學相關（latex）

使用<math>來生成latex公式，例如：

<math>\sum_{n=1}^{+\infty}\frac{1}{n^{2}}=\frac{\pi^{2}}{6}</math>

<math>\int_{0}^{2}\left(x^{2}+\frac{x}{a_{n}}\right)\mathrm{d}x</math>

這些公式的生成結果為：

[math]\displaystyle{ \sum_{n=1}^{+\infty}\frac{1}{n^{2}}=\frac{\pi^{2}}{6} }[/math]

[math]\displaystyle{ \int_{0}^{2}\left(x^{2}+\frac{x}{a_{n}}\right)\mathrm{d}x }[/math]

• 注意！由於這玩意容易炸，看到奇怪的內容建議刷新網頁，屬正常現象

畫廊

• 注意！此處只説明畫廊的使用方法，圖片的插入方法詳見：圖片

使用<gallery>來加入畫廊，並在內插入圖片即可將圖片放置在畫廊內

• 注意！在畫廊內插入圖片使用換行（而不是<br>）來區分每一張圖片，且不需要加入[[]]

實際使用時可以插入不同的圖片，這裏以同一張圖片舉例：

<gallery>
Ud-turn left 1-1.jpg
Ud-turn left 1-1.jpg
Ud-turn left 1-1.jpg
</gallery>

實際的效果大致為：

• 
• 
• 

插入的圖片可以有參數，這裏不做演示

html表格

• 注意！此處內容不屬於wikitext語法！
• 注意！此處內容與表格類似，部分概念僅在表格處介紹，建議先檢視表格的內容，參見：表格

在模板中使用表格時，所有的|都會被當做參數分隔符
使用html表格即可規避此類問題
html表格使用<table>標註起始和終止

• 注意！這些內容在wiki中無需打出，但的確在html表格中存在：<caption>标注标题，<thead>标注表头，<tbody>标注表体，<tfoot>标注表尾

使用<tr>来为表格新建一行，<th>为表头添加内容，<td>为表格内添加内容

• 注意！html表格忽略換行，理論上其實可以全部堆在一行裏，但是對日後維護不友好，推薦調整排版提升可讀性

css樣式同樣可以應用在html表格內

在表格部分用於演示的其中一個表格：

{| class="wikitable" style="text-align:center;"
|+ style="text-align:center | 曲目列表
|-
! rowspan="2" style="text-align:center;" | 歌曲 !! colspan="4" style="text-align:center;" | 定数
|-
! at !! in !! hd !! ez
|-
| brave road || 15.1 || 14.2 || 9.5 ||
|-
| future downloader || || 14.9 || 10.5 || 6.0
|}

使用html表格重寫大致如此：

<table class="wikitable" style="text-align:center;">
<caption style="text-align:center;"> 曲目列表 </caption>
<tr> <th rowspan="2" style="text-align:center;"> 歌曲 </th> <th colspan="4" style="text-align:center;"> 定数 </th> </tr>
<tr> <th> at </th> <th> in </th> <th> hd </th> <th> ez </th> </tr>
<tr> <td> brave road </td> <td> 15.1 </td> <td> 14.2 </td> <td> 9.5 </td> <td> </td> </tr>
<tr> <td> future downloader </td> <td> </td> <td> 14.9 </td> <td> 10.5 </td> <td> 6.0 </td> </tr>
</table>

最終效果如下：

曲目列表

歌曲	定數
	at	in	hd	ez
brave road	15.1	14.2	9.5
future downloader		14.9	10.5	6.0

內嵌頁面

內嵌頁面<iframe src="链接" height="高度" width="宽度">允許在頁面內顯示其他頁面
其中，連結部分必須完整，這一點與插入連結不同，高度與寬度請輸入「數字+px」

• 注意！由於rizwiki會將此內容封鎖，請在兩端加上<html>以確保正常顯示

要內嵌File:Ud-turn_left_1-1.jpg頁面，我們可以使用：

<html><iframe src="https://rizwiki.cn/wiki/File:Ud-turn_left_1-1.jpg" height="300px" width="500px"></iframe></html>

效果為：

CSS樣式

• 注意！CSS樣式很多，在此僅列舉部分
• 注意！此部分難度較大，有需要時再閱讀需要的部分即可，這也是為什麼實際使用時大多都寫在模板裏，模板會在未來説明

CSS樣式用於更進一步地豐富你的排版，用於html容器中
不同的樣式需寫在同一個style="xxx"中，不同參數需用逗號隔開，不同樣式結尾需用分號以區分
顏色可以使用預設的red，green等，關於所有的預設顏色，請參見：CSS顏色名稱表，也可以使用hex顏色代碼，關於hex顏色代碼此處不做贅述

字符顏色

使用color:xxx定義字符的顏色
如下所示的文字：

<span style="color:green;">hello world</span>

<span style="color:#FF0000;">hello world</span>

會被顯示為：
hello world
hello world

背景顏色

使用background-color:xxx定義背景的顏色
如下所示的文字：

<span style="background-color:green;">hello world</span>

<span style="background-color:#FF0000;">hello world</span>

會被顯示為：
hello world
hello world

背景漸變

使用background:漸變方式(參數)定義背景的漸變色
漸變方式有linear-gradient（線性漸變）/radial-gradient（徑向漸變）/conic-gradient（圓錐漸變）
顏色後加「數字%」表示在此處的顏色，並以此進行漸變，如：

#FF0000 5%,#00FF00 50%,#0000FF 95%

表示0%-5%為純紅，5%-50%為紅至綠，50%-95%為綠至藍，95%-100%為純藍
在漸變方式前加「repeating-」時效果改變：定義的最小與最大百分比差距不足100%時自動重複至100%，如：

#FF0000 10%,#00FF00 30%,#0000FF 50%,#FF0000 60%

表示0%-10%為藍至紅，10%-30%為紅至綠，30%-50%為綠至藍，50%-60%為藍至紅，60%-80%為紅至綠，80%-100%為綠至藍
在下面的演示中若定義漸變位置，都將採用上方的顏色設定

線性漸變

正常地使用線性漸變的效果如下：

<span style="background:linear-gradient(#FF0000,#00FF00,#0000FF);">hello world</span>

hello world

如你所見，顏色並不是從左往右，而是從上往下漸變，難看得要死
我們可以將"數字deg"作為第一個參數使得背景顏色經過一定角度的旋轉，預設0deg，順時針為正，角度可以不為0-360中的數字

<span style="background:linear-gradient(90deg,#FF0000,#00FF00,#0000FF);">hello world</span>

<span style="background:linear-gradient(675deg,#FF0000,#00FF00,#0000FF);">hello world</span>

<span style="background:linear-gradient(-135deg,#FF0000,#00FF00,#0000FF);">hello world</span>

hello world
hello world
hello world
我們也可以用to (top bottom left right)來定義從哪到哪漸變：

<span style="background:linear-gradient(to left,#FF0000,#00FF00,#0000FF);">hello world</span>

<span style="background:linear-gradient(to bottom right,#FF0000,#00FF00,#0000FF);">hello world</span>

hello world
hello world

定義漸變位置的效果大致如下：
hello world
使用repeating-linear-gradient可以如下：

<span style="background:repeating-linear-gradient(90deg,#FF0000 10%,#00FF00 30%,#0000FF 50%,#FF0000 60%);">hello world</span>

hello world

徑向漸變

正常地使用徑向漸變的效果如下：

<span style="background:radial-gradient(#FF0000,#00FF00,#0000FF);">hello world</span>

hello world

我們可以使用at (top bottom left right center)參數指定圓心位置，預設為center
我們也可以使用兩個px指定位置，(0,0)位於左上角，右下為正方向：

<span style="background:radial-gradient(at left,#FF0000,#00FF00,#0000FF);">hello world</span>

<span style="background:radial-gradient(at top right,#FF0000,#00FF00,#0000FF);">hello world</span>

<span style="background:radial-gradient(at 15px 5px,#FF0000,#00FF00,#0000FF);">hello world</span>

hello world
hello world
hello world

closest-side/farthest-side允許將最近/最遠的邊當做100%位置,closest-corner/farthest-corner允許將最近/最遠的角落當做100%位置，預設為farthest-corner：

<span style="background:radial-gradient(closest-side at 20px 5px,#FF0000,#00FF00,#0000FF);">hello world</span>

<span style="background:radial-gradient(farthest-side at 20px 5px,#FF0000,#00FF00,#0000FF);">hello world</span>

<span style="background:radial-gradient(closest-corner at 20px 5px,#FF0000,#00FF00,#0000FF);">hello world</span>

<span style="background:radial-gradient(farthest-corner at 20px 5px,#FF0000,#00FF00,#0000FF);">hello world</span>

hello world
hello world
hello world
hello world

我們還可以用「circle（圓形）半徑/ellipse（橢圓形）長軸 短軸」定義擴散形狀：

<span style="background:radial-gradient(circle farthest-side at 20px 5px,#FF0000,#00FF00,#0000FF);">hello world</span>

<span style="background:radial-gradient(ellipse farthest-side at 20px 5px,#FF0000,#00FF00,#0000FF);">hello world</span>

<span style="background:radial-gradient(circle 40px at 20px 5px,#FF0000,#00FF00,#0000FF);">hello world</span>

<span style="background:radial-gradient(ellipse 50px 20px at 20px 5px,#FF0000,#00FF00,#0000FF);">hello world</span>

hello world
hello world
hello world
hello world

• 注意！當以上三個參數同時使用時，順序不宜顛倒

定義漸變位置的效果大致如下：
hello world
使用repeating-radial-gradient可以如下：

<span style="background:repeating-radial-gradient(circle,#FF0000 10%,#00FF00 30%,#0000FF 50%,#FF0000 60%);">hello world</span>

hello world

圓錐漸變

正常地使用圓錐漸變的效果如下：

<span style="background:conic-gradient(#FF0000,#00FF00,#0000FF);">hello world</span>

hello world

我們可以用使用「from 數字deg」作為第一個參數決定起始角度，預設為0deg，順時針為正，角度可以不為0-360的數字

<span style="background:conic-gradient(from 60deg,#FF0000,#00FF00,#0000FF);">hello world</span>

<span style="background:conic-gradient(from 675deg,#FF0000,#00FF00,#0000FF);">hello world</span>

<span style="background:conic-gradient(from -135deg,#FF0000,#00FF00,#0000FF);">hello world</span>

hello world
hello world
hello world

使用at (top bottom left right center)參數指定圓心位置，預設為center
我們也可以使用兩個px指定位置，(0,0)位於左上角，右下為正方向：

<span style="background:conic-gradient(at left,#FF0000,#00FF00,#0000FF);">hello world</span>

<span style="background:conic-gradient(at top right,#FF0000,#00FF00,#0000FF);">hello world</span>

<span style="background:conic-gradient(at 15px 5px,#FF0000,#00FF00,#0000FF);">hello world</span>

hello world
hello world
hello world

定義漸變位置的效果大致如下：
hello world
使用repeating-conic-gradient可以如下：

<span style="background:repeating-conic-gradient(#FF0000 10%,#00FF00 30%,#0000FF 50%,#FF0000 60%);">hello world</span>

hello world

文字對齊

使用text-align:left/center/right使得文字向左/中/右對齊
如下所示的文字可使left、center、right分別向左/中/右對齊：

<div style="text-align:left;">left</div>
<div style="text-align:center;">center</div>
<div style="text-align:right;">right</div>

left

center

right

設定寬度/高度

使用width/height設定容器的寬度/高度
如下所示的內容：（為方便觀察，加入了顏色和粗體）

<div style="width:500px;height:100px;background-color:#00DDFF;color:#000000;">'''这段文本宽度为500px，高度为100px'''</div>

會被顯示為：

這段文字寬度為500px，高度為100px

• 注意！當此CSS使用在表格中時，會將此列/此行都設定此CSS

表格

• xp：這是一般wiki語法裏最難的一個
• 注意！此處對部分參數的説明較為粗淺，如有需要請參見：表格

表格使用{|作為開頭，|}作為結尾
因此，一個最簡單的表格大致如此：

{|
|}

|代表行開頭，我們可以往裏面加入內容，使用||進行分割，同時，表格使用|-進行換行，一個例子如下：

{|
|-
| brave road || at || 15.1
|-
| future downloader || in || 14.9
|}

生成出來的表格大致是：

brave road	at	15.1
future downloader	in	14.9

我們可以為表格加入表頭，只需將此行的|全部替換為!即可，被當做表頭的文字預設居中
為上述表格加入一行「! 歌曲 !! 難度 !! 定數」後，生成的表格大致是：

歌曲	難度	定數
brave road	at	15.1
future downloader	in	14.9

使用|+可以為表格加入標題，標題預設居中
為上述表格加入「|+ 曲目列表」之後我們會得到：

{|
|+ 曲目列表
|-
! 歌曲 !! 难度 !! 定数
|-
| brave road || at || 15.1
|-
| future downloader || in || 14.9
|}

效果大致如下：

曲目列表

歌曲	難度	定數
brave road	at	15.1
future downloader	in	14.9

到這裏，你可能會發現表格並沒有邊框，看起來有點不舒服，這是因為wiki預設使用html原生表格，而html原生表格就是這麼簡陋的
而wiki提供了表格類，我們可以在表格開頭聲明表格類來使用其他風格表格，來使得表格更美觀易讀
最常用的表格類為 class=“wikitable”

• 特別的，使用了wikitable表格類的表格，其標題和表頭不再會自動居中

曲目列表

歌曲	難度	定數
brave road	at	15.1
future downloader	in	14.9

在接下來的演示中，我們都將使用wikitable表格類

部分表格會允許用户進行排序，進而方便查找
使用 class="sortable" 即可使得表格可排序

• 注意！所有的類（class）只需寫進同一個""內

排序的效果大致如下：

曲目列表

歌曲	難度	定數
brave road	at	15.1
future downloader	in	14.9

如需知悉具體排序規則，詳見：表格

表格可以留空，效果大致如此：

曲目列表

歌曲	at	in
brave road	15.1	14.2
future downloader		14.9

wiki表格擁有類似excel合併單元格之類的功能
使用rowspan來讓元素佔據一列中的多個格子
如下所示的內容：

{| class="wikitable"
|-
! 歌曲 !! 难度 !! 定数
|-
| rowspan="3" | brave road || at || 15.1
|-
| in || 14.2
|-
| hd || 9.5
|}

會被顯示為：

歌曲	難度	定數
brave road	at	15.1
	in	14.2
	hd	9.5

colspan格式與效果類似，可以讓元素佔據一行中的多個格子，將它們組合起來的顯示效果如下：

歌曲	定數
	at	in	hd
brave road	15.1	14.2	9.5

特別説明的是，在表頭使用這類文字時的|不需要換為!

• 注意！合併單元格和排序在同一個表格中會有所衝突，此類問題只能通過刷新頁面解決，具體可以通過下面的表格檢視效果

示例

標題1	標題2	標題3
佔據2行2列		右上方
		右下方
左下方	中下方	右下方

如你所見，表格內的文字不居中導致的不美觀尤為明顯
使用style="text-align:center;"可以使元素居中

• 這其實是一個CSS樣式，有關CSS的注意事項，參見：CSS樣式，關於文字對齊，參見：文字對齊

其可以和rowspan、colspan類似放在元素前面，也可以和表格類一樣放在編輯的第一行使其全局應用

• 注意！標題和表頭不會被全局應用影響，只能單獨加入

如下所示的表格：

{| class="wikitable" style="text-align:center;"
|+ style="text-align:center | 曲目列表
|-
! rowspan="2" style="text-align:center;" | 歌曲 !! colspan="4" style="text-align:center;" | 定数
|-
! at !! in !! hd !! ez
|-
| brave road || 15.1 || 14.2 || 9.5 ||
|-
| future downloader || || 14.9 || 10.5 || 6.0
|}

實際效果大致如此：

曲目列表

歌曲	定數
	at	in	hd	ez
brave road	15.1	14.2	9.5
future downloader		14.9	10.5	6.0

• 注意！此表格也在html表格講解中演示，詳見：html表格

部分表格所展示的內容可能過於專業，過長的表格會導致來回翻動頁面造成麻煩
我們可以通過加入class="mw-collapsible"來使得表格可摺疊：

曲目列表

歌曲	難度	定數
brave road	at	15.1
future downloader	in	14.9

• 吐槽一下，這玩意對標題真的很不友好，非常不推薦

把標題刪掉之後，效果會好很多：

歌曲	難度	定數
brave road	at	15.1
future downloader	in	14.9

我們也可以讓表格預設摺疊，只需加入class="mw-collapsed"即可：

{| class="wikitable mw-collapsible mw-collapsed"
|-
! 歌曲 !! 难度 !! 定数
|-
| brave road || at || 15.1
|-
| future downloader || in || 14.9
|}

最終效果如下：

歌曲	難度	定數
brave road	at	15.1
future downloader	in	14.9

命名空間

命名空間用於區分多個相同名字但不同用途的元素，在其他領域（如編程）也可能會用到
可以想像成兩個相同名字的檔案，放在不同的檔案夾（命名空間）內
可在命名空間頁面檢視此wiki所使用的所有命名空間

連結

編輯頁面有快捷插入連結的功能，輸入網址和顯示內容即可很方便地插入連結

• 注意！輸入rizwiki內的網址時請輸入/index.php/或/wiki/後的部分，否則可能會被認為是wiki外網址（雖然不會有太大的影響）

只輸入連結而不輸入顯示文字時，將會完整顯示連結，一個例子如下：
User:Xp00000000
直接顯示整個連結的觀感不好，輸入顯示文字「xp00000000」後，連結會變成：
xp00000000

• 注意！插入圖片、分類等頁面的連結時可能會被識別為其他內容，在連結前加入:即可使其被識別為連結，如[[:User:Xp00000000|xp00000000]]

頁面內跳轉

• 注意！要做到此效果請先設定標題，參見：標題

有時在頁面內，兩處內容互相關聯，如上方"標題"所示
為方便玩家隨時跳轉到頁面內的對應內容，可以使用[[#xxx]]使玩家跳轉至對應的標題位置
與連結相似，可以使用[[#xxx|xxx]]來使得顯示的內容更美觀
一個跳轉至連結部分的演示：連結

• 注意！如果跳轉時有多個相同的標題（一般不建議建立相同的標題），會跳轉至第一個；如果跳轉時沒有相應標題，則會跳轉至頁面頂端

圖片

• 注意！此處只説明插入圖片的少部分參數，更多的參數詳見：Help:影像

要插入圖片，必須先上載圖片到wiki上
在編輯頁面頂部可以方便地上載圖片，你也可以在rizwiki上載檔案頁處上載

• 注意！上載的圖片整個wiki都可使用，請對你上載的內容慎重，名字不宜太簡單以方便管理
  

在編輯頁面點擊圖片和媒體（插入檔案），輸入上載的圖片的名字，尺寸100，其餘全部留空，就可以得到：

[[File:Ud-turn left 1-1.jpg|100px]]

具體效果為：


我們可以為圖片加入標題，為上述圖片加入標題「turn left」的效果為：

在講鼠標懸停在圖片上或點開圖片時，會顯示turn left文字

部分圖片點擊時會進行跳轉
在生成的內容裏填寫「link=具體連結」即可實現
像這樣，再加入「link=File:Ud-turn_left_1-1.jpg」的文字為：

[[File:Ud-turn left 1-1.jpg|100px|link=File:Ud-turn_left_1-1.jpg|turn left]]

最終效果大致如下：

• 如需插入多張圖片，部分情況下可選擇加入畫廊，參見畫廊

分類

wiki分類用來方便用户查找同類內容
使用[[分类:xxxxx]]來為頁面加入分類
頁面擁有的分類會在頁面下方展示
所有有相同分類的頁面會在category頁面列出
如Rizline獨佔曲目分類，記錄了所有「rizline獨佔曲目」分類的頁面
分類頁面也可以擁有分類，如上述用於演示的頁面擁有「以獨佔情況歸類曲目」分類：以獨佔情況歸類曲目頁面

模板

• 注意！此處內容還未完工

模板的本質為文字替換，填入參數（有時模板沒有參數）模板就會以提前設定好的方式顯示文字
例如：對於一段使用了無參數模板的文字：

今天是{{Date}}，天气{{Weather}}。

模板會自動取得資訊，假設Date模板得知目前日期為「2026年4月10日」，Weather模板得知目前天氣為「十分晴朗」，則會顯示：

今天是2026年4月10日，天气十分晴朗。

對於含有參數的模板，只需填入參數（一般來説，模板原始碼會給出解釋）即可正常使用
例如：對於以下使用了CAPSO模板的文字：

{{CAPSO|C|single}}{{CAPSO|A|empty}}{{CAPSO|P|single}}{{CAPSO|S|empty}}{{CAPSO|O|single}}

其顯示的內容為：

解析器函數

• 注意！此處內容還未完工

{{#tag}}與html容器有關，用於填寫<>內
如下所示的內容：

{{#tag:u|下划线}}

會被顯示為： 下劃線（與<u>下划线</u>等效）