This is a documentation for Board Game Arena: play board games online !
Wiki formatting:修订间差异
(→目的) |
小 (→Wiki模板) |
||
(未显示同一用户的10个中间版本) | |||
第1行: | 第1行: | ||
==目的== | ==目的== | ||
''本页面的英文版是根据[https://boardgamearena.com/forum/viewtopic.php?f=3&t=23790 Wiki style guide] | ''本页面的英文版是根据[https://boardgamearena.com/forum/viewtopic.php?f=3&t=23790 Wiki style guide] 论坛帖子整合。中文版本则是完全按当前英文版进行翻译,模板(Template)需要单独创建中文页面,因此具体内容可能和英文部分有微细出入或未完全同步。'' | ||
<span style="font-size:larger;">大多数wiki ('''doc.'''BoardGameArena.com) 的格式在BoardGameArena. | <span style="font-size:larger;">大多数wiki ('''doc.'''BoardGameArena.com) 的格式在BoardGameArena.com上不会被保留(有些是Bug),但是有一些解决方法。 | ||
这个页面是一些非官方的技巧集合,关于如何让wiki页面在游戏中和游戏面板上显示得更好。</span> | 这个页面是一些非官方的技巧集合,关于如何让wiki页面在游戏中和游戏面板上显示得更好。</span> | ||
不同语言的[[#Wiki模板|Wiki模板]]需要单独创建,英文Wiki上的Wiki模板在中文Wiki上需要单独创建页面,同理,你可以创建英文Wiki上没有的模板,但考虑到中文Wiki的维护人数等,建议在英文Wiki上创建后同步到中文Wiki上方便管理和修bug。 | |||
'''[https://www.mediawiki.org/wiki/Help:Formatting Help:Formatting]''' | '''[https://www.mediawiki.org/wiki/Help:Formatting Help:Formatting]''' | ||
第21行: | 第21行: | ||
用户可以在已有的规则页面看到“编辑(Edit)”按钮,而尚未创建的页面会是“创建本页面(Create Page)”按钮。 | 用户可以在已有的规则页面看到“编辑(Edit)”按钮,而尚未创建的页面会是“创建本页面(Create Page)”按钮。 | ||
==== | ====关联报告==== | ||
* '''[https://boardgamearena.com/bug?id=102754 Link for editing is misleading]''' | * '''[https://boardgamearena.com/bug?id=102754 Link for editing is misleading]''' | ||
* <s>'''[https://boardgamearena.com/bug?id=117297 错误地将格式“Template”翻译导致模板无法正常显示]'''</s> | |||
==列表项== | ==列表项== | ||
第32行: | 第33行: | ||
{{infoBox|float=right|state=collapsed|color=#b44 | {{infoBox|float=right|state=collapsed|color=#b44 | ||
|title=<code>common.css</code> | |title=<code>common.css</code> rules | ||
|body=<pre style="background:none;border:none;"> | |body=<pre style="background:none;border:none;"> | ||
li { | li { | ||
第49行: | 第50行: | ||
</pre> | </pre> | ||
}} | }} | ||
'''标记''' (子弹点<code>*</code>、序号<code>#</code>)、 '''边距'''和'''内边距'''在 [https://BoardGameArena.com BoardGameArena.com]中不会被显示。 | '''标记''' (子弹点<code>*</code>、序号<code>#</code>)、 '''边距'''和'''内边距'''在 [https://BoardGameArena.com BoardGameArena.com]中不会被显示。 | ||
==== | ====关联报告==== | ||
* '''[https://boardgamearena.com/bug?id=16083 | * '''[https://boardgamearena.com/bug?id=16083 未显示子弹点标记]''' | ||
===解决方法=== | ===解决方法=== | ||
# | # 使用静态标记 (<code>•</code>,<code>-</code>,<code>1.</code>)。 | ||
# | # 通过 [https://developer.mozilla.org/en-US/docs/Web/HTML HTML] + [https://developer.mozilla.org/en-US/docs/Web/CSS CSS] 替代。 | ||
{{infoBox|float=right|state=collapsed|color=#4b4 | {{infoBox|float=right|state=collapsed|color=#4b4 | ||
第169行: | 第171行: | ||
{{!}}}</div> | {{!}}}</div> | ||
* <code><nowiki><ul></nowiki></code>[https://developer.mozilla.org/en-US/docs/Web/HTML/Element/ul unordered list]<code><nowiki></ul></nowiki></code> | * <code><nowiki><ul></nowiki></code>[https://developer.mozilla.org/en-US/docs/Web/HTML/Element/ul unordered list]<code><nowiki></ul></nowiki></code> | ||
* <code><nowiki><li></nowiki></code>[https://developer.mozilla.org/en-US/docs/Web/HTML/Element/li | * <code><nowiki><li></nowiki></code>[https://developer.mozilla.org/en-US/docs/Web/HTML/Element/li 列表内容]<code><nowiki></li></nowiki></code> | ||
|title2=Numbered lists | |title2=Numbered lists | ||
第268行: | 第270行: | ||
{{!}}}</div> | {{!}}}</div> | ||
* <code><nowiki><ol></nowiki></code>[https://developer.mozilla.org/en-US/docs/Web/HTML/Element/ol ordered list]<code><nowiki></ol></nowiki></code> | * <code><nowiki><ol></nowiki></code>[https://developer.mozilla.org/en-US/docs/Web/HTML/Element/ol ordered list]<code><nowiki></ol></nowiki></code> | ||
* <code><nowiki><li></nowiki></code>[https://developer.mozilla.org/en-US/docs/Web/HTML/Element/li | * <code><nowiki><li></nowiki></code>[https://developer.mozilla.org/en-US/docs/Web/HTML/Element/li 列表内容]<code><nowiki></li></nowiki></code> | ||
|title3=Definition lists | |title3=Definition lists | ||
第282行: | 第284行: | ||
marker¹ <code>;</code> <code>:</code> | marker¹ <code>;</code> <code>:</code> | ||
{{!}}<pre style="background:none;border:none;"> | {{!}}<pre style="background:none;border:none;"> | ||
;A | ;A : A 内容 | ||
;B | ;B : B 内容 | ||
;C | ;C : C 内容 | ||
</pre> | </pre> | ||
{{!}} | {{!}} | ||
;A | ;A : A 内容 | ||
;B | ;B : B 内容 | ||
;C | ;C : C 内容 | ||
{{!}}<dl style="line-height:normal;"> | {{!}}<dl style="line-height:normal;"> | ||
<dt style="font-weight:normal;">A | <dt style="font-weight:normal;">A </dt> | ||
<dd style="margin-inline-start:0;">A | <dd style="margin-inline-start:0;">A 内容</dd> | ||
<dt style="font-weight:normal;">B | <dt style="font-weight:normal;">B </dt> | ||
<dd style="margin-inline-start:0;">B | <dd style="margin-inline-start:0;">B 内容</dd> | ||
<dt style="font-weight:normal;">C | <dt style="font-weight:normal;">C </dt> | ||
<dd style="margin-inline-start:0;">C | <dd style="margin-inline-start:0;">C 内容</dd> | ||
</dl> | </dl> | ||
第303行: | 第305行: | ||
static marker | static marker | ||
{{!}}<pre style="background:none;border:none;"> | {{!}}<pre style="background:none;border:none;"> | ||
;'''A | ;'''A ''': A 内容 | ||
;'''B | ;'''B ''': B 内容 | ||
;'''C | ;'''C ''': C 内容 | ||
</pre> | </pre> | ||
{{!}} | {{!}} | ||
;'''A | ;'''A ''': A 内容 | ||
;'''B | ;'''B ''': B 内容 | ||
;'''C | ;'''C ''': C 内容 | ||
{{!}}<dl style="line-height:normal;"> | {{!}}<dl style="line-height:normal;"> | ||
<dt><b>A | <dt><b>A </b></dt> | ||
<dd style="margin-inline-start:0;">A | <dd style="margin-inline-start:0;">A 内容</dd> | ||
<dt><b>B | <dt><b>B </b></dt> | ||
<dd style="margin-inline-start:0;">B | <dd style="margin-inline-start:0;">B 内容</dd> | ||
<dt><b>C | <dt><b>C </b></dt> | ||
<dd style="margin-inline-start:0;">C | <dd style="margin-inline-start:0;">C 内容</dd> | ||
</dl> | </dl> | ||
第325行: | 第327行: | ||
{{!}}<pre style="background:none;border:none;"> | {{!}}<pre style="background:none;border:none;"> | ||
'''A | '''A ''': A 内容 | ||
'''B | '''B ''': B 内容 | ||
'''C | '''C ''': C 内容 | ||
</pre> | </pre> | ||
{{!}} | {{!}} | ||
'''A | '''A ''': A 内容 | ||
'''B | '''B ''': B 内容 | ||
'''C | '''C ''': C 内容 | ||
{{!}}<p style="margin:8px 0;padding:0;line-height:normal;"><b>A | {{!}}<p style="margin:8px 0;padding:0;line-height:normal;"><b>A </b>: A 内容</p> | ||
<p style="margin:8px 0;padding:0;line-height:normal;"><b>B | <p style="margin:8px 0;padding:0;line-height:normal;"><b>B </b>: B 内容</p> | ||
<p style="margin:8px 0;padding:0;line-height:normal;"><b>C | <p style="margin:8px 0;padding:0;line-height:normal;"><b>C </b>: C 内容</p> | ||
{{!}}-style="background:#f4ffff;" | {{!}}-style="background:#f4ffff;" | ||
第348行: | 第350行: | ||
{{!}}<pre style="background:none;border:none;"> | {{!}}<pre style="background:none;border:none;"> | ||
<dl> | <dl> | ||
<dt><b>A | <dt><b>A </b></dt> | ||
<dd style="margin-inline-start:1.6em;">A | <dd style="margin-inline-start:1.6em;">A 内容</dd> | ||
<dt><b>B | <dt><b>B </b></dt> | ||
<dd style="margin-inline-start:1.6em;">B | <dd style="margin-inline-start:1.6em;">B 内容</dd> | ||
<dt><b>C | <dt><b>C </b></dt> | ||
<dd style="margin-inline-start:1.6em;">C | <dd style="margin-inline-start:1.6em;">C 内容</dd> | ||
</dl> | </dl> | ||
</pre> | </pre> | ||
{{!}}<dl> | {{!}}<dl> | ||
<dt><b>A | <dt><b>A </b></dt> | ||
<dd style="margin-inline-start:1.6em;">A | <dd style="margin-inline-start:1.6em;">A 内容</dd> | ||
<dt><b>B | <dt><b>B </b></dt> | ||
<dd style="margin-inline-start:1.6em;">B | <dd style="margin-inline-start:1.6em;">B 内容</dd> | ||
<dt><b>C | <dt><b>C </b></dt> | ||
<dd style="margin-inline-start:1.6em;">C | <dd style="margin-inline-start:1.6em;">C 内容</dd> | ||
</dl> | </dl> | ||
{{!}}<dl style="line-height:normal;"> | {{!}}<dl style="line-height:normal;"> | ||
<dt><b>A | <dt><b>A </b></dt> | ||
<dd style="margin-inline-start:1.6em;">A | <dd style="margin-inline-start:1.6em;">A 内容</dd> | ||
<dt><b>B | <dt><b>B </b></dt> | ||
<dd style="margin-inline-start:1.6em;">B | <dd style="margin-inline-start:1.6em;">B 内容</dd> | ||
<dt><b>C | <dt><b>C </b></dt> | ||
<dd style="margin-inline-start:1.6em;">C | <dd style="margin-inline-start:1.6em;">C 内容</dd> | ||
</dl> | </dl> | ||
{{!}}}</div> | {{!}}}</div> | ||
第378行: | 第380行: | ||
}} | }} | ||
¹动态标记会生成HTML列表结构. | |||
²不使用动态标记时,<code><nowiki><p></nowiki></code>[https://developer.mozilla.org/en-US/docs/Web/HTML/Element/p paragraphs]<code><nowiki></p></nowiki></code> 会被生成,它需要在前后均有换行符,否则可能会和其他段落合并。 | |||
==标题== | ==标题== | ||
1级标题 (h1) 是页面标题,例如 <code>= Wiki formatting =</code>、 <code>= Gamehelp[name] =</code>、 <code>= Tips_[name] =</code>。 | |||
===已知问题=== | ===已知问题=== | ||
# | # 游戏中 h2 和 h3 标题在视觉上无法被区分。 | ||
# | # 游戏中 h3 标题会和前面的文字重叠。 | ||
# h5 | # h5 标题显示位置不对,且和内文无法区分。 | ||
# | # 游戏中的标题和游戏面板上不一致。 | ||
==== | ====关联报告==== | ||
* '''[https://boardgamearena.com/bug?id=86652 h2/h3 headings not nested]''' | * '''[https://boardgamearena.com/bug?id=86652 h2/h3 headings not nested]''' | ||
第400行: | 第402行: | ||
===解决方法=== | ===解决方法=== | ||
* 使用 h4 标题代替 h3。 | |||
* | * 使用 h5/h6 标题时手动粗体。 | ||
* | * 非要使用 h3 标题时手动换行。 | ||
{|class="wikitable" style="width:max-content;" | {|class="wikitable" style="width:max-content;" | ||
第414行: | 第416行: | ||
!h2 | !h2 | ||
|<pre style="background:none;border:none;"> | |<pre style="background:none;border:none;"> | ||
* | * 列表内容 | ||
== | == h2 标题示例 == | ||
* | * 列表内容 | ||
</pre> | </pre> | ||
| | | | ||
* | * 列表内容 | ||
<div style="font-family:'Linux Libertine','Georgia','Times',serif;line-height:1.3;margin-top:1em;margin-bottom:0.25em;font-size:1.5em;border-bottom:1px solid #a2a9b1;"> | <div style="font-family:'Linux Libertine','Georgia','Times',serif;line-height:1.3;margin-top:1em;margin-bottom:0.25em;font-size:1.5em;border-bottom:1px solid #a2a9b1;">h2 标题示例</div> | ||
* | * 列表内容 | ||
|style="color:#000;background-color:rgba(211,211,211);padding:0.5rem;"|<li style="margin:0;padding:0;line-height:normal;list-style:none;font-size:16px;"> | |style="color:#000;background-color:rgba(211,211,211);padding:0.5rem;"|<li style="margin:0;padding:0;line-height:normal;list-style:none;font-size:16px;">列表内容</li> | ||
<div style="display:block;font-family:Roboto,Arial,sans-serif;margin-top:10px;margin-bottom:10px;padding:0;line-height:normal;font-size:18px;font-weight:700;margin-block-start:10px;margin-block-end:10px;"> | <div style="display:block;font-family:Roboto,Arial,sans-serif;margin-top:10px;margin-bottom:10px;padding:0;line-height:normal;font-size:18px;font-weight:700;margin-block-start:10px;margin-block-end:10px;">h2 标题示例</div> | ||
<li style="margin:0;padding:0;line-height:normal;list-style:none;font-size:16px;"> | <li style="margin:0;padding:0;line-height:normal;list-style:none;font-size:16px;">列表内容</li> | ||
|style="color:#000;background-color:#FAF4EE;padding:12px;"|<li style="margin:0;padding:0;line-height:normal;list-style:none;font-size:16px;"> | |style="color:#000;background-color:#FAF4EE;padding:12px;"|<li style="margin:0;padding:0;line-height:normal;list-style:none;font-size:16px;">列表内容</li> | ||
<div style="display:block;font-family:Roboto,Arial,sans-serif;margin-top:12px;margin:-12px -12px 20px;padding:12px;line-height:normal;font-size:14px;font-weight:700;margin-block-start:12px;margin-block-end:20px;background:linear-gradient(0deg,#f8f8f8,#e7e9e8);border-radius:6px 6px 0 0;box-shadow:0 5px 5px 0 rgba(0,0,0,.1);color:#385088;text-transform:uppercase;"> | <div style="display:block;font-family:Roboto,Arial,sans-serif;margin-top:12px;margin:-12px -12px 20px;padding:12px;line-height:normal;font-size:14px;font-weight:700;margin-block-start:12px;margin-block-end:20px;background:linear-gradient(0deg,#f8f8f8,#e7e9e8);border-radius:6px 6px 0 0;box-shadow:0 5px 5px 0 rgba(0,0,0,.1);color:#385088;text-transform:uppercase;">h2 标题示例</div> | ||
<li style="margin:0;padding:0;line-height:normal;list-style:none;font-size:16px;"> | <li style="margin:0;padding:0;line-height:normal;list-style:none;font-size:16px;">列表内容</li> | ||
|-style="background:#fff0;" | |-style="background:#fff0;" | ||
!h3 | !h3 | ||
|<pre style="background:none;border:none;"> | |<pre style="background:none;border:none;"> | ||
* | * 列表内容 | ||
=== | === h3 标题示例 === | ||
* | * 列表内容 | ||
</pre> | </pre> | ||
| | | | ||
* | * 列表内容 | ||
<div style="display:block;font-family:sans-serif;line-height:1.6;margin-top:0.3em;margin-bottom:0;padding-top:0.5em;font-size:1.2em;font-weight:bold;"> | <div style="display:block;font-family:sans-serif;line-height:1.6;margin-top:0.3em;margin-bottom:0;padding-top:0.5em;font-size:1.2em;font-weight:bold;">h3 标题示例</div> | ||
* | * 列表内容 | ||
|style="color:#000;background-color:rgba(211,211,211);padding:0.5rem;"|<li style="margin:0;padding:0;line-height:normal;list-style:none;font-size:16px;"> | |style="color:#000;background-color:rgba(211,211,211);padding:0.5rem;"|<li style="margin:0;padding:0;line-height:normal;list-style:none;font-size:16px;">列表内容</li> | ||
<div style="display:block;font-family:Roboto,Arial,sans-serif;margin-top:5px;margin-bottom:5px;padding:0;line-height:normal;font-size:16px;font-weight:700;margin-block-start:5px;margin-block-end:5px;"> | <div style="display:block;font-family:Roboto,Arial,sans-serif;margin-top:5px;margin-bottom:5px;padding:0;line-height:normal;font-size:16px;font-weight:700;margin-block-start:5px;margin-block-end:5px;">h3 标题示例</div> | ||
<li style="margin:0;padding:0;line-height:normal;list-style:none;font-size:16px;"> | <li style="margin:0;padding:0;line-height:normal;list-style:none;font-size:16px;">列表内容</li> | ||
|style="color:#000;background-color:#FAF4EE;padding:12px;"|<li style="margin:0;padding:0;line-height:normal;list-style:none;font-size:16px;"> | |style="color:#000;background-color:#FAF4EE;padding:12px;"|<li style="margin:0;padding:0;line-height:normal;list-style:none;font-size:16px;">列表内容</li> | ||
<div style="display:block;font-family:Roboto,Arial,sans-serif;margin:-12px -12px 20px;padding:12px;line-height:normal;font-size:14px;font-weight:700;margin-block-start:-12px;margin-block-end:20px;background:linear-gradient(0deg,#f8f8f8,#e7e9e8);border-radius:6px 6px 0 0;box-shadow:0 5px 5px 0 rgba(0,0,0,.1);color:#385088;text-transform:uppercase;"> | <div style="display:block;font-family:Roboto,Arial,sans-serif;margin:-12px -12px 20px;padding:12px;line-height:normal;font-size:14px;font-weight:700;margin-block-start:-12px;margin-block-end:20px;background:linear-gradient(0deg,#f8f8f8,#e7e9e8);border-radius:6px 6px 0 0;box-shadow:0 5px 5px 0 rgba(0,0,0,.1);color:#385088;text-transform:uppercase;">h3 标题示例</div> | ||
<li style="margin:0;padding:0;line-height:normal;list-style:none;font-size:16px;"> | <li style="margin:0;padding:0;line-height:normal;list-style:none;font-size:16px;">列表内容</li> | ||
|-style="background:#fff0;" | |-style="background:#fff0;" | ||
!h4 | !h4 | ||
|<pre style="background:none;border:none;"> | |<pre style="background:none;border:none;"> | ||
* | * 列表内容 | ||
==== | ==== h4 标题示例 ==== | ||
* | * 列表内容 | ||
</pre> | </pre> | ||
| | | | ||
* | * 列表内容 | ||
<div style="display:block;font-family:sans-serif;line-height:1.6;margin-top:0.3em;margin-bottom:0;padding-top:0.5em;font-size:14px;font-weight:bold;margin-block-start:4.2px;margin-block-end:0;"> | <div style="display:block;font-family:sans-serif;line-height:1.6;margin-top:0.3em;margin-bottom:0;padding-top:0.5em;font-size:14px;font-weight:bold;margin-block-start:4.2px;margin-block-end:0;">h4 标题示例</div> | ||
* | * 列表内容 | ||
|style="color:#000;background-color:rgba(211,211,211);padding:0.5rem;"|<li style="margin:0;padding:0;line-height:normal;list-style:none;font-size:16px;"> | |style="color:#000;background-color:rgba(211,211,211);padding:0.5rem;"|<li style="margin:0;padding:0;line-height:normal;list-style:none;font-size:16px;">列表内容</li> | ||
<div style="display:block;font-family:Roboto,Arial,sans-serif;margin-top:20px;margin-bottom:5px;padding:0;line-height:normal;font-size:16px;font-weight:700;margin-block-start:20px;margin-block-end:5px;"> | <div style="display:block;font-family:Roboto,Arial,sans-serif;margin-top:20px;margin-bottom:5px;padding:0;line-height:normal;font-size:16px;font-weight:700;margin-block-start:20px;margin-block-end:5px;">h4 标题示例</div> | ||
<li style="margin:0;padding:0;line-height:normal;list-style:none;font-size:16px;"> | <li style="margin:0;padding:0;line-height:normal;list-style:none;font-size:16px;">列表内容</li> | ||
|style="color:#000;background-color:#FAF4EE;padding:12px;"|<li style="margin:0;padding:0;line-height:normal;list-style:none;font-size:16px;"> | |style="color:#000;background-color:#FAF4EE;padding:12px;"|<li style="margin:0;padding:0;line-height:normal;list-style:none;font-size:16px;">列表内容</li> | ||
<div style="display:block;font-family:Roboto,Arial,sans-serif;margin-top:20px;margin-bottom:5px;padding:0;line-height:normal;font-size:16px;font-weight:700;margin-block-start:20px;margin-block-end:5px;"> | <div style="display:block;font-family:Roboto,Arial,sans-serif;margin-top:20px;margin-bottom:5px;padding:0;line-height:normal;font-size:16px;font-weight:700;margin-block-start:20px;margin-block-end:5px;">h4 标题示例</div> | ||
<li style="margin:0;padding:0;line-height:normal;list-style:none;font-size:16px;"> | <li style="margin:0;padding:0;line-height:normal;list-style:none;font-size:16px;">列表内容</li> | ||
|-style="background:#fff0;" | |-style="background:#fff0;" | ||
!h5 | !h5 | ||
|<pre style="background:none;border:none;"> | |<pre style="background:none;border:none;"> | ||
* | * 列表内容 | ||
===== | ===== h5 标题示例 ===== | ||
* | * 列表内容 | ||
</pre> | </pre> | ||
| | | | ||
* | * 列表内容 | ||
<div style="display:block;font-family:sans-serif;line-height:1.6;margin-top:0.3em;margin-bottom:0;padding-top:0.5em;font-size:14px;font-weight:bold;margin-block-start:0;margin-block-end:0;"> | <div style="display:block;font-family:sans-serif;line-height:1.6;margin-top:0.3em;margin-bottom:0;padding-top:0.5em;font-size:14px;font-weight:bold;margin-block-start:0;margin-block-end:0;">h5 标题示例</div> | ||
* | * 列表内容 | ||
|style="color:#000;background-color:rgba(211,211,211);padding:0.5rem;"|<li style="margin:0;padding:0;line-height:normal;list-style:none;font-size:16px;"> | |style="color:#000;background-color:rgba(211,211,211);padding:0.5rem;"|<li style="margin:0;padding:0;line-height:normal;list-style:none;font-size:16px;">列表内容</li> | ||
<div style="display:block;font-family:Roboto,Arial,sans-serif;margin:0;padding:0;line-height:normal;font-size:16px;font-weight:400;margin-block-start:0;margin-block-end:0;"> | <div style="display:block;font-family:Roboto,Arial,sans-serif;margin:0;padding:0;line-height:normal;font-size:16px;font-weight:400;margin-block-start:0;margin-block-end:0;">h5 标题示例</div> | ||
<li style="margin:0;padding:0;line-height:normal;list-style:none;font-size:16px;"> | <li style="margin:0;padding:0;line-height:normal;list-style:none;font-size:16px;">列表内容</li> | ||
|style="color:#000;background-color:#FAF4EE;padding:12px;"|<li style="margin:0;padding:0;line-height:normal;list-style:none;font-size:16px;"> | |style="color:#000;background-color:#FAF4EE;padding:12px;"|<li style="margin:0;padding:0;line-height:normal;list-style:none;font-size:16px;">列表内容</li> | ||
<div style="display:block;font-family:Roboto,Arial,sans-serif;margin:0;padding:0;line-height:normal;font-size:16px;font-weight:400;margin-block-start:0;margin-block-end:0;"> | <div style="display:block;font-family:Roboto,Arial,sans-serif;margin:0;padding:0;line-height:normal;font-size:16px;font-weight:400;margin-block-start:0;margin-block-end:0;">h5 标题示例</div> | ||
<li style="margin:0;padding:0;line-height:normal;list-style:none;font-size:16px;"> | <li style="margin:0;padding:0;line-height:normal;list-style:none;font-size:16px;">列表内容</li> | ||
|} | |} | ||
第589行: | 第591行: | ||
'''[https://www.mediawiki.org/wiki/Help:Links Help:Links]''' | '''[https://www.mediawiki.org/wiki/Help:Links Help:Links]''' | ||
* | * '''本Wiki的[[Main_Page]]首页''' (根) 定向至'''[[Help]]帮助'''。 | ||
* '''[https://BoardGameArena.com/doc BoardGameArena.com/doc]''' | * '''[https://BoardGameArena.com/doc BoardGameArena.com/doc]'''是所有游戏'''[[Help]]帮助'''的目录。 | ||
* | * 注:每个标题均有一个独立序号用于定向。 | ||
*: | *: 例如[[#已知问题_3]] 是链结中的已知问题而 [[#已知问题_4]] 是图片的已知问题。 | ||
===已知问题=== | ===已知问题=== | ||
# ''' | # '''定向到标题的链结 <code>#</code>''' 在Wiki以外的地方无法使用 ('''doc.'''BoardGameArena.com). | ||
# | # URL会被定向到 <code>/doc</code> 而非当前页面。 | ||
# | # 游戏中的链结会将玩家带到其他地方。 | ||
例如 <code><nowiki>[[#Section_heading_link]]</nowiki></code> ⇨ https://BoardGameArena.com/doc#Section_heading_link ¹ | |||
==== | ====关联报告==== | ||
* ¹'''[https://boardgamearena.com/bug?id=88292 Section links don't work]''' | * ¹'''[https://boardgamearena.com/bug?id=88292 Section links don't work]''' | ||
第608行: | 第610行: | ||
===解决方法=== | ===解决方法=== | ||
# | # 移除无效链结。 | ||
==图片== | ==图片== | ||
第616行: | 第618行: | ||
===已知问题=== | ===已知问题=== | ||
# | # 在[https://BoardGameArena.com BoardGameArena.com]中图片的尺寸无法通过格式修改 | ||
#: | #: 例如 <code><nowiki>[[File:Marrakech_example.jpg</nowiki>'''|300px'''<nowiki>]]</nowiki></code>) 因为 ''resized'' 这张图片不在引用库中。 | ||
# | # 图片链结在[https://BoardGameArena.com BoardGameArena.com]中无法使用 | ||
#: | #: 例如 <code><nowiki>[[File:Versions.png</nowiki>'''|link=https://en.doc.boardgamearena.com/images/b/b5/Factum_Rules_Summary_EN_v1.jpg'''<nowiki>]]</nowiki></code> 因为它的连结定向到了 <code>https://boardgamearena.com/dochttps://en.doc.boardgamearena.com/images/b/b5/Factum_Rules_Summary_EN_v1.jpg</code> | ||
===解决方法=== | ===解决方法=== | ||
# '''[[Special:Upload| | # '''[[Special:Upload|上传]]''' '''''你的图片''''' 时制作成你需要的尺寸。 | ||
# | # 创建一个带有 <code>scale</code> factor的<code>[[#Wiki_template_method|<nowiki>{{gameIcon}}</nowiki>]]</code>. | ||
#: | #: 例如 <code><nowiki>{{</nowiki>'''YourIcon'''|scale='''0.5'''<nowiki>}}</nowiki></code> 来将图片尺寸乘以 ½. | ||
# | # 使用常规图片连结代替. | ||
#: | #: 例如 <code><nowiki>[[File:Versions.png]]</nowiki></code> | ||
#: <code><nowiki>[https://en.doc.boardgamearena.com/images/b/b5/Factum_Rules_Summary_EN_v1.jpg LinkText]</nowiki></code> | #: <code><nowiki>[https://en.doc.boardgamearena.com/images/b/b5/Factum_Rules_Summary_EN_v1.jpg LinkText]</nowiki></code> | ||
第674行: | 第676行: | ||
</pre> | </pre> | ||
}} | }} | ||
# <code>width: 98%;</code> | # <code>width: 98%;</code> 在 [https://BoardGameArena.com BoardGameArena.com]中的时候表格会超出页面范围。 | ||
# | # 在[https://BoardGameArena.com BoardGameArena.com]中的时候表格边界不会显示。 | ||
===解决方法=== | ===解决方法=== | ||
# <code>style="width:auto;"</code> | # 使用<code>style="width:auto;"</code> 来适配。 | ||
# <code>border="2"</code> | # 使用<code>border="2"</code> 制作页面边界。 | ||
# | # 通过 [https://developer.mozilla.org/en-US/docs/Web/HTML HTML] + [https://developer.mozilla.org/en-US/docs/Web/CSS/grid CSS grid] 替代。 | ||
{|class="wikitable" style="width:max-content; min-width:100%;" | {|class="wikitable" style="width:max-content; min-width:100%;" | ||
|+ | |+Wiki和 [https://BoardGameArena.com BoardGameArena.com] 表格格式 | ||
! | ! | ||
!Wiki text | !Wiki text | ||
第690行: | 第692行: | ||
!BGA | !BGA | ||
|-style="background:#fff0;" | |-style="background:#fff0;" | ||
!style="writing-mode:vertical-rl;transform:rotate(180deg);"| | !style="writing-mode:vertical-rl;transform:rotate(180deg);"|原始Wiki表格 | ||
|<pre style="background:none;border:none;"> | |<pre style="background:none;border:none;"> | ||
{|class="wikitable" | {|class="wikitable" | ||
|+ | |+描述 | ||
!0-90 | !0-90 | ||
|⭐ | |⭐ | ||
第706行: | 第708行: | ||
| | | | ||
{|class="wikitable" | {|class="wikitable" | ||
|+ | |+描述 | ||
!0-90 | !0-90 | ||
|⭐ | |⭐ | ||
第718行: | 第720行: | ||
| | | | ||
{|style="margin-left:5px; margin-top:5px; border-collapse:collapse; padding:5px; width:98%; text-align:center; line-height:normal; font-weight:400; font-style:normal; font-size:16px; color:#000;" | {|style="margin-left:5px; margin-top:5px; border-collapse:collapse; padding:5px; width:98%; text-align:center; line-height:normal; font-weight:400; font-style:normal; font-size:16px; color:#000;" | ||
|+style="text-align:left;"| | |+style="text-align:left;"|描述 | ||
!style="margin:0;padding:5px;font-weight:400;"|0-90 | !style="margin:0;padding:5px;font-weight:400;"|0-90 | ||
|style="margin:0;padding:5px;font-weight:400;"|⭐ | |style="margin:0;padding:5px;font-weight:400;"|⭐ | ||
第729行: | 第731行: | ||
|} | |} | ||
|-style="background:#fff0;" | |-style="background:#fff0;" | ||
!style="writing-mode:vertical-rl;transform:rotate(180deg);"|<code>width:auto;</code> <code>border="2"</code> | !style="writing-mode:vertical-rl;transform:rotate(180deg);"|使用<code>width:auto;</code> <code>border="2"</code> | ||
|style="max-width:max-content;"|<pre style="background:none;border:none;"> | |style="max-width:max-content;"|<pre style="background:none;border:none;"> | ||
{|class="wikitable" style="width:auto;" border="2" | {|class="wikitable" style="width:auto;" border="2" | ||
|+ | |+描述 | ||
!0-90 | !0-90 | ||
|⭐ | |⭐ | ||
第745行: | 第747行: | ||
| | | | ||
{|class="wikitable" style="width:auto;" border="2" | {|class="wikitable" style="width:auto;" border="2" | ||
|+ | |+描述 | ||
!0-90 | !0-90 | ||
|⭐ | |⭐ | ||
第757行: | 第759行: | ||
| | | | ||
{|style="margin-left:5px; margin-top:5px; border-collapse:collapse; padding:5px; width:auto; text-align:center; line-height:normal; font-weight:400; font-style:normal; font-size:16px; color:#000;" border="2" | {|style="margin-left:5px; margin-top:5px; border-collapse:collapse; padding:5px; width:auto; text-align:center; line-height:normal; font-weight:400; font-style:normal; font-size:16px; color:#000;" border="2" | ||
|+style="text-align:left;"| | |+style="text-align:left;"|描述 | ||
!style="margin:0;padding:5px;font-weight:400;"|0-90 | !style="margin:0;padding:5px;font-weight:400;"|0-90 | ||
|style="margin:0;padding:5px;font-weight:400;"|⭐ | |style="margin:0;padding:5px;font-weight:400;"|⭐ | ||
第769行: | 第771行: | ||
|} | |} | ||
===Option grids=== | ===选项网格 Option grids=== | ||
选项网格(Option grids)是一种可视化工具,传统的Wiki文本表格无法灵活适配特殊的情况可以通过HTML + [https://developer.mozilla.org/en-US/docs/Web/CSS/grid CSS grid] 来调整布局,例如 '''[https://en.doc.boardgamearena.com/Gamehelppente Gamehelppente]''': | |||
<div style="display:flex;flex-flow:row wrap;max-width:max-content;border:0.1rem solid #aaa;"> | <div style="display:flex;flex-flow:row wrap;max-width:max-content;border:0.1rem solid #aaa;"> | ||
第902行: | 第903行: | ||
}} | }} | ||
== | ==引用块== | ||
===已知问题=== | ===已知问题=== | ||
第915行: | 第916行: | ||
</pre> | </pre> | ||
}} | }} | ||
# ''' | # '''边距''' 和 '''内边距'''在 [https://BoardGameArena.com BoardGameArena.com]中被移除。 | ||
# | # 无左 '''边界'''. | ||
===解决方法=== | ===解决方法=== | ||
# | # 通过 [https://developer.mozilla.org/en-US/docs/Web/HTML HTML] + [https://developer.mozilla.org/en-US/docs/Web/CSS CSS]替代。 | ||
{{infoBox|state=collapsed|color=#0aa|maxWidth= | {{infoBox|state=collapsed|color=#0aa|maxWidth= | ||
第961行: | 第962行: | ||
==Wiki模板== | ==Wiki模板== | ||
不同语言的Wiki模板需要单独创建,英文已有的模板若中文中没有,可以进行搬运。 | |||
{{infoBox|float=right|state=collapsed | |||
== | |title=搬运流程 | ||
|body= | |||
此方法仅适用于搬运已有模板 | |||
# 找到对应模板的英文Wiki,点击编辑源代码,复制 | |||
# 在英文Wiki网页上前段的<code>en.doc</code>改为<code>zh-cn.doc</code>,回车 | |||
# 点击创建页面,将之前复制的源代码贴上,新增页面 | |||
|body= | # 在本页下方添加对应链结并更新 | ||
}} | }} | ||
'''[https://www.mediawiki.org/wiki/Help:Templates Help:Templates]''' | |||
===[[:模板:InfoBox]]=== | |||
= | |||
[[: | |||
折叠文本,可以将一些网页内容折叠到框中,点击才能打开查看,避免在页面上显示过多的信息。 | |||
=====[[:模板:InfoBoxes]]===== | |||
页面仅用于定义模板,文档请参阅[[:模板:InfoBox]]。 | |||
=====[[:模板:InfoBoxes3]]===== | |||
=== | |||
[[: | |||
页面仅用于定义模板,文档请参阅[[:模板:InfoBox]]。 | |||
===[[:模板:GameIcon]]=== | |||
通用图标模板,已有图标参阅英文Wiki。 | |||
[https://zh-cn.doc.boardgamearena.com/Gamehelpparks 运用例子] | |||
2024年7月15日 (一) 04:13的最新版本
目的
本页面的英文版是根据Wiki style guide 论坛帖子整合。中文版本则是完全按当前英文版进行翻译,模板(Template)需要单独创建中文页面,因此具体内容可能和英文部分有微细出入或未完全同步。
大多数wiki (doc.BoardGameArena.com) 的格式在BoardGameArena.com上不会被保留(有些是Bug),但是有一些解决方法。 这个页面是一些非官方的技巧集合,关于如何让wiki页面在游戏中和游戏面板上显示得更好。
不同语言的Wiki模板需要单独创建,英文Wiki上的Wiki模板在中文Wiki上需要单独创建页面,同理,你可以创建英文Wiki上没有的模板,但考虑到中文Wiki的维护人数等,建议在英文Wiki上创建后同步到中文Wiki上方便管理和修bug。
注意:Wiki页面的更改在BoardGameArena.com是每日更新一次 。
语言
Wiki页面的内容显示顺位为:
- 用户language(如有)
- 英文(如有)
举例:一位简体中文用户在浏览Carddiceo的游戏简规时会显示英文规则(en.doc.boardgamearena.com/Gamehelpcardiceo),因为中文(zh-cn.doc.boardgamearena.com/Gamehelpcardiceo)页面尚未被创建。 用户可以在已有的规则页面看到“编辑(Edit)”按钮,而尚未创建的页面会是“创建本页面(Create Page)”按钮。
关联报告
列表项
已知问题
common.css
rulesli { list-style: none; /*removes list markers*/ } li, ul { margin: 0; /*removes margin before and after lists*/ padding: 0; /*removes list indentation*/ } blockquote, body, code, dd, div, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, input, legend, li, ol, p, pre, td, textarea, th, ul { margin: 0; /*removes inline and block margins*/ padding: 0; /*removes list indentation*/ }
标记 (子弹点*
、序号#
)、 边距和内边距在 BoardGameArena.com中不会被显示。
关联报告
解决方法
common.css
rulesul.bulletlist li { list-style: disc none inside } .wikicontent p { margin-bottom: 8px; margin-top: 8px }
Wiki text | Wiki | BGA | |
---|---|---|---|
Dynamic
marker¹ |
* A * B * C |
|
|
Dynamic¹ +
static marker |
*- A *- B *- C |
|
|
static marker +
line breaks² |
- A - B - C |
- A - B - C |
- A - B - C |
HTML + CSS | <ul class="bulletlist" style=" margin:1em 0; padding-inline-start:40px; "> <li>A</li> <li>B</li> <li>C</li> </ul> |
|
|
<ul>
unordered list</ul>
<li>
列表内容</li>
Wiki text | Wiki | BGA | |
---|---|---|---|
Dynamic
marker¹ |
# A # B # C |
|
|
Dynamic¹ +
static marker |
# 1. A # 2. B # 3. C |
|
|
static marker +
line breaks² |
1. A 2. B 3. C |
1. A 2. B 3. C |
1. A 2. B 3. C |
HTML + CSS | <ol style=" margin:1em 0; padding-inline-start:40px; "> <li style="list-style-type:decimal;">A</li> <li style="list-style-type:decimal;">B</li> <li style="list-style-type:decimal;">C</li> </ol> |
|
|
<ol>
ordered list</ol>
<li>
列表内容</li>
Wiki text | Wiki | BGA | |
---|---|---|---|
Dynamic
marker¹ |
;A : A 内容 ;B : B 内容 ;C : C 内容 |
|
|
Dynamic¹ +
static marker |
;'''A ''': A 内容 ;'''B ''': B 内容 ;'''C ''': C 内容 |
|
|
static marker +
line breaks² |
'''A ''': A 内容 '''B ''': B 内容 '''C ''': C 内容 |
A : A 内容 B : B 内容 C : C 内容 |
A : A 内容 B : B 内容 C : C 内容 |
HTML + CSS | <dl> <dt><b>A </b></dt> <dd style="margin-inline-start:1.6em;">A 内容</dd> <dt><b>B </b></dt> <dd style="margin-inline-start:1.6em;">B 内容</dd> <dt><b>C </b></dt> <dd style="margin-inline-start:1.6em;">C 内容</dd> </dl> |
|
|
<dl>
description list</dl>
<dt>
description term</dt>
<dd>
description details</dd>
¹动态标记会生成HTML列表结构.
²不使用动态标记时,<p>
paragraphs</p>
会被生成,它需要在前后均有换行符,否则可能会和其他段落合并。
标题
1级标题 (h1) 是页面标题,例如 = Wiki formatting =
、 = Gamehelp[name] =
、 = Tips_[name] =
。
已知问题
- 游戏中 h2 和 h3 标题在视觉上无法被区分。
- 游戏中 h3 标题会和前面的文字重叠。
- h5 标题显示位置不对,且和内文无法区分。
- 游戏中的标题和游戏面板上不一致。
关联报告
解决方法
- 使用 h4 标题代替 h3。
- 使用 h5/h6 标题时手动粗体。
- 非要使用 h3 标题时手动换行。
Wiki text | Wiki | BGA game panel | BGA in-game | |
---|---|---|---|---|
h2 | * 列表内容 == h2 标题示例 == * 列表内容 |
h2 标题示例
|
h2 标题示例
|
h2 标题示例
|
h3 | * 列表内容 === h3 标题示例 === * 列表内容 |
h3 标题示例
|
h3 标题示例
|
h3 标题示例
|
h4 | * 列表内容 ==== h4 标题示例 ==== * 列表内容 |
h4 标题示例
|
h4 标题示例
|
h4 标题示例
|
h5 | * 列表内容 ===== h5 标题示例 ===== * 列表内容 |
h5 标题示例
|
h5 标题示例
|
h5 标题示例
|
链结
- 本Wiki的Main_Page首页 (根) 定向至Help帮助。
- BoardGameArena.com/doc是所有游戏Help帮助的目录。
- 注:每个标题均有一个独立序号用于定向。
已知问题
- 定向到标题的链结
#
在Wiki以外的地方无法使用 (doc.BoardGameArena.com). - URL会被定向到
/doc
而非当前页面。 - 游戏中的链结会将玩家带到其他地方。
例如 [[#Section_heading_link]]
⇨ https://BoardGameArena.com/doc#Section_heading_link ¹
关联报告
解决方法
- 移除无效链结。
图片
已知问题
- 在BoardGameArena.com中图片的尺寸无法通过格式修改
- 例如
[[File:Marrakech_example.jpg|300px]]
) 因为 resized 这张图片不在引用库中。
- 例如
- 图片链结在BoardGameArena.com中无法使用
解决方法
- 上传 你的图片 时制作成你需要的尺寸。
- 创建一个带有
scale
factor的{{gameIcon}}
.- 例如
{{YourIcon|scale=0.5}}
来将图片尺寸乘以 ½.
- 例如
- 使用常规图片连结代替.
- 例如
[[File:Versions.png]]
[https://en.doc.boardgamearena.com/images/b/b5/Factum_Rules_Summary_EN_v1.jpg LinkText]
- 例如
建议
- Optionally include rollover text
[[File:Marrakech_example.jpg|Example move]]
表格
已知问题
common.css
rules.wikicontent table { border-collapse: collapse; margin-left: 5px; margin-top: 5px; width: 98%; } table { border-collapse: collapse; border-spacing: 0; } caption, th { text-align: left; } address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; font-weight: 400; } .wikicontent table td, .wikicontent table th { padding: 5px; text-align: center; } blockquote, body, code, dd, div, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, input, legend, li, ol, p, pre, td, textarea, th, ul { margin: 0; padding: 0; } .wikicontent table td, .wikicontent table th { padding: 5px; text-align: center; }
width: 98%;
在 BoardGameArena.com中的时候表格会超出页面范围。- 在BoardGameArena.com中的时候表格边界不会显示。
解决方法
Wiki text | Wiki | BGA | |||||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
原始Wiki表格 | {|class="wikitable" |+描述 !0-90 |⭐ |- !91-110 |⭐⭐ |- !111-125 |⭐⭐⭐ |} |
|
| ||||||||||||
使用width:auto; border="2"
|
{|class="wikitable" style="width:auto;" border="2" |+描述 !0-90 |⭐ |- !91-110 |⭐⭐ |- !111-125 |⭐⭐⭐ |} |
|
|
选项网格 Option grids
选项网格(Option grids)是一种可视化工具,传统的Wiki文本表格无法灵活适配特殊的情况可以通过HTML + CSS grid 来调整布局,例如 Gamehelppente:
引用块
已知问题
common.css
rulesblockquote, body, code, dd, div, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, input, legend, li, ol, p, pre, td, textarea, th, ul { margin: 0; /*removes inline and block margins*/ padding: 0; /*removes list indentation*/ }
- 边距 和 内边距在 BoardGameArena.com中被移除。
- 无左 边界.
解决方法
<blockquote>
formattingWiki text | Wiki | BGA |
---|---|---|
<blockquote style=" margin:1em 0; margin-inline:40px; padding:8px 32px; border-left:4px solid #eaecf0; "> This is a <blockquote> </blockquote> |
|
|
Wiki模板
不同语言的Wiki模板需要单独创建,英文已有的模板若中文中没有,可以进行搬运。
- 找到对应模板的英文Wiki,点击编辑源代码,复制
- 在英文Wiki网页上前段的
en.doc
改为zh-cn.doc
,回车 - 点击创建页面,将之前复制的源代码贴上,新增页面
- 在本页下方添加对应链结并更新
模板:InfoBox
折叠文本,可以将一些网页内容折叠到框中,点击才能打开查看,避免在页面上显示过多的信息。
模板:InfoBoxes
页面仅用于定义模板,文档请参阅模板:InfoBox。
模板:InfoBoxes3
页面仅用于定义模板,文档请参阅模板:InfoBox。
模板:GameIcon
通用图标模板,已有图标参阅英文Wiki。