2023年政策修订增补工作正在进行中,欢迎参与!
  • Moegirl.ICU:萌娘百科流亡社群 581077156(QQ),欢迎对萌娘百科运营感到失望的编辑者加入
  • Moegirl.ICU:账号认领正在试运行,有意者请参照账号认领流程

使用者:無心十二載/個人筆記/Wiki語法

萌娘百科,萬物皆可萌的百科全書!轉載請標註來源頁面的網頁連結,並聲明引自萌娘百科。內容不可商用。
跳至導覽 跳至搜尋

請隨意編輯 反正能退回

沒事可以去資料庫參考資料中逛一逛

學到的東西可以在沙盒或者你自己的個人沙盒中嘗試

前言

點擊直接跳到正文

一言蔽之,此頁面是關於代碼編輯的筆記。

而且與一般的筆記不同,我這個筆記並不講究「如何引導初學者理解」,它更接近於「在忘記某個模板用法時能夠查閱的字典」,教程我更推薦萌百編輯簡明指南以及庫德里爾教你編輯(雖然後者的坑不知何時才能填完)

因為我並沒有找到對於編輯過程中各類事物的準確名稱,因此我可能會經常 放飛自我地 給出自己的定義,對於這方面如有高見請務必到討論區告訴我。


  • 首先,模板是代碼中很重要的一部分,它形如 {{模板内容}} 。我們一般最先學習到的模板是入門教程中的 {{color}} ,而最有萌百特色的模板則一定是 {{黑幕}} 。對於「使用模板」這一行為我描述為運用某種特殊方式來實現某種效果
  • 其次,對於形如<某些东西>以及</某些东西>的部分我稱之為標籤。它們經常成對出現,例如日後經常會用到的<nowiki></nowiki>。需要注意的是:在我給出的這個例子中,前者屬於標籤中的開始標籤,後者屬於結束標籤
    不過也有少數標籤屬於空標籤,單獨出現,沒有對應的結束標籤,形如<标签内容/>,例如非常常見的<br>(不過它另外還有<br/><br />這兩種寫法,咱也不知道哪個最正宗)。
    對於標籤的使用依舊可以被理解為運用某種特殊方式來實現某種效果
  • 然後,對於其餘在編輯過程中運用某種特殊方式來實現某種效果需要注意的點我都稱之為語法

本筆記基本都是圍繞着 模板、標籤、語法 三部分展開 聰明如你一定發現了,我對於語法這個不講理也不嚴格的定義擁有極強的伸縮性,以至於我可以把任何放不到模板和標籤的東西都放到這個籃子裡

筆記格式

基礎格式

對於一個較為簡單的 語法/標籤/模板 而言,筆記並不用過於複雜,讓別人以及日後的自己看懂並能夠使用即可。

一般而言,模板的基本格式主要由以下幾個部分組成:

  • 模板的名稱
  • 效果的簡單描述(有時可省)
  • 用法
  • 有效範圍
  • 注意事項(有時可省)
  • 實例
  • 源代碼

註:模板的名稱一般直接寫上模板文檔的頁面名,例如:模板:color。源代碼:[[模板:color]]

註:一般來說實例源代碼最為重要,因此要儘可能選取有代表性且易於理解的實例(實在不行可以使用多個實例)

對於「有效範圍」一項的說明

一般來說有效範圍由小到大分為三類:同一代碼行(一行代碼中間可以運用<br>實現換行)(簡稱「行內」);同一段內(簡稱「段內」);不限
<del>舉例:
<del>效果第一行<br>效果第二行</del>

效果第一行
效果第二行

因此<del>的有效範圍大於等於行內

<del>代码第一行
效果第二行</del>

代碼第一行 代碼第二行

因此<del>的有效範圍大於等於段內

<del>第一段

第二段</del>(中间空了一行)

第一段

第二段

因此<del>的有效範圍小於不限
綜上,<del>的有效範圍為段內

一個標準的模板筆記差不多就是下面這樣:

模板:xxx(通常會使用二級或三級標題)

運用xxx模板來yyy

用法:{{xxx|abc|xyz}}

有效範圍:段內

注意事項:其實沒什麼要注意的

實例:反正在這裡放個實例就對了

反正在这里放源代码就对了

進階格式(可以直接跳過

參考頁面:模板:Quote frame模板:Color2萌娘百科討論:討論版/提問求助#請問這個效果是如何實現的

之前說過,實例和源代碼是筆記中最重要的部分。但隨着代碼的越發複雜,光平實地呈現出源代碼依舊不能讓人很好地理解與習得某種語法或模板的使用方法,因此在提供源代碼的同時會對於重要部分進行高光顯示

實現方法一

運用Color2Quote frame模板以及<nowiki>語法來輸出代碼塊且對某些內容進行高光

用法:{{Quote frame|不加高光的内容{{Color2|内容字体颜色(建议就用黑色)|<nowiki>要加高光的内容|内容背景颜色}}}}</nowiki>

注意事項:所有模板的模板名的大小寫都沒有區別

有效範圍:由於複數個 模板/語法 嵌套,不予標識

實例:

一段內容

{{某一个模板}}

{{Quote frame|
一段内容

{{Color2|black|{{某一个模板}}|yellow}}
}}

實現方法二

來自GuoPC的解答

  1. 「代碼塊」:使用了HTML中的<tt>標籤來保證字體是等寬的,同時利用「toccolours」這個類指定的背景等樣式以及額外指定的邊框等樣式實現了最終類似於代碼塊的效果。
    • 對應代碼部分:<div class="toccolours" style="border:1px dotted #296dad;padding:1em"><tt>……</tt></div>
  2. 「高光」:使用了background-color這個屬性指定了文本的背景色為#FFFF66,即淺黃色。
    • 對應代碼部分:<span style="background-color: #FFFF66">……</span>——GuoPC · Talk 2022年3月29日 (二) 16:09 (CST)

代碼記住就對了:

<div class="toccolours" style="float:none; padding:0.3em 1em"><tt>
不加高光的内容<span style="background-color:yellow">加高光的内容</span>
</tt></div>

padding:0.3em 1em中第一個0.3em是內容距離上下邊框的間距為0.3em,第二個1em是內容距離左右邊框的間距為1em

效果:

一段內容{{refn|group=A|注释}}

<div class="toccolours" style="float:none; padding:0.3em 1em"><tt>
一段内容<span style="background-color:yellow">{{refn|group=A|注释}}</span>
</tt></div>

入門語法及標籤

教材:幫助:萌百編輯簡明指南/wikitext語法基礎

斜體、粗體、粗斜體

通過在內容兩側添加英文單引號使內容變成「斜體」、「粗體」、「粗斜體」

用法:''斜体的内容''、'''粗体'''、'''''粗斜体'''''

有效範圍:行內

實例:斜體粗體粗斜體

''斜体''、'''粗体'''、'''''粗斜体'''''

換行與換段

運用<br>標籤來進行換行
用法:
第一行的内容<br>第二行的内容
第一行的内容<br>
第二行的内容
兩種方式顯示的結果不會有區別

有效範圍:空標籤,無有效範圍

實例:

一段話
又一段話

一段话<br>又一段话

另:換行的寫法有好幾種,分別是<br><br/><br />。在萌百這三種寫法都可以正確實現效果,但至於到底哪一個最為規範我也不清楚。


通過在代碼區空一行來進行換段

用法:真的只是在兩端文字之間空一行而已

有效範圍:

實例:

第一段內容

第二段內容

第一段内容

第二段内容

刪除線

運用<del>標籤或<s>標籤提供刪除線

用法:

<del>想要删除的内容</del>
<s>想要删除的内容</s>

有效範圍:對於<del>標籤,段內;對於<s>標籤,不限

注意事項:兩種方式的有效範圍不同,

實例:我想刪除這段話

<del>我想删除这段话</del>

下劃線

運用<ins>標籤或<u>標籤提供刪除線

用法:

<ins>想要加下划线的内容</ins>
<u>想要加下划线的内容</u>

有效範圍:對於<ins>標籤,段內;對於<u>標籤,不限

實例:我想個這段話加個下劃線

<ins>我想个这段话加个下划线</ins>

顯示代碼

運用<pre>標籤 或 單純地開頭空一格 來顯示代碼(但是第二種方式不建議使用)

用法:(用法一因為某些原因需要另外一種呈現方式)

<pre>这里放代码</pre>

 这里放代码(最开头空了一格)

有效範圍:對於方式一,不限;對於方式二,行內

實例:

代码的内容

<pre>
代码的内容
</pre>

居中

運用<center>標籤來居中

用法:<center>要居中的内容</center>

有效範圍:段內

注意事項:實際<center>標籤的有效範圍是「不限」,但跨段使用時候會出現某些問題,具體請看疑難雜症-居中

實例:

第一行
第二行
<center>第一行<br>
第二行</center>

分割線

運用四個短橫線----(這是一個短橫線-)做出一條分割線、

用法:真的就是四個短橫線----

有效範圍:無(類似於「空標籤」)

實例:


----

縮進與整段加粗

在一行的開頭輸入英文冒號:來提供縮進

用法:在一行的開頭輸入英文冒號(冒號數量越多縮進也越多)

有效範圍:

實例:

縮進一次的效果
縮進兩次的效果
:缩进一次的效果
::缩进两次的效果


在一行的開頭輸入英文分號;來提供「整段加粗」

用法:在一行的開頭輸入英文分號

有效範圍:

注意事項:縮進與整段加粗默認為開啟一個新的段落(即使與之前的內容中間並沒有空一行)

實例:

加粗的內容
;加粗的内容

站內超鏈接

運用方括號放置超鏈接

用法:[[目标页面的名字(注意不是网址)]][[目标页面的名字|想要显示的内容]]

有效範圍:最嚴格的行內(中間不允許出現<br>

實例:用戶:無心十二載我的個人主頁面

[[用户:无心十二载]] 和 [[用户:无心十二载|我的个人主页面]]

站內某一頁面的某一標題的鏈接
格式:[[目标页面的名字(如果是本页面可以不写)#目标标题的名字|想要显示的文字]]
效果:換行與換段

[[用户:无心十二载/个人笔记/Wiki语法#换行与换段|换行与换段]]

站外超鏈接

運用方括號放置站外超鏈接

用法:[网址][网址 想要显示的文字]

有效範圍:最嚴格的行內

注意事項:注意站內外鏈接方括號數量的差別;網址與想要顯示的文字之間有一個空格

實例:必應

[https://cn.bing.com/ 必应]

列表

在一行的開頭輸入星號 *來提供無序列表

用法:在一行的開頭輸入星號

有效範圍:

注意事項:

  • 星號的數量代表着列表級別
  • 每一個星號*默認為開啟一個新的段落(類似於用於段首縮進的:

實例:

  • 第一級
  • 還是第一級
    • 第二級
      • 第三級
    • 回到第二級
*第一级
*还是第一级
**第二级
***第三级
**回到第二级


在一行的開頭輸入井號 #來提供有序列表

用法:在一行的開頭輸入井號

有效範圍:

注意事項:

  • 井號的數量代表着列表級別
  • 每一個井號#默認為開啟一個新的段落(類似於用於段首縮進的:

實例:

  1. 第一級
  2. 還是第一級
    1. 第二級
      1. 第三級
    2. 回到第二級
#第一级
#还是第一级
##第二级
###第三级
##回到第二级

關於列表的補充

列表中的每一段都擁有相應的「列表級別」。某一段的列表級別(星號數量)記為m,在這一段之前列表的級別記為n,那麼應當滿足m≤n+1(除非你想要做出某些特殊效果),以下顯示不滿足這一條件的結果:
    • 上來就是第二級的列表
      • 第三級
            • 第六級
  • 第一級
    • 第二級
      • 第三級
**上来就是第二级的列表
***第三级
******第六级
*第一级
**第二级
***第三级
    1. 上來就是第二級的列表
      1. 第三級
            1. 第六級
  1. 第一級
    1. 第二級
      1. 第三級
##上来就是第二级的列表
###第三级
######第六级
#第一级
##第二级
###第三级


雖然列表與縮進有許多相似之處,但要注意:用縮進時上下兩端代碼區空一行沒關係,但列表不允許空行,自然也不允許在兩段列表中插入其他的內容

違反的示例如下:

  • 第一級
    • 第二級
  • 第一級

一些內容

    • 第二級
*第一级

**第二级
*第一级
一些内容
**第二级


一種邪道

剛剛已經說了,列表的兩段之間不允許空行也不允許插入其他內容,但有時候我們就是想實現這種效果,這裡給出一種邪道

通過改變縮進的程度來偽造列表級別

  • 第一級

一些內容

  • 偽造的第二級

一些內容

  • 偽造的第三級
*第一级
一些内容
:*伪造的第二级
一些内容
::*伪造的第三级

注意事項:偽造的列表的縮進程度和真正列表的縮進程度略有不同,所以不要混用

  • 第一級
    • 真正的第二級
  • 偽造的第二級
*第一级
**真正的第二级
:*伪造的第二级
然而這種偽造的方式在有序列表上會有更多限制,如有高見請務必到討論區告訴我

註腳

教材:幫助:註腳

基本用法

運用<ref>標籤提供註腳,註腳顯示在{{reflist}}

用法:

<ref>注脚内容</ref>
...
{{reflist}}

有效範圍:段內

注意事項:

  • 實際<ref>標籤的有效範圍是「不限」,但跨段使用時候會出現某些問題,具體請看疑難雜症-註腳
  • {{reflist}}的作用是將從自己所處的這一行向上將所有的註腳內容集中在{{reflist}}處顯示,直到遇到上一個{{reflist}}這個機制我是猜的,但顯示出來的效果應該八九不離十,如有高見請務必到討論區告訴我
  • 如果一個註腳之下沒有{{reflist}},那麼它會被顯示在頁面結尾

實例:

一段文字[1]

  1. 註腳內容
一段文字<ref>注脚内容</ref>
{{reflist}}

多處標註同一項註腳

運用{{refn}}模板來在多處標註同一項註腳

用法:

{{refn|name=注脚名称|注脚内容}}
...
{{refn|name=注脚名称}}
...
{{reflist}}

有效範圍:段內(對於模板中的「註腳內容」而言)

注意事項:

  • 實際{{refn}}模板的有效範圍是「不限」,但跨段使用時候會出現某些問題,具體請看疑難雜症-註腳
  • 標註註腳的第二處不能填寫「註腳內容」,不然會報錯
  • 註腳名稱不能是純數字

實例:

一段內容[1] 又一段內容[1] 還有一段內容[1]

  1. 1.0 1.1 1.2 注釋的內容
一段内容{{refn|name=multiple|注释的内容}}
又一段内容{{refn|name=multiple}}
还有一段内容{{refn|name=multiple}}
{{reflist}}

參注分組

運用{{refn}}和{{note}}模板來區分參考和注釋

用法:{{refn|注脚内容}}{{note|注脚内容}}

有效範圍:段內

效果:

一段內容[1] 一段內容[2] 一段內容[注 1] 又一段內容[注 2]

  1. 參考文獻1
  2. 參考文獻2
  1. 注釋1
  2. 注釋2
一段内容{{refn|参考文献1}}
一段内容{{refn|参考文献2}}
一段内容{{note|注释1}}
又一段内容{{note|注释2}}
{{reflist}}
{{notelist}}

自定義分組

運用{{refn|group}}模板來提供自定義分組

用法:

{{refn|group=分组名称|注释内容}}
...
<references group=分组名称/>

有效範圍:段內

實例:

一段內容[A 1] 一段內容[B 1] 一段內容[A 2] 又一段內容[B 2]

  1. A組的注釋1
  2. A組的注釋2
  1. B組的注釋1
  2. B組的注釋2
一段内容{{refn|group=A|A组的注释1}}
一段内容{{refn|group=B|B组的注释1}}
一段内容{{refn|group=A|A组的注释2}}
又一段内容{{refn|group=B|B组的注释2}}
<references group=A/>
<references group=B/>


也可以利用<ref group>標籤替換{{refn|group}}模板

用法:

<ref group=分组名称>注释内容</ref>
...
<references group=分组名称/>

有效範圍:段內

實例:

一段內容[C 1] 一段內容[D 1] 一段內容[C 2] 又一段內容[D 2]

  1. C組注釋1
  2. C組注釋2
  1. D組注釋1
  2. D組注釋2
一段内容<ref group=C>C组注释1</ref>
一段内容<ref group=D>D组注释1</ref>
一段内容<ref group=C>C组注释2</ref>
又一段内容<ref group=D>D组注释2</ref>
<references group=C/>
<references group=D/>

多處標註同一項註腳與自定義分組的混合使用 教材里沒有

運用{{refn|group|name}}來既進行分組又實現多處標明同一項註腳

用法:

{{refn|group=分组名称|name=注脚名称|注脚内容}}
...
<references group=分组名称/>

有效範圍:段內

實例:

一段內容[A 1] 一段內容[A 1] 一段內容[B 1] 又一段內容[A 2]

  1. 1.0 1.1 A組注釋1
  2. A組注釋2
  1. B組注釋1

一段内容{{refn|name=first|group=A|A组注释1}}

一段内容{{refn|name=first|group=A}}

一段内容{{refn|group=B|B组注释1}}

又一段内容{{refn|group=A|A组注释2}}

<references group=A/>

<references group=B/>

把註腳內容寫在列表區

運用<ref name>把註腳內容寫在列表區

用法:

<ref name=注脚名称/>
...
<references>
<ref name=注脚名称>注脚内容</ref>
</references>

有效範圍:段內

注意事項:實際<ref>標籤的有效範圍是「不限」,但跨段使用時候會出現某些問題,具體請看疑難雜症-註腳

實例:

一段文字[1]

  1. 注釋的內容
一段文字<ref name=first/>
<references>
<ref name=first>注释的内容</ref>
</references>

既把內容寫在列表區又自定義分組

(待補充)

插入音樂

用{{music163}}模板插入音樂

用法:{{music163|id=|type=|width=|height=|size=|title=|float=}}

所有參數:
  • id,必填參數。純數字,可通過網易雲音樂地址欄獲取。
  • type,必填參數。表示鏈接種類,歌單為0、專輯為1、歌曲為2、電台歌曲為3、電台歌單為4。
  • width,可選參數。取值範圍為260<width<510。
  • height,可選參數。
  • size,可選參數。可用值為 big 和 small ,可搭配 width 和 height 使用。
  • title,可選參數。是鼠標懸浮時顯示的標題,一般用來寫歌曲的專輯名。
  • float,可選參數。浮動模式,默認為 none ,可用值為 none , left 和 right。

有效範圍:還未測試

實例在右邊

{{music163|id=1351559870|type=2|title=Chime|float=right}}


優雅的插入並列音樂

<div>標籤搭配{{music163}}模板將兩個或多個音樂打包

用法:<div style="float:right;">{{music163|id=|type=|width=|height=|size=|title=}}</div>

注意事項:<div>標籤與單純使用{{music163|float}}的效果有所差別

有效範圍:還未測試

實例在右:

<div style="float:right;">{{music163|id=1351559870|title=Chime|type=2}}{{music163|id=1305366565|title=ファンファーレ / 春夏秋冬|type=2}}</div>

入門模板

模板:color

用法:{{color|颜色|内容}}

有效範圍:段內

實例:一些紅色的字

{{color|red|一些红色的字}}

模板:黑幕

用法:{{黑幕|黑幕的内容|鼠标悬停时显示的内容}}

有效範圍:段內

實例:黑幕的內容

{{黑幕|黑幕的内容|Title}}

模板:ruby

用法:{{Ruby|内容|注音内容}}

有效範圍:段內

實例:DDLC多多理財

{{ruby|DDLC|多多理财}}

模板:胡話

用法:{{胡话|胡话的内容|鼠标悬停时显示的内容}}

有效範圍:不限

實例:一段話

{{胡话|一段话|Title}}

模板:Hide

用法:{{Hide|标题|折叠的内容}}

有效範圍:對於「標題」,段內。對於「摺疊的內容」,不限

實例:

Hide的效果

自由即奴役

戰爭即和平

無知即力量

——《1984》

{{Hide|Hide的效果
|自由即奴役

战争即和平

无知即力量

——《1984》}}

進階模板

模板:Userbox

{{Userbox
  |id       = <!- id栏的文字或者图片 ->
  |id-w     = <!- id栏宽度,单位为px,但图片会撑大id栏 ->
  |id-c     = <!- id栏背景颜色 ->
  |id-s     = <!- id栏文字的字号(如果id栏是图片就没有效果) ->
  |id-fc    = <!- id栏文字颜色 ->
  |id-lh    = <!- id栏行高(默认1em) ->
  |info     = <!- info栏内容(一般是文字) ->
  |info-c   = <!- info栏背景颜色 ->
  |info-s   = <!- info栏字号 ->
  |info-fc  = <!- info栏文字颜色 ->
  |info-lh  = <!- info栏行高(默认1.25em) ->
  |border-c = <!- 边框颜色 ->
  |border-s = <!- 边框宽度 ->
  |float    = <!- 浮动方向,默认向左->
}}

效果:

這是一隻小恐龍
{{Userbox
  |id       = <img src="https://img.moegirl.org.cn/common/avatars/698368/original.png?ver=6218f641" width="70px"/>
  |id-w     = 
  |id-c     = #4ABCFF
  |id-s     = 
  |id-fc    = 
  |id-lh    = 
  |info     = 这是一只小恐龙
  |info-c   = #FFFFFF
  |info-s   = 17
  |info-fc  = #17356E
  |info-lh  = 
  |border-c = #4ABCFF
  |border-s = 2
  |float    = left
}}

模板:User Infobox

語法:

{{User Infobox
|image= <!-- 头像图,填写外部图片的URL,建议用<img>标签来控制大小 -->
|img= <!-- 头像图,填写内部图片文件名,和image选一个填写,都填的话以image为准 --><!-- 注意:只能引用站内已有的图片,不要为了头像而随便上传杂图 -->
|width= <!-- 仅在使用img内链时有效,设置头像图宽度,默认250px -->
|用户名= <!-- 不指定的话默认取页面名。如果用户名中包含特殊符号而出现异常的话,也需要额外设置此项 -->
|色带= <!-- 在这里输入颜色代码可以变更头像下方色带的颜色。不输入的话,默认是#66ccff -->
|色带描述= <!-- 色带上显示的字,不输入的话,默认为“基本资料” -->
|色带文字颜色= <!-- 色带文字的颜色,默认#000 -->
|本名=
|英文名=
|日文名=
|别号=
|昵称= <!-- 名字的这几行可以根据情况选填,不支持自定义名称 -->
|性别= <!-- 性别下面将会显示固定三列:创建数、编辑数和战斗力。如果不想显示这三行,设置hide参数为任意值即可 -->
<!-- 以下是常用自定义项目示例 -->
|生日=
|年龄=
|血型=
|星座=
|身高=
|体重=
|发色=
|瞳色=
|三围=
|萌点=
|爱好=
|特长=
|出身地区=
|活动范围=
|所属团体=
|个人状态=
|自述=
|其他自定义项目=... <!-- 所有自定义项目都是可以随意添加调整的 -->
}}
(不填写的项目将会自动隐藏)
小恐龍
本名 父母各自之姓作為字符串相加所得
暱稱 無心十二載
編輯頁面數 {{#cscore:無心十二載|pages}}個頁面!
編輯次數 {{#cscore:無心十二載|changes}}次編輯!
戰鬥力 {{#cscore:無心十二載|score}}分!
年齡 19
生日 自己找
身高 求別提

效果在右邊:

{{User Infobox
|image =<img src="https://img.moegirl.org.cn/common/avatars/698368/original.png?ver=6218f641" width="270px" />
|用户名= 无心十二载
|昵称= 无心十二载
|本名= 父母各自之姓作为字符串相加所得
|色带= #63B8FF
|色带描述= 小恐龙
|年龄= {{Age|2005|1|10}}
|生日= 自己找
|身高= 求别提
}}

模板:Quote frame

運用{{Quote frame}}模板來提供引言

用法:{{quote frame|引言内容(必填参数)|发言者(选填参数)|文献来源(选填参数)}}

有效範圍:不限

效果:

身體好就是用來糟蹋的 — 無心十二載
{{quote frame|身体好就是用来糟蹋的|无心十二载}}

模板:Color2

運用{{Color2}}模板來給內容設定顏色和背景顏色

用法:{{color2|内容颜色|内容|内容背景颜色}}

有效範圍:段內

實例:一段黃底紅字的內容

{{color2|red|一段黄底红字的内容|yellow}}

模板:文字模糊

運用{{文字模糊}}模板來使文字模糊(說了等於沒說)

用法:{{text|title|color=|sdsize=|css=|hover=|time=}}

參數:

  • text,必填參數。要模糊的文字內容。
  • title,選填參數。指針懸停在文字上時顯示的內容。
  • sdcolor,選填參數。模糊文字所使用的顏色。默認為 grey。
  • sdsize,選填參數。模糊的距離,數值越大越模糊。默認為 10px。
  • css,選填參數。自定義其他 CSS 樣式。
  • hover,選填參數。為 true 時,開啟hover模式,鼠標放置於文字之上時可以漸變解除模糊,撤下時恢復模糊。hover模式中「sdsize」參數無效。
  • time,選填參數。當「hover」為 true 時,設置漸變動畫的時長。單位:秒,默認為0.75秒。

有效範圍:有待測試

效果:模糊的內容(我只用了它功能的一部分,但這也是最常用的用法)

{{文字模糊|模糊的内容|color=brown|time=0.25}}

模板:Age

運用{{Age}}模板來計算年齡

用法:{{age|出生年|月|日|死亡年|月|日}}

注意事項:死亡年、月、日不填默認為現在時刻;出生年月日必須填全,如果只知道出生年可以在月與日都填0

效果:19

{{Age|2005|0|0}}

模板:消歧義

運用{{消歧義}}模板來消歧義(說了等於沒說)

用法:{{消歧义|本条目的描述|另一含义|另一条目|自定义别名}}

有效範圍:有待測試

注意:

  • 在使用該模板前請一定務必好好看一遍補充資料 萌娘百科:消歧義 以確保需要使用該模板
  • 「另一條目」只寫條目的標題內容,而不用加方括號

實例:

Disambig.svg
本文介紹的是:武器「軍刀」
關於:Fate中的「Saber」
參見條目:「Saber
{{消歧义|武器“军刀”|Fate中的“Saber”|阿尔托莉雅·潘德拉贡|Saber}}

模板:Font

用法:

{{font|class=class属性|title=鼠标悬停时显示的内容|size=大小|color=颜色|bgcolor=背景颜色|shadowcolor=阴影颜色|css=其他css样式|文字内容}}
{{font|class=class属性|title=鼠标悬停时显示的内容|size=大小|color=颜色|bgcolor=背景颜色|shadowcolor=阴影颜色|css=其他css样式|1=文字内容}}

注意:

  • 除了文字內容意外的其他參數均是可省略參數
  • 如果文字內容中有半角等於號「=」,則必須使用第二種用法,否則文字內容不會顯示

效果:文字在這裡

{{font|title=悬停内容|font=楷体|size=20px|color=brown|文字在这里}}

另外,運用font模板後的內容也可以通過三個英文單引號進行加粗,就像這樣:文字在這裡

模板:Tl

運用{{tl}}模板創建一個帶有到模板的帶大括號的鏈接

用法:{{tl|模板名}}或{{tl|模板名|参数}}
效果:{{支持}}

{{tl|支持}}

模板:Clickable Button

運用{{Clickable Button}}模板來做一個「按鈕」

用法:{{按钮|链接|按钮内容|link=|color=|font=}}

參數:

  • 鏈接,選填參數。
  • 按鈕內容,必填參數。
  • link,選填參數。對應按鈕的鏈接類型,不填為內鏈,external 為外聯,none 為無鏈接。
  • color,選填參數。按鈕顏色,可用值有 blue 和 red ,默認為白。
  • font,選填參數。文字顏色,支持顏色代碼。

'注意事項:

  • 如果「鏈接」和「按鈕內容」只寫了一個(畢竟也區分不出來到底是哪一個),默認「鏈接」=「按鈕內容」
  • 使用內鏈時,「鏈接」只要寫目標頁面的名字而不是網址(類似於站內超鏈接);而使用外鏈(外部鏈接)時,「鏈接」要寫完整網址

實例: 點了也不會有效果 討論版

{{按钮|点了也不会有效果|link=none|color=white}}
{{按钮|讨论版|font=red}}

模板:Toggle

擁有類似於{{Hide}}的功能,但不同於{{Hide}}只能按鍵展開摺疊,{{Toggle}}展開的響應範圍是整段文字和圖片。

用法:

{{Toggle
|button=
|content=

有效範圍:不限

實例:(請點擊圖片)

Summer Ghost kv1.jpg

一段內容

又一段內容

{{Toggle
|button=[[文件:Summer Ghost kv1.jpg|200px]]
|content=
一段内容

又一段内容
}}
注意事項:{{Toggle}}模板中的 button 與 content 之間默認有一個{{clear}},如果想要去掉,可以在模板上加一段:

{{Toggle

|button=

|content=

|noclear=true

}}

模板:標題替換

運用{{標題替換}}來替換標題(說了等於沒說)

用法:

{{标题替换|想要显示的标题}}
{{标题替换|想要显示的标题|标题的繁体版本|标题的香港繁体版本}}
或者讓它自動繁簡轉換:
{{标题替换|t=1|想要显示的标题}}

有效範圍:有待測試

注意事項:

  • 不能和{{標題格式化}}等類似功能的模板或代碼同時使用。
  • 為規範起見,照顧不同地區的瀏覽者,建議使用方法2。
  • 請不要將本模板與{{黑幕}}、{{ruby}}等模板一起使用。
  • 使用了本模板的非用戶頁,均會添加隱藏分類分類:使用標題替換的頁面

實例:很抱歉給不出實例,如果想看可以去我的個人頁,我就在最開頭使用了這個模板

模板:Gradient Text

運用{{Gradient Text}}模板做出漸變色文字

用法:{{Gradient Text|位置,颜色1,颜色2,...|文字内容|title=}}

參數:

  • 位置,選填參數。可用值有 left , right , top , bottom 以及角度 例如60deg,默認為 top。
  • 顏色,必填參數。至少兩個。
  • title,選填參數。鼠標懸停時顯示的內容。

有效範圍:有待測試

實例:無心十二載

{{Gradient_Text|#63B8FF,blue|无心十二载|title=这效果喜欢吗}}

模板:切換顯示

初級版本

在前面先說幾點:

  • 對於一個帶有參數的模板,參數有兩種情況,分別是「命名參數」以及「匿名參數」,關於兩者的區別請看Help:模板#參數。但即使對於模板中的「匿名參數」,我們也可以使用「命名參數」的方式填寫「參數值」。
  • 學習模板:切換顯示是為了提供能夠控制顯示內容的開關,但這一功能的實現涉及多個模板,{{切換顯示}}模板只是其中之一。我下面筆記的對象是涉及的所有模板。
  • 下面的某些參數或參數值會出現【某些内容】的情況,這代表參數或參數值不固定,你要輸入之前設定好的「某些內容」(當然方括號本身是不用作為參數或參數值輸入的)
運用{{切换显示}}模板控制要切換的內容。

用法:{{切换显示|1|2|3}}

參數:

  • 1必須,匿名參數。用於給要切換顯示的這些內容起個名字。【字符串代號】(此處設定好的「字符串代號」會在其他的模板中被使用)。
  • 2必須,匿名參數。填寫切換顯示的內容。字符串內容。(wikitext)格式。
  • 3選填,匿名參數。用於指定字符串的形式字符串的根元素的標籤名。常用值有:
    • span:默認值。此時字符串內容是不能換行的。
    • div:此時字符串內容可以換行,但字符串內容的開頭或者結尾需要有<nowiki/>(請看清楚,不是</nowiki>

注意事項:

  • 參數3是一個匿名參數,但如果參數3的參數值中有等於號=(模板中的不算)會發生錯誤。此時有兩個解決辦法,分別是:
    • 在等於號的兩端加上大括號{{=}}使它被正確解析。
    • 把參數2和參數3都當成命名參數填寫參數值,即寫成2=...3=...的形式(注意參數2也要寫)


運用{{切换显示按钮}}模板控制按鈕的內容與狀態。

用法:{{切换显示按钮|字符串代号1=|字符串代号2=|...|@default=|@radio=|@reverse=|@forceNoCancel=|@toggleClass=}}

參數:

  • 【字符串代号】必須,命名參數,至少一個。用於設定按鈕上呈現的文字。按鈕文本。除此之外還可以運用其他參數來替代這個參數的功能。我稱之為字符串代号參數的衍生參數,它們是:
    • 【字符串代号】@on(注意這是一個參數而不是參數值):選填,命名參數。用於設定按鈕激活時呈現的文字。按鈕文本。
    • 【字符串代号】@off(注意這是一個參數而不是參數值):選填,命名參數。用於設定按鈕未激活時呈現的文字。按鈕文本。
  • @default選填,命名參數。用於指定默認激活的按鈕。參數值:(相應的)【字符串代號】
  • @radio選填,命名參數。只要這個參數值非空就能將按鈕變成單選模式(只能同時激活一個按鈕)。參數值:任意文本,我推薦使用 true 但是就算使用 false 也是相同的效果
  • @reverse選填,命名參數。只要這個參數值非空就能將按鈕變成反轉模式(激活時隱藏內容,未激活時顯示內容。參數值:任意文本,我推薦使用 true 但是就算使用 false 也是相同的效果
  • @forceNoCancel選填,命名參數。只要這個參數值非空@default@radio參數值非空 就能將「取消選擇」單選框強制隱藏。參數值:任意文本,我推薦使用 true 但是就算使用 false 也是相同的效果(如果這一條看不懂的話自己可以先嘗試做一次,看看刪除@forceNoCancel參數後有什麼區別)
  • @toggleClass選填,命名參數。還不會用,歡迎有想法的人直接發揮(我不保證最終會採用,但至少不會讓你承擔什麼責任)

掌握這兩個模板後就可以做出基本的效果了,實例如下

你還以為會有什麼答案怎麼提升音遊底力字面意思不想練怎麼辦

{{切换显示按钮|first@off=怎么提升音游底力|first@on=你还以为会有什么答案|second@off=不想练怎么办|second@on=字面意思|@radio=true}}
{{切换显示|first|<nowiki/>
多练
;就是多练{{=}}(处理等号的方式一)
|div}}
{{切换显示|second|2=<nowiki/>
放弃快速变强的奢望
;放弃它=(处理等号的方式二)
|3=div}}

進階版本

下面我們要學習運用另外兩個模板來實現更為強大的功能
運用{{切换显示样式}}模板來控制要切換的內容的樣式由{{切換顯示}}模板引導的元素的 CSS

用法:{{切换显示样式|【字符串代号1】=|...}}

參數:

  • 【字符串代号1】必須,命名參數,至少一個(不然你用這個模板幹嘛)。用於設定字符串的樣式。參數值是內聯CSS,例如:color:red;padding:10px


運用{{切换显示按钮样式}}模板來控制按鈕的樣式CSS

用法:{{切换显示按钮样式|【字符串代号1】=|...}}

參數:

  • 【字符串代号】必須,命名參數,至少一個(不然你用這個模板幹嘛)。用於設定相應按鈕的樣式。參數值是內聯CSS,例如:border-color:red;padding:10px。初次之外,和{{切換顯示按鈕}}模板一樣,它有兩個衍生參數:
    • 【字符串代号】@on:(注意這是一個參數而不是參數值):選填,命名參數。用於設定按鈕激活時按鈕的樣式。參數值是內聯CSS。
    • 【字符串代号】@off:(注意這是一個參數而不是參數值):選填,命名參數。用於設定按鈕未激活時按鈕的樣式。參數值是內聯CSS。

實例:

1號激活1號未激活2號激活2號未激活

{{切换显示按钮样式|number-1@on=border-color:#800000;padding:4px 2px|number-1@off=padding:2px 5px|number-2@on=border-color:#800000;padding:4px 2px|number-2@off=padding:2px 5px}}
{{切换显示按钮|number-1@on=1号激活|number-1@off=1号未激活|number-2@on=2号激活|number-2@off=2号未激活}}
{{切换显示样式|number-1=color:blue|number-2=color:green}}
{{切换显示|number-1|2=<nowiki/>
Hello

World
|3=div}}
{{切换显示|number-2|2=<nowiki/>
你好

世界
|3=div}}

模板:Tabs

運用{{Tabs}}模板來提供分頁顯示

用法:{{Tabs|各种参数}}

參數:

  • color選填,命名參數。用於設定模板的色彩。顏色,參數值只有:
    • black(默認)
    • green
    • red
    • blue
    • yellow
    • purple
    • orange
  • DefaultTab選填,命名參數。用於指定頁面加載時默認顯示第幾個tab。數字,默認值為1。
  • LabelPadding選填,命名參數。用於指定label的內邊距。距離,默認值為2px

模板:Hovers

用戶:鬼影233/actives這個也好用(好用.jpg)

模板:TextHover

模板:Process

模板:Navbox

運用{{Navbox}}模板製作一個導航模板大家族模板(注意:使用一個模板又做出了一個模板,搞清楚導航模板的身份——「模板」)

參數:

  • name必須命名參數。用於設定導航模板的模板名。模板名。
  • title必須命名參數。用於設定導航模板的標題。標題名
  • state選填命名參數。用於設定默認情況下模板內容的摺疊與否。可用值:
    • mw-uncollapsed:默認不摺疊(默認參數值)
    • mw-collapsed:默認摺疊
  • titlestyle選填命名參數。用於設定標題的CSS樣式。內聯CSS,常用值有:backgroud:grey
  • groupstyle選填命名參數。用於設定group的CSS樣式。內聯CSS。
  • evenstyle選填命名參數。用於設定偶數list的CSS樣式。內聯CSS。

模板:導航標題

其他的一些筆記

  • 對於一般的導航欄{{导航栏名称}}可以用collapsed參數來默認摺疊:{{导航栏名称|collapsed}}

blockquote標籤做出這種效果

<blockquote style="border-left:4px solid #de8f6d">
<div style="margin-left: 1rem">
用<code>blockquote</code>标签做出这种效果
</div>
</blockquote>