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

User:无心十二载/个人笔记/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>