维基语法快速参考

欢迎光临


是的,这里是维基语法快速参考,专门放置各类有趣的小玩意,包括改变字体颜色的代码,改变字体大小的代码,用来装饰你的页面的代码,罗列表格的代码等等……你喜欢这个div吗(指这个红色框子),如果喜欢的话,向下看吧。


行内代码

你所打的文字 你将看见的文字
//斜体// 斜体
**粗体** 粗体
//**粗斜体**// 粗斜体
__底线__ 底线
--删除线-- 删除线
{{等宽字(monospaced text))}}(英语限定) (monospaced text)
[[span style="font-family:Microsoft YaHei"]]中文等宽字[[/span]] 中文等宽字
普通^^上标^^ 普通上标
普通,,下标,, 普通下标
[!-- 不可见内容 --]
[[span style="color:red"]]自定义//span//元素[[/span]] 自定义span元素
##blue|预设## 或 ##44FF88|自定义色码## 颜色 预设自定义色码 颜色
下列格式为DevanosDevanos提供添加的独特格式:
你所打的文字 你将看见的文字
[[span class="ruby"]]拼音或其他文字标示[[span class="rt"]]Pīnyīn huò qítā wénzì biāoshì[[/span]][[/span]] 拼音或其他文字标示Pīnyīn huò qítā wénzì biāoshì
[[span class="keycap"]]Ctrl[[/span]] + [[span class="keycap"]]C[[/span]] Ctrl + C

字体更变

你所打的文字 你将看见的文字
[[size smaller]]更小的字[[/size]] 更小的字
[[size larger]]更大的字[[/size]] 更大的字
[[size 80%]]原来大小的80%[[/size]] 原来大小的80%
[[size 100%]]原来大小的100%[[/size]] 原来大小的100%
[[size 150%]]原来大小的150%[[/size]] 原来大小的150%
[[size 0.8em]]原来大小的80%[[/size]] 原来大小的80%
[[size 1em]]原来大小的100%[[/size]] 原来大小的100%
[[size 1.5em]]原来大小的150%[[/size]] 原来大小的150%
[[size xx-small]]微型字[[/size]] 微型字
[[size x-small]]超小型字[[/size]] 超小型字
[[size small]]小型字[[/size]] 小型字
[[size large]]大型字[[/size]] 大型字
[[size x-large]]超大型字[[/size]] 超大型字
[[size xx-large]]巨型字[[/size]] 巨型字
[[size 7px]]7像素大小字型 pixels[[/size]] 7像素大小字型
[[size 18.75px]]18.75像素大小字型[[/size]] 18.75像素大小字型

链接在此

你所打的 你所见到的 描述
[[[link-to-a-page]]] link-to-a-page 用原本的页面名称
[[[link "TO" a; pagE]]] link "TO" a; pagE 自动转换成正确的页面名称
[[[category: sample page]]] sample page 连接到带有分类的页面
[[[some page| 特定文字]]] 特定文字 使用特定文字(注:这种用法在中文wiki极重要!)
[[[wiki syntax|维基语法]]] 维基语法 连到存在的页面
[[[some page|]]] some-page 用页面名称作为连结名称
[[[wiki syntax#toc1|Section 1]]] Section 1 连到锚点
[[[wiki syntax#toc1]]] wiki syntax 连到锚点
[[[特定文字]]] 特定文字 错误的用法-这样会直接连到网站首页

标题代码

加号越多的标题越小哦。

+ 1级标题
++ 2级标题
+++ 3级标题
++++ 4级标题
+++++ 5级标题
++++++ 6级标题

注释代码

什么是注释1

你的文字[[footnote]] 你的解释 [[/footnote]]

数列代码

  1. 没错
  2. 这个叫有序数列
  3. 代码如下:
# 没错
# 这个叫有序数列
# 代码如此
  • 没错
  • 这个叫无序数列
  • 代码如下:
* 没错
* 这个叫无序数列
* 代码如此。

引用方块

写一个>并在后留一个空格就可以达到这种效果。

空一行再打一次>并在后留一个空格就可以制作两个相邻的引用方块。

在两行内连续打出>并在后各留一个空格就可以制作
一个连接的、大的引用方块。

代码如下:

> 写一个>并在后留一个空格就可以达到这种效果。

> 空一行再打一次>并在后留一个空格就可以制作两个相邻的引用方块。

> 在两行内连续打出>并在后各留一个空格就可以制作
> 一个连接的、大的引用方块。

用户代码

你所打的 你看到的 描述
[[user 用户名称]]
e.g. [[user TaRtaR0S]]
TaRtaR0S 用户信息(没头像)
[[*user 用户名称]]
e.g. [[*user TaRtaR0S]]
TaRtaR0STaRtaR0S 用户信息(连头像)

关于code

向右划下试试?
没错,这个框子就是code,它可以用来放置较长代码,而且在这里显示的是你所输入的源代码而非出现在页面上的外观。
代码如下(是的我在套娃):

[[code]]
你的文字
下一行
又一行
[[/code]]

分页功能

用以下的代码,就能用较小的空间来分开存放你的多篇草稿:

[[tabview]]
[[tab 一号货架]]
173小花生,682大爷,096社恐……
[[/tab]]
[[tab 二号货架]]
杏仁水,过期杏仁水……
[[/tab]]
[[tab 三号货架]]
热猫,塔尔塔罗斯……
[[/tab]]
[[tab 四号货架]]
嗨害,就是这么用的!
[[/tab]]
[[/tabview]]

然后造出来的效果见下:

173小花生,682大爷,096社恐……

文字排版

哦,这是向右!

[[>]]
哦,这是向右!
[[/>]]

哦,这是向左!

[[<]]
哦,这是向左!
[[/<]]

哦,这是向哪?

[[=]]
哦,这是在中间。
[[/=]]

靠左,右,置中及左右对齐

[[<]]

[[/<]]
靠左
[[>]]

[[/>]]
靠右
[[=]]

[[/=]]
置中
[[==]]

[[/==]]
左右对齐

E.g.

[[=]]
༼ つ ◕_◕ ༽つ PRAISE HELIX ༼ つ ◕_◕ ༽つ
ALL HAIL AAABAAAJSS AND AA-J!!!
༼ つ ◕_◕ ༽つ PRAISE HELIX ༼ つ ◕_◕ ༽つ
ALL HAIL AAABAAAJSS AND AA-J!!!

很重要所以说两次 \
[[/=]]

༼ つ ◕_◕ ༽つ PRAISE HELIX ༼つ ◕_◕ ༽つ
ALL HAIL AAABAAAJSS AND AA-J!!!

很重要所以说两次

在行开头用=就能直接置中该行 at the beginning:

= 就像这样

就像这样

注意: 以上代码一定要自己独立一行而且前面不应该有任何东西包括空格。

笔记格式

使用 [[note]] … [[/note]](这两个都要独自放一行) 来造一栏笔记

例子:

其实笔记格式长得并不像笔记。
这是第二行。

可折叠方块

[[collapsible]]能让你在点击指定文字时显示/隐藏一段文字。在各网站中用途很广泛。
代码如下:
[[collapsible show="+ 例子证明一切" hide="- 就是这样子"]]
直接把[[collapsible]] 和 [[/collapsible]] 放在头尾的话会出现默认值(显示"+ show block",点下去变成"- hide block")。

表格代码

你能用"||"去建立表格:

||~ 标题 1 ||~ 标题 2 ||~ 标题 3 ||
|| 内容 1 || 内容 2 || 内容 3 ||
|||| 长内容 4 || 内容 5 ||
||内容 6 |||| 长内容  7 ||
|||||| 超长 _
内容 8||
标题 1 标题 2 标题 3
内容 1 内容 2 内容 3
长内容 4 内容 5
内容 6 长内容 7
超长
内容 8

在行尾加" _"能在表格内开新行(如上例)。
还有这种!

header cell 0.0 header cell 0.1 header cell 0.2
cell 1.0 cell 1.2
cell 2.0 cell 2.1 cell 2.2
cell 3.1 cell 3.2

代码如下:

[[table]]
[[row]]
[[hcell style="border: 1px solid silver; background-color: yellow;"]]
header cell 0.0
[[/hcell]]
[[hcell style="border: 1px solid silver"]]
header cell 0.1
[[/hcell]]
[[hcell style="border: 1px solid silver" ]]
header cell 0.2
[[/hcell]]
[[/row]]
[[row]]
[[cell style="border: 1px solid silver" colspan="2"]]
cell 1.0
[[/cell]]
[[cell style="border: 1px solid silver; background-color: yellow;"]]
cell 1.2
[[/cell]]
[[/row]]
[[row]]
[[cell style="border: 1px solid silver" rowspan="2"]]
cell 2.0
[[/cell]]
[[cell style="border: 1px solid silver"]]
cell 2.1
[[/cell]]
[[cell style="border: 1px solid silver"]]
cell 2.2
[[/cell]]
[[/row]]
[[row]]
[[cell style="border: 1px solid silver"]]
cell 3.1
[[/cell]]
[[cell style="border: 1px solid silver"]]
cell 3.2
[[/cell]]
[[/row]]
[[/table]]

div方块

这是一个div!


代码如下:
[[div id="myDiv" style="background-color: green; text-color:white;"]]
这是一个div!
[[/div]]

这也是div!


代码如下:
[[div style="padding: 10px; border: 1px solid green; width: 100%; margin: auto;"]]
这也是div!
[[/div]]

单张图片

使用以下格式插入图片:

[[image 图源 属性1="数值1" 属性2="数值2" ...]]

而(在这里)能用的上的属性有:

属性 能用的数值 例子 描述
link 维基页面名称或URL "wiki-page"
"http://www.example.com"
"#anchor"
"#"
点图前往其他页面或网址; 在前面加上'*'就能开新窗口;; 可以选择连至页内的锚点
width 像素数 "200px" 强制设定图片宽度
height 像素数 "200px" 强制设定图片高度

而图源可以用下面的其中之一:

图源 格式 例子 描述
URL 地址 任何有效的URL地址 http://www.example.com/image.jpg 显示目标网址的图片
本页附件 文件名 exampleimage.jpg 显示上传到此页的图片
他页附件 ///其他页名/文件名 /another-page/exampleimage.jpg 显示上传到其他页面的图片

你也能设定图片的位置:

  • [[=image… - 置中
  • [[<image… - 靠左
  • [[>image… - 靠右
  • [[f<image… - 靠左(被文字包围)
  • [[f>image… - 靠右(被文字包围)

而在这个维基中用的最多的是这种插图方块:

[[include component:image-block name=图源 |caption=描述]]

还有这种:

[[div style="float:right; margin:0 2em 1em 2em; width:300px; border:0;"]]
|||| [[image URL图源  width="300px"]] ||
||||~ 描述 ||
[[/div]]
除非特别注明,本页内容采用以下授权方式: Creative Commons Attribution-ShareAlike 4.0 International license