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。要别的色调就直接用 颜色= 覆盖。
图片需先去上传文件上传，再把文件名填进 图片=。
行的顺序就是显示的顺序，调整 {{信息框行}} 的先后即可。

@@ 第20行： / 第20行： @@
 <div style="clear:right;"></div>
+-----
 == 工具栏预设 ==
@@ 第84行： / 第86行： @@
 任意渐变色，<code>颜色=</code> 参数填 <code>linear-gradient(...)</code> 形式。下方示例使用 <code>颜色=linear-gradient(120deg,#7a5c9a,#9a6fae)</code>。
-{{信息框|颜色=linear-gradient(120deg,#7a5c9a,#9a6fae)|标题=任意标题|内容=
+{{信息框|颜色=linear-gradient(120deg,#7a5c9a,#3f94d5)|标题=任意标题|内容=
 {{信息框行|字段一|示例值}}
 {{信息框行|字段二|示例值}}
@@ 第91行： / 第93行： @@
 <div style="clear:right;"></div>
+-----
 == 三步学会 ==
@@ 第118行： / 第122行： @@
 <pre>{{信息框段|背景故事}}
 {{信息框行| |她自幼在诺波尔堡长大..}}</pre>
+-----
 == 自定义颜色 ==
@@ 第125行： / 第131行： @@
 '''单色（十六进制）：'''
 <pre>{{信息框|颜色=#1a6b7d|标题=诺波尔堡|内容=
-{{信息框行|类型|城邦}}
+{{信息框行|类型|建筑}}
-{{信息框行|人口|约两万}}
+{{信息框行|人口|10}}
 }}</pre>
+{{信息框|颜色=#1a6b7d|标题=诺波尔堡|内容=
+{{信息框行|类型|建筑}}
+{{信息框行|人口|10}}}}
 '''渐变（任意角度、任意配色）：'''
 <pre>{{信息框|颜色=linear-gradient(120deg,#7a5c9a,#9a6fae)|标题=...|内容=...}}</pre>
+{{信息框|颜色=linear-gradient(120deg,#7a5c9a,#9a6fae)|标题=...|内容=...}}
 色值可借助工具栏的 🎨 取色器获取：
@@ 第138行： / 第150行： @@
 # 点 '''📋''' 复制色值
 # 粘到信息框的 <code>颜色=</code> 后面
+-----
 == 完整示例 ==
 <pre>
-{{信息框|类型=npc|标题=克丽丝塔|图片=克丽丝塔.png|图注=王室画师笔下的克丽丝塔殿下|内容=
+{{信息框|颜色=#fec2ff|标题=诺布|图片=诺布.png|图注=诺布大头照|内容=
-{{信息框行|头衔|王女}}
+{{信息框行|爱好|摄影 发呆}}
-{{信息框行|势力|王室}}
+{{信息框行|势力|Noblecraft？}}
 {{信息框行|所在地|诺波尔堡}}
-{{信息框行|喜好|阅读、园艺}}
+{{信息框行|剧情|吃饱了出来散步}}
-{{信息框段|背景故事}}
-{{信息框行| |？？？}}
 }}
 </pre>
+{{信息框|颜色=#fec2ff|标题=诺布|图片=诺布.png|图注=诺布大头照|内容=
+{{信息框行|爱好|摄影 发呆}}
+{{信息框行|势力|Noblecraft？}}
+{{信息框行|所在地|诺波尔堡}}
+{{信息框行|剧情|吃饱了出来散步}}
+}}
 == 小提示 ==