维基语法快速参考

欢迎光临

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

折叠

行内代码

你所打的文字	你将看见的文字
`//斜体//`	斜体
`粗体`	粗体
`//粗斜体//`	粗斜体
`__底线__`	底线
`--删除线--`	删除线
`{{等宽字(monospaced text))}}`(英语限定)	`(monospaced text)`
`[[span style="font-family:Microsoft YaHei"]]中文等宽字[[/span]]`	中文等宽字
`普通^^上标^^`	普通^上标
`普通,,下标,,`	普通_下标
`[!-- 不可见内容 --]`
`[[span style="color:red"]]自定义//span//元素[[/span]]`	自定义span元素
`##blue\|预设## 或 ##44FF88\|自定义色码## 颜色`	预设或自定义色码颜色

下列格式为

Devanos提供添加的独特格式：

你所打的文字	你将看见的文字
`[[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级标题

注释代码

什么是注释¹？

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

数列代码

没错
这个叫有序数列
代码如下:

# 没错
# 这个叫有序数列
# 代码如此

没错
这个叫无序数列
代码如下:

* 没错
* 这个叫无序数列
* 代码如此。

引用方块

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

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

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

代码如下：

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

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

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

用户代码

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

关于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")。

+ show 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 2.0	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]]

原创指导文章

页面版本: 7, 最后编辑于: 04 Nov 2023 12:53

编辑评分 (+6) 标签讨论历史记录附件打印网站工具 + 选项

阈限档案

探索不应存在的空间

行内代码

字体更变

链接在此

标题代码

注释代码

数列代码

引用方块

用户代码

关于code

分页功能

文字排版

笔记格式

可折叠方块

表格代码

div方块

单张图片