Help:信息框：修订间差异

2026年6月5日 (五) 16:13的最新版本

信息框是放在页面右上角的资料卡（NPC、地点、玩家页面右边那个竖条）。

最简单的例子

把下面这段复制到你的页面顶部，改成你的内容即可：

{{信息框|类型=npc|标题=克丽丝塔|图片=克丽丝塔.png|内容=
{{信息框行|头衔|王女}}
{{信息框行|势力|王室}}
{{信息框行|喜好|阅读、园艺}}
}}

效果就是右边这个资料卡：

克丽丝塔

头衔	王女
势力	王室
喜好	阅读、园艺

工具栏预设

编辑页面时，工具栏 →「Noblecraft 格式」→「信息框」页提供 5 个预设按钮，点击即可插入完整骨架。下方为各预设的渲染效果。

- 预填字段可以随意修改

NPC

紫色配色。预填字段：头衔 / 所属势力 / 所在地 / 身份 / 登场。

克丽丝塔

头衔	xxx
所属势力	xxx
所在地	xxx
身份	xxx
登场	xxx

地点

青色配色。预填字段：类型 / 所在世界 / 坐标 / 如何到达 / 管理者。

诺波尔堡

类型	xxx
所在世界	主世界
坐标	X:128, Z:-340
如何到达	xxx
管理者	xxx

玩家

金色配色。预填字段：加入时间 / 权限组 / 所在聚落 / 擅长。

玩家ID

加入时间	2026年6月
权限组	建造者
所在聚落	xxx镇
擅长	建筑、红石

纯色

任意单色，通过 颜色= 参数传入。下方示例使用 颜色=#1a6b7d。

任意标题

字段一	示例值
字段二	示例值
字段三	示例值

渐变

任意渐变色，颜色= 参数填 linear-gradient(...) 形式。下方示例使用 颜色=linear-gradient(120deg,#7a5c9a,#9a6fae)。

任意标题

字段一	示例值
字段二	示例值
字段三	示例值

三步学会

第一步：写外框

{{信息框|类型=npc|标题=名字|图片=图片文件名.png|图注=图片说明|内容=
...这里放一行行内容...
}}

类型决定颜色：npc 紫色 / place 青色 / player 金色
标题就是资料卡顶部的大字（名字/地名）
图片填你上传的图片文件名；没有图就把这项留空或删掉
图注是图片下方的小字说明，可选，不需要就留空或删掉

第二步：自己加行

在 内容= 下面，每行一个 {{信息框行|左边|右边}}：

{{信息框行|头衔|王女}}
{{信息框行|身高|165cm}}
{{信息框行|喜好|阅读、园艺}}
{{信息框行|口头禅|你好啊}}

竖线 | 左边是这一行的字段名，你自己定（"喜好""讨厌""身高"都行）；右边是内容。行的先后顺序就是显示顺序。

第三步（可选）：加个分段标题

想把资料卡分成几段（比如下半部分放"背景故事"），插一行 {{信息框段|段落标题}}：

{{信息框段|背景故事}}
{{信息框行| |她自幼在诺波尔堡长大..}}

自定义颜色

三种预设（npc / place / player）之外，颜色 参数可指定任意配色，写了它会覆盖 类型 的默认值。

单色（十六进制）：

{{信息框|颜色=#1a6b7d|标题=诺波尔堡|内容=
{{信息框行|类型|建筑}}
{{信息框行|人口|10}}
}}

诺波尔堡

类型	建筑
人口	10

渐变（任意角度、任意配色）：

{{信息框|颜色=linear-gradient(120deg,#7a5c9a,#9a6fae)|标题=...|内容=...}}

...

色值可借助工具栏的 🎨 取色器获取：

编辑器格式组里点 🎨 颜色（位于粗体、斜体那一行）
在弹出面板的"自定义"色块上调出系统取色器，选好颜色
点 📋 复制色值
粘到信息框的 颜色= 后面

完整示例

{{信息框|颜色=#fec2ff|标题=诺布|图片=诺布.png|图注=诺布大头照|内容=
{{信息框行|爱好|摄影 发呆}}
{{信息框行|势力|Noblecraft？}}
{{信息框行|所在地|诺波尔堡}}
{{信息框行|剧情|吃饱了出来散步}}
}}

诺布

诺布大头照

爱好	摄影发呆
势力	Noblecraft？
所在地	诺波尔堡
剧情	吃饱了出来散步

小提示

三种预设颜色对应三类页面：NPC 用 npc、地点用 place、玩家用 player。要别的色调就直接用 颜色= 覆盖。
图片需先去上传文件上传，再把文件名填进 图片=。
行的顺序就是显示的顺序，调整 {{信息框行}} 的先后即可。

@@ 第1行： / 第1行： @@
-信息框是放在页面右上角的资料卡（NPC、地点、玩家页面右边那个竖条）。本页教你怎么做一个，'''照着改就行，不用懂原理'''。
+信息框是放在页面右上角的资料卡（NPC、地点、玩家页面右边那个竖条）。
 == 最简单的例子 ==
@@ 第19行： / 第19行： @@
 }}
-== 用工具栏一键插入（推荐） ==
+<div style="clear:right;"></div>
-不想手敲？编辑页面时，工具栏 →「Noblecraft 格式」→「'''信息框'''」页里有 5 个预设按钮，点一下就插入一份完整骨架：
+-----
-* '''NPC''' —— 紫色，预填 头衔 / 所属势力 / 所在地 / 身份 / 登场
+== 工具栏预设 ==
-* '''地点''' —— 青色，预填 类型 / 所在世界 / 坐标 / 如何到达 / 管理者
-* '''玩家''' —— 金色，预填 加入时间 / 权限组 / 所在聚落 / 擅长
-* '''纯色''' —— 自定义单色，空骨架自己填字段
-* '''渐变''' —— 自定义渐变色，空骨架自己填字段
-点完按钮把字段后面的空白补上你的内容就行。下面"三步学会"是给想懂原理的人看的。
+编辑页面时，工具栏 →「Noblecraft 格式」→「信息框」页提供 5 个预设按钮，点击即可插入完整骨架。下方为各预设的渲染效果。
+'''- 预填字段可以随意修改'''
+=== NPC ===
+紫色配色。预填字段：头衔 / 所属势力 / 所在地 / 身份 / 登场。
+{{信息框|类型=npc|标题=克丽丝塔|内容=
+{{信息框行|头衔|xxx}}
+{{信息框行|所属势力|xxx}}
+{{信息框行|所在地|xxx}}
+{{信息框行|身份|xxx}}
+{{信息框行|登场|xxx}}
+}}
+<div style="clear:right;"></div>
+=== 地点 ===
+青色配色。预填字段：类型 / 所在世界 / 坐标 / 如何到达 / 管理者。
+{{信息框|类型=place|标题=诺波尔堡|内容=
+{{信息框行|类型|xxx}}
+{{信息框行|所在世界|主世界}}
+{{信息框行|坐标|X:128, Z:-340}}
+{{信息框行|如何到达|xxx}}
+{{信息框行|管理者|xxx}}
+}}
+<div style="clear:right;"></div>
+=== 玩家 ===
+金色配色。预填字段：加入时间 / 权限组 / 所在聚落 / 擅长。
+{{信息框|类型=player|标题=玩家ID|内容=
+{{信息框行|加入时间|2026年6月}}
+{{信息框行|权限组|建造者}}
+{{信息框行|所在聚落|xxx镇}}
+{{信息框行|擅长|建筑、红石}}
+}}
+<div style="clear:right;"></div>
+=== 纯色 ===
+任意单色，通过 <code>颜色=</code> 参数传入。下方示例使用 <code>颜色=#1a6b7d</code>。
+{{信息框|颜色=#1a6b7d|标题=任意标题|内容=
+{{信息框行|字段一|示例值}}
+{{信息框行|字段二|示例值}}
+{{信息框行|字段三|示例值}}
+}}
+<div style="clear:right;"></div>
+=== 渐变 ===
+任意渐变色，<code>颜色=</code> 参数填 <code>linear-gradient(...)</code> 形式。下方示例使用 <code>颜色=linear-gradient(120deg,#7a5c9a,#9a6fae)</code>。
+{{信息框|颜色=linear-gradient(120deg,#7a5c9a,#3f94d5)|标题=任意标题|内容=
+{{信息框行|字段一|示例值}}
+{{信息框行|字段二|示例值}}
+{{信息框行|字段三|示例值}}
+}}
+<div style="clear:right;"></div>
+-----
 == 三步学会 ==
@@ 第40行： / 第105行： @@
 * '''标题''' 就是资料卡顶部的大字（名字/地名）
 * '''图片''' 填你上传的图片文件名；没有图就把这项留空或删掉
-* '''图注''' 是图片下方的小字说明（可选），不需要就留空或删掉
+* '''图注''' 是图片下方的小字说明，可选，不需要就留空或删掉
 '''第二步：自己加行'''
-在 <code>内容=</code> 下面，想加几行就加几行，每行一个 <code><nowiki>{{信息框行|左边|右边}}</nowiki></code>：
+在 <code>内容=</code> 下面，每行一个 <code><nowiki>{{信息框行|左边|右边}}</nowiki></code>：
 <pre>{{信息框行|头衔|王女}}
 {{信息框行|身高|165cm}}
 {{信息框行|喜好|阅读、园艺}}
-{{信息框行|口头禅|愿先祖指引你}}</pre>
+{{信息框行|口头禅|你好啊}}</pre>
-* 竖线 <code>|</code> 左边是这一行的'''标题'''（你随便写，"喜好""讨厌""身高"都行）
-* 竖线右边是'''内容'''
+竖线 <code>|</code> 左边是这一行的字段名，你自己定（"喜好""讨厌""身高"都行）；右边是内容。行的先后顺序就是显示顺序。
-* 这就是自由的地方：'''想要什么行，就自己加什么行'''
 '''第三步（可选）：加个分段标题'''
@@ 第57行： / 第121行： @@
 想把资料卡分成几段（比如下半部分放"背景故事"），插一行 <code><nowiki>{{信息框段|段落标题}}</nowiki></code>：
 <pre>{{信息框段|背景故事}}
-{{信息框行| |她自幼在大图书室长大……}}</pre>
+{{信息框行| |她自幼在诺波尔堡长大..}}</pre>
+-----
 == 自定义颜色 ==
-三种预设（npc/place/player）不够用？用 <code>颜色</code> 参数自己指定，写了它会覆盖 <code>类型</code> 的默认配色。
+三种预设（npc / place / player）之外，<code>颜色</code> 参数可指定任意配色，写了它会覆盖 <code>类型</code> 的默认值。
 '''单色（十六进制）：'''
 <pre>{{信息框|颜色=#1a6b7d|标题=诺波尔堡|内容=
-{{信息框行|类型|城邦}}
+{{信息框行|类型|建筑}}
-{{信息框行|人口|约两万}}
+{{信息框行|人口|10}}
 }}</pre>
+{{信息框|颜色=#1a6b7d|标题=诺波尔堡|内容=
+{{信息框行|类型|建筑}}
+{{信息框行|人口|10}}}}
 '''渐变（任意角度、任意配色）：'''
 <pre>{{信息框|颜色=linear-gradient(120deg,#7a5c9a,#9a6fae)|标题=...|内容=...}}</pre>
-'''怎么挑色值？''' 用工具栏的 🎨 取色器：
+{{信息框|颜色=linear-gradient(120deg,#7a5c9a,#9a6fae)|标题=...|内容=...}}
+色值可借助工具栏的 🎨 取色器获取：
-# 编辑器格式组里点 '''🎨 颜色'''（粗体、斜体那一排）
+# 编辑器格式组里点 '''🎨 颜色'''（位于粗体、斜体那一行）
-# 弹出的面板里点"自定义"那个小色块，调出系统取色器，选好你想要的颜色
+# 在弹出面板的"自定义"色块上调出系统取色器，选好颜色
 # 点 '''📋''' 复制色值
-# 粘到你信息框的 <code>颜色=</code> 后面
+# 粘到信息框的 <code>颜色=</code> 后面
+-----
-工具栏「信息框」页里的「'''纯色'''」「'''渐变'''」两个预设按钮就是配合这个流程的：点完按钮 → 用 🎨 选色 → 粘进 <code>颜色=</code>。
 == 完整示例 ==
 <pre>
-{{信息框|类型=npc|标题=克丽丝塔|图片=克丽丝塔.png|图注=王室画师笔下的克丽丝塔殿下|内容=
+{{信息框|颜色=#fec2ff|标题=诺布|图片=诺布.png|图注=诺布大头照|内容=
-{{信息框行|头衔|王女}}
+{{信息框行|爱好|摄影 发呆}}
-{{信息框行|势力|王室}}
+{{信息框行|势力|Noblecraft？}}
 {{信息框行|所在地|诺波尔堡}}
-{{信息框行|喜好|阅读、园艺}}
+{{信息框行|剧情|吃饱了出来散步}}
-{{信息框段|背景故事}}
-{{信息框行| |自幼在大图书室长大，立志续写先祖的荣光。}}
 }}
 </pre>
+{{信息框|颜色=#fec2ff|标题=诺布|图片=诺布.png|图注=诺布大头照|内容=
+{{信息框行|爱好|摄影 发呆}}
+{{信息框行|势力|Noblecraft？}}
+{{信息框行|所在地|诺波尔堡}}
+{{信息框行|剧情|吃饱了出来散步}}
+}}
 == 小提示 ==
-* 三种预设颜色对应三类页面：NPC 用 <code>npc</code>、地点用 <code>place</code>、玩家用 <code>player</code>；想要别的色调就直接加 <code>颜色=</code> 覆盖。
+* 三种预设颜色对应三类页面：NPC 用 <code>npc</code>、地点用 <code>place</code>、玩家用 <code>player</code>。要别的色调就直接用 <code>颜色=</code> 覆盖。
-* 不会上传图片？先去 [[Special:Upload|上传文件]] 传图，记住文件名再填进 <code>图片=</code>。
+* 图片需先去 [[Special:Upload|上传文件]] 上传，再把文件名填进 <code>图片=</code>。
-* 行的顺序就是显示的顺序，想调整顺序就调整 <code><nowiki>{{信息框行}}</nowiki></code> 的先后。
+* 行的顺序就是显示的顺序，调整 <code><nowiki>{{信息框行}}</nowiki></code> 的先后即可。
-* 嫌手写麻烦？直接点工具栏的预设按钮，剩下的就是改字段而已。
 [[分类:帮助]]