This is a documentation for Board Game Arena: play board games online !

Wiki formatting:修订间差异

来自Board Game Arena
跳到导航 跳到搜索
(Seems to experiencing some bugs. I'd just change them back to English and see how to fix them.)
(全文翻译完成,下一步校对以及等待相关bug修复。)
第3行: 第3行:
''本页面的英文版是根据[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] 论坛帖子整合。中文版本则是完全按当前英文版进行翻译。''


''译按:貌似有个InfoBox的bug。可能有部分格式不适用中文wiki,这样的话本页内容也不能照着翻译……我研究下(可能会鸽)''
<span style="font-size:larger;">大多数wiki ('''doc.'''BoardGameArena.com) 的格式在BoardGameArena.com上不会被保留(有些是Bug),但是有一些解决方法。
 
<span style="font-size:larger;">大多数wiki ('''doc.'''BoardGameArena.com) 的格式在BoardGameArena.com上不会被保留,但是有一些解决方法。
这个页面是一些非官方的技巧集合,关于如何让wiki页面在游戏中和游戏面板上显示得更好。</span>
这个页面是一些非官方的技巧集合,关于如何让wiki页面在游戏中和游戏面板上显示得更好。</span>


请随意添加额外的问题、建议和'''[[#Wiki模板|Wiki模板]]''' 🙂
请随意添加额外的问题、建议和'''[[#Wiki模板|Wiki模板]]''' 🙂
''译按:模板有一个Bug,会导致本业所有与模板相关的内容都会无法显示。目前已经[https://boardgamearena.com/bug?id=117297 上报错误],这些无法显示的内容暂时会先放在本页面中,直到后面看看这个bug是否会被修复(这些内容一般是格式语法、css例子等,目前建议通过英文版查看)。''🙂


'''[https://www.mediawiki.org/wiki/Help:Formatting Help:Formatting]'''
'''[https://www.mediawiki.org/wiki/Help:Formatting Help:Formatting]'''
第23行: 第23行:
用户可以在已有的规则页面看到“编辑(Edit)”按钮,而尚未创建的页面会是“创建本页面(Create Page)”按钮。
用户可以在已有的规则页面看到“编辑(Edit)”按钮,而尚未创建的页面会是“创建本页面(Create Page)”按钮。


====Bug上报====
====关联报告====


* '''[https://boardgamearena.com/bug?id=102754 Link for editing is misleading]'''
* '''[https://boardgamearena.com/bug?id=102754 Link for editing is misleading]'''
* '''[https://boardgamearena.com/bug?id=117297 错误地将格式“Template”翻译导致模板无法正常显示]'''


==列表项==
==列表项==
第54行: 第55行:
'''标记''' (子弹点<code>*</code>、序号<code>#</code>)、 '''边距'''和'''内边距'''在 [https://BoardGameArena.com BoardGameArena.com]中不会被显示。
'''标记''' (子弹点<code>*</code>、序号<code>#</code>)、 '''边距'''和'''内边距'''在 [https://BoardGameArena.com BoardGameArena.com]中不会被显示。


====Bug上报====
====关联报告====


* '''[https://boardgamearena.com/bug?id=16083 Bullet points not visible]'''
* '''[https://boardgamearena.com/bug?id=16083 未显示子弹点标记]'''


===解决方法===
===解决方法===


# Use static markers (<code>•</code>,<code>-</code>,<code>1.</code>).
# 使用静态标记 (<code>•</code>,<code>-</code>,<code>1.</code>)
# Replace with [https://developer.mozilla.org/en-US/docs/Web/HTML HTML] + [https://developer.mozilla.org/en-US/docs/Web/CSS CSS].
# 通过 [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
第172行: 第173行:
{{!}}}</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 list item]<code><nowiki></li></nowiki></code>
* <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
第271行: 第272行:
{{!}}}</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 list item]<code><nowiki></li></nowiki></code>
* <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
第285行: 第286行:
marker¹ <code>;</code> <code>:</code>
marker¹ <code>;</code> <code>:</code>
{{!}}<pre style="background:none;border:none;">
{{!}}<pre style="background:none;border:none;">
;A term: A detail
;A : A 内容
;B term: B detail
;B : B 内容
;C term: C detail
;C : C 内容
</pre>
</pre>
{{!}}
{{!}}
;A term: A detail
;A : A 内容
;B term: B detail
;B : B 内容
;C term: C detail
;C : C 内容
{{!}}<dl style="line-height:normal;">
{{!}}<dl style="line-height:normal;">
  <dt style="font-weight:normal;">A term</dt>
  <dt style="font-weight:normal;">A </dt>
   <dd style="margin-inline-start:0;">A detail</dd>
   <dd style="margin-inline-start:0;">A 内容</dd>
  <dt style="font-weight:normal;">B term</dt>
  <dt style="font-weight:normal;">B </dt>
   <dd style="margin-inline-start:0;">B detail</dd>
   <dd style="margin-inline-start:0;">B 内容</dd>
  <dt style="font-weight:normal;">C term</dt>
  <dt style="font-weight:normal;">C </dt>
   <dd style="margin-inline-start:0;">C detail</dd>
   <dd style="margin-inline-start:0;">C 内容</dd>
</dl>
</dl>


第306行: 第307行:
static marker
static marker
{{!}}<pre style="background:none;border:none;">
{{!}}<pre style="background:none;border:none;">
;'''A term''': A detail
;'''A ''': A 内容
;'''B term''': B detail
;'''B ''': B 内容
;'''C term''': C detail
;'''C ''': C 内容
</pre>
</pre>
{{!}}
{{!}}
;'''A term''': A detail
;'''A ''': A 内容
;'''B term''': B detail
;'''B ''': B 内容
;'''C term''': C detail
;'''C ''': C 内容
{{!}}<dl style="line-height:normal;">
{{!}}<dl style="line-height:normal;">
  <dt><b>A term</b></dt>
  <dt><b>A </b></dt>
   <dd style="margin-inline-start:0;">A detail</dd>
   <dd style="margin-inline-start:0;">A 内容</dd>
  <dt><b>B term</b></dt>
  <dt><b>B </b></dt>
   <dd style="margin-inline-start:0;">B detail</dd>
   <dd style="margin-inline-start:0;">B 内容</dd>
  <dt><b>C term</b></dt>
  <dt><b>C </b></dt>
   <dd style="margin-inline-start:0;">C detail</dd>
   <dd style="margin-inline-start:0;">C 内容</dd>
</dl>
</dl>


第328行: 第329行:
{{!}}<pre style="background:none;border:none;">
{{!}}<pre style="background:none;border:none;">


'''A term''': A detail
'''A ''': A 内容


'''B term''': B detail
'''B ''': B 内容


'''C term''': C detail
'''C ''': C 内容


</pre>
</pre>
{{!}}
{{!}}


'''A term''': A detail
'''A ''': A 内容


'''B term''': B detail
'''B ''': B 内容


'''C term''': C detail
'''C ''': C 内容


{{!}}<p style="margin:8px 0;padding:0;line-height:normal;"><b>A term</b>: A detail</p>
{{!}}<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 term</b>: B detail</p>
<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 term</b>: C detail</p>
<p style="margin:8px 0;padding:0;line-height:normal;"><b>C </b>: C 内容</p>


{{!}}-style="background:#f4ffff;"
{{!}}-style="background:#f4ffff;"
第351行: 第352行:
{{!}}<pre style="background:none;border:none;">
{{!}}<pre style="background:none;border:none;">
<dl>
<dl>
  <dt><b>A term</b></dt>
  <dt><b>A </b></dt>
   <dd style="margin-inline-start:1.6em;">A detail</dd>
   <dd style="margin-inline-start:1.6em;">A 内容</dd>
  <dt><b>B term</b></dt>
  <dt><b>B </b></dt>
   <dd style="margin-inline-start:1.6em;">B detail</dd>
   <dd style="margin-inline-start:1.6em;">B 内容</dd>
  <dt><b>C term</b></dt>
  <dt><b>C </b></dt>
   <dd style="margin-inline-start:1.6em;">C detail</dd>
   <dd style="margin-inline-start:1.6em;">C 内容</dd>
</dl>
</dl>
</pre>
</pre>
{{!}}<dl>
{{!}}<dl>
  <dt><b>A term</b></dt>
  <dt><b>A </b></dt>
   <dd style="margin-inline-start:1.6em;">A detail</dd>
   <dd style="margin-inline-start:1.6em;">A 内容</dd>
  <dt><b>B term</b></dt>
  <dt><b>B </b></dt>
   <dd style="margin-inline-start:1.6em;">B detail</dd>
   <dd style="margin-inline-start:1.6em;">B 内容</dd>
  <dt><b>C term</b></dt>
  <dt><b>C </b></dt>
   <dd style="margin-inline-start:1.6em;">C detail</dd>
   <dd style="margin-inline-start:1.6em;">C 内容</dd>
</dl>
</dl>
{{!}}<dl style="line-height:normal;">
{{!}}<dl style="line-height:normal;">
  <dt><b>A term</b></dt>
  <dt><b>A </b></dt>
   <dd style="margin-inline-start:1.6em;">A detail</dd>
   <dd style="margin-inline-start:1.6em;">A 内容</dd>
  <dt><b>B term</b></dt>
  <dt><b>B </b></dt>
   <dd style="margin-inline-start:1.6em;">B detail</dd>
   <dd style="margin-inline-start:1.6em;">B 内容</dd>
  <dt><b>C term</b></dt>
  <dt><b>C </b></dt>
   <dd style="margin-inline-start:1.6em;">C detail</dd>
   <dd style="margin-inline-start:1.6em;">C 内容</dd>
</dl>
</dl>
{{!}}}</div>
{{!}}}</div>
第381行: 第382行:
}}
}}


¹Dynamic markers generate HTML list structure.
¹动态标记会生成HTML列表结构.


²Without dynamic markers, <code><nowiki><p></nowiki></code>[https://developer.mozilla.org/en-US/docs/Web/HTML/Element/p paragraphs]<code><nowiki></p></nowiki></code> are generated which require line breaks before and after the "list" to prevent merging into surrounding paragraphs.
²不使用动态标记时,<code><nowiki><p></nowiki></code>[https://developer.mozilla.org/en-US/docs/Web/HTML/Element/p paragraphs]<code><nowiki></p></nowiki></code> 会被生成,它需要在前后均有换行符,否则可能会和其他段落合并。


==标题==
==标题==


Level 1 (h1) headings are the title of the page e.g. <code>= Wiki formatting =</code>, <code>= Gamehelp[name] =</code>, <code>= Tips_[name] =</code>.
1级标题 (h1) 是页面标题,例如 <code>= Wiki formatting =</code><code>= Gamehelp[name] =</code><code>= Tips_[name] =</code>


===已知问题===
===已知问题===


# In-game h2 and h3 headings are visually indistinguishable.
# 游戏中 h2 h3 标题在视觉上无法被区分。
# In-game h3 headings overlap text from the previous section.
# 游戏中 h3 标题会和前面的文字重叠。
# h5 headings and below are visually indistinguishable from body text.
# h5 标题显示位置不对,且和内文无法区分。
# Inconsistency between in-game and game panel headings.
# 游戏中的标题和游戏面板上不一致。


====Bug上报====
====关联报告====


* '''[https://boardgamearena.com/bug?id=86652 h2/h3 headings not nested]'''
* '''[https://boardgamearena.com/bug?id=86652 h2/h3 headings not nested]'''
第403行: 第404行:
===解决方法===
===解决方法===


Since in-game h3 headings became indistinguishable from h2 headings:
* 使用 h4 标题代替 h3。
* Change h3 to h4 headings.
* 使用 h5/h6 标题时手动粗体。
* Use additional line breaks before h3 headings.
* 非要使用 h3 标题时手动换行。


{|class="wikitable" style="width:max-content;"
{|class="wikitable" style="width:max-content;"
第417行: 第418行:
!h2
!h2
|<pre style="background:none;border:none;">
|<pre style="background:none;border:none;">
* List item
* 列表内容


== Example h2 heading ==
== h2 标题示例 ==


* List item
* 列表内容
</pre>
</pre>
|
|
* List item
* 列表内容
<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;">Example h2 heading</div>
<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>
* List item
* 列表内容
|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;">List item</li>
|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;">Example h2 heading</div>
<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;">List item</li>
<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;">List item</li>
|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;">Example h2 heading</div>
<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;">List item</li>
<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;">
* List item
* 列表内容


=== Example h3 heading ===
=== h3 标题示例 ===


* List item
* 列表内容
</pre>
</pre>
|
|
* List item
* 列表内容
<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;">Example h3 heading</div>
<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>
* List item
* 列表内容
|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;">List item</li>
|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;">Example h3 heading</div>
<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;">List item</li>
<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;">List item</li>
|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;">Example h3 heading</div>
<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;">List item</li>
<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;">
* List item
* 列表内容


==== Example h4 heading ====
==== h4 标题示例 ====


* List item
* 列表内容
</pre>
</pre>
|
|
* List item
* 列表内容
<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;">Example h4 heading</div>
<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>
* List item
* 列表内容
|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;">List item</li>
|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;">Example h4 heading</div>
<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;">List item</li>
<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;">List item</li>
|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;">Example h4 heading</div>
<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;">List item</li>
<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;">
* List item
* 列表内容


===== Example h5 heading =====
===== h5 标题示例 =====


* List item
* 列表内容
</pre>
</pre>
|
|
* List item
* 列表内容
<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;">Example h5 heading</div>
<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>
* List item
* 列表内容
|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;">List item</li>
|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;">Example h5 heading</div>
<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;">List item</li>
<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;">List item</li>
|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;">Example h5 heading</div>
<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;">List item</li>
<li style="margin:0;padding:0;line-height:normal;list-style:none;font-size:16px;">列表内容</li>
|}
|}


第592行: 第593行:
'''[https://www.mediawiki.org/wiki/Help:Links Help:Links]'''
'''[https://www.mediawiki.org/wiki/Help:Links Help:Links]'''


* The '''[[Main_Page]]''' (root) of this wiki redirects to '''[[Help]]'''.
* '''本Wiki的[[Main_Page]]首页''' () 定向至'''[[Help]]帮助'''
* '''[https://BoardGameArena.com/doc BoardGameArena.com/doc]''' displays the '''[[Help]]''' index of games.
* '''[https://BoardGameArena.com/doc BoardGameArena.com/doc]'''是所有游戏'''[[Help]]帮助'''的目录。
* Note: each heading has a unique id appended with a number as necessary.
* 注:每个标题均有一个独立序号用于定向。
*: e.g. [[#Issues_3]] links to Links Issues and [[#Issues_4]] links to Images Issues.
*: 例如[[#已知问题_3]] 是链结中的已知问题而 [[#已知问题_4]] 是图片的已知问题。


===已知问题===
===已知问题===


# '''Links to section headings <code>#</code>''' do not work outside of the wiki ('''doc.'''BoardGameArena.com).
# '''定向到标题的链结 <code>#</code>''' 在Wiki以外的地方无法使用 ('''doc.'''BoardGameArena.com).
# URL is resolved to <code>/doc</code> instead of the current page.
# URL会被定向到 <code>/doc</code> 而非当前页面。
# In-game links navigate the user away from the game.
# 游戏中的链结会将玩家带到其他地方。


e.g. <code><nowiki>[[#Section_heading_link]]</nowiki></code> ⇨ https://BoardGameArena.com/doc#Section_heading_link ¹.
例如 <code><nowiki>[[#Section_heading_link]]</nowiki></code> ⇨ https://BoardGameArena.com/doc#Section_heading_link ¹


====Bug上报====
====关联报告====


* ¹'''[https://boardgamearena.com/bug?id=88292 Section links don't work]'''
* ¹'''[https://boardgamearena.com/bug?id=88292 Section links don't work]'''
第611行: 第612行:
===解决方法===
===解决方法===


# Remove links that do not function as expected.
# 移除无效链结。


==图片==
==图片==
第619行: 第620行:
===已知问题===
===已知问题===


# Resized images do not display on [https://BoardGameArena.com BoardGameArena.com].
# [https://BoardGameArena.com BoardGameArena.com]中图片的尺寸无法通过格式修改
#: e.g. <code><nowiki>[[File:Marrakech_example.jpg</nowiki>'''|300px'''<nowiki>]]</nowiki></code>) because the ''resized'' image does not exist in the referenced directory.
#: 例如 <code><nowiki>[[File:Marrakech_example.jpg</nowiki>'''|300px'''<nowiki>]]</nowiki></code>) 因为 ''resized'' 这张图片不在引用库中。
# Image links do not work on [https://BoardGameArena.com BoardGameArena.com].
# 图片链结在[https://BoardGameArena.com BoardGameArena.com]中无法使用
#: e.g. <code><nowiki>[[File:Versions.png</nowiki>'''|link=https://en.doc.boardgamearena.com/images/b/b5/Factum_Rules_Summary_EN_v1.jpg'''<nowiki>]]</nowiki></code> because the link resolves to <code>https://boardgamearena.com/dochttps://en.doc.boardgamearena.com/images/b/b5/Factum_Rules_Summary_EN_v1.jpg</code>
#: 例如 <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|Upload]]''' '''''YourImage''''' with the size it will appear.
# '''[[Special:Upload|上传]]''' '''''你的图片''''' 时制作成你需要的尺寸。
# Create a <code>[[#Wiki_template_method|<nowiki>{{gameIcon}}</nowiki>]]</code> with a <code>scale</code> factor.
# 创建一个带有 <code>scale</code> factor的<code>[[#Wiki_template_method|<nowiki>{{gameIcon}}</nowiki>]]</code>.
#: e.g. <code><nowiki>{{</nowiki>'''YourIcon'''|scale='''0.5'''<nowiki>}}</nowiki></code> to reduce the image dimensions by ½.
#: 例如 <code><nowiki>{{</nowiki>'''YourIcon'''|scale='''0.5'''<nowiki>}}</nowiki></code> 来将图片尺寸乘以 ½.
# Replace image links with regular links.
# 使用常规图片连结代替.
#: e.g. <code><nowiki>[[File:Versions.png]]</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>


第677行: 第678行:
</pre>
</pre>
}}
}}
# <code>width: 98%;</code> stretches tables across the screen on [https://BoardGameArena.com BoardGameArena.com].
# <code>width: 98%;</code> [https://BoardGameArena.com BoardGameArena.com]中的时候表格会超出页面范围。
# Borders do not display on [https://BoardGameArena.com BoardGameArena.com].
# [https://BoardGameArena.com BoardGameArena.com]中的时候表格边界不会显示。


===解决方法===
===解决方法===


# <code>style="width:auto;"</code> fits column width to the contents.
# 使用<code>style="width:auto;"</code> 来适配。
# <code>border="2"</code> creates table cell borders.
# 使用<code>border="2"</code> 制作页面边界。
# Replace with [https://developer.mozilla.org/en-US/docs/Web/HTML HTML] + [https://developer.mozilla.org/en-US/docs/Web/CSS/grid CSS grid].
# 通过 [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 vs [https://BoardGameArena.com BoardGameArena.com] table formatting
|+Wiki和 [https://BoardGameArena.com BoardGameArena.com] 表格格式
!
!
!Wiki text
!Wiki text
第693行: 第694行:
!BGA
!BGA
|-style="background:#fff0;"
|-style="background:#fff0;"
!style="writing-mode:vertical-rl;transform:rotate(180deg);"|Raw wikitable
!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"
|+Caption
|+描述
!0-90
!0-90
|⭐
|⭐
第709行: 第710行:
|
|
{|class="wikitable"
{|class="wikitable"
|+Caption
|+描述
!0-90
!0-90
|⭐
|⭐
第721行: 第722行:
|
|
{|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;"|Caption
|+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;"|⭐
第732行: 第733行:
|}
|}
|-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"
|+Caption
|+描述
!0-90
!0-90
|⭐
|⭐
第748行: 第749行:
|
|
{|class="wikitable" style="width:auto;" border="2"
{|class="wikitable" style="width:auto;" border="2"
|+Caption
|+描述
!0-90
!0-90
|⭐
|⭐
第760行: 第761行:
|
|
{|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;"|Caption
|+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;"|⭐
第772行: 第773行:
|}
|}


===Option grids===
===选项网格 Option grids===


Option grids can help visualise multiple interdependent options.
选项网格(Option grids)是一种可视化工具,传统的Wiki文本表格无法灵活适配特殊的情况可以通过HTML + [https://developer.mozilla.org/en-US/docs/Web/CSS/grid CSS grid] 来调整布局,例如 '''[https://en.doc.boardgamearena.com/Gamehelppente Gamehelppente]''':
Where inflexible wiki text tables fall short, HTML + [https://developer.mozilla.org/en-US/docs/Web/CSS/grid CSS grid] is responsive to screen size e.g. '''[[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;">
第905行: 第905行:
}}
}}


==Blockquote==
==引用块==


===已知问题===
===已知问题===
第918行: 第918行:
</pre>
</pre>
}}
}}
# '''Margins''' and '''padding''' are removed on [https://BoardGameArena.com BoardGameArena.com].
# '''边距''' '''内边距'''[https://BoardGameArena.com BoardGameArena.com]中被移除。
# No left '''border'''.
# 无左 '''边界'''.


===解决方法===
===解决方法===


# Replace with [https://developer.mozilla.org/en-US/docs/Web/HTML HTML] + [https://developer.mozilla.org/en-US/docs/Web/CSS CSS].
# 通过 [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=
第962行: 第962行:
}}
}}


==Wiki templates==
==Wiki模板==


'''[https://www.mediawiki.org/wiki/Help:Templates Help:Templates]'''
'''[https://www.mediawiki.org/wiki/Help:Templates Help:Templates]'''


===[[:Template:InfoBox]]===
===已知问题===
 
Customisable container(s) responsive to screen size.
 
{{InfoBox|title=Example
|body=Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
}}
----
===Create your own icons===
 
{{infoBox |maxWidth= |color=#37c |titleAlign=left
|title=Step 1
|body='''[[Special:Upload|Upload]]''' '''''YourImage'''''.png
}}
 
{{infoBox |maxWidth= |color=#3aa |titleAlign=left
|title=Step 2
|body=Create <code>[https://en.doc.boardgamearena.com/Template:YourIcon https://en.doc.boardgamearena.com<wbr>/Template:'''''YourIcon''''']</code>
Fill in the parameters:
<pre style="background:none;border:none;">
{{gameIcon
|tooltip=
|imageFileName=
|scale=1
|width=
|height=
|x=0
|y=0
|={{{1|&amp;ZeroWidthSpace;}}}
|textColor=black
|outlineColor=white
}}<nowiki><</nowiki>noinclude<nowiki>>
[[Category:YourIcons]]
<</nowiki>noinclude<nowiki>></nowiki>
</pre>
}}
 
{{infoBox |maxWidth= |color=#3c7 |titleAlign=left
|title=Step 3
|body=Insert <code><nowiki>{{</nowiki>'''''YourIcon'''''<nowiki>}}</nowiki></code>
}}
See '''[[:Template:GameIcon#Examples|Examples]]'''
 
===[[:Category:GameIconTemplates]]===
 
<div style="display:flex;flex-wrap:wrap;align-items:start;gap:0.5rem">
{|class="wikitable" style="text-align:center;"
|+Cylinder tokens
!Wiki text
!Result
|-
|<code><nowiki>{{redCylinder|1}}</nowiki></code>
|{{redCylinder|1}}
|-
|<code><nowiki>{{orangeCylinder|2}}</nowiki></code>
|{{orangeCylinder|2}}
|-
|<code><nowiki>{{yellowCylinder|3}}</nowiki></code>
|{{yellowCylinder|3}}
|-
|<code><nowiki>{{greenCylinder|4}}</nowiki></code>
|{{greenCylinder|4}}
|-
|<code><nowiki>{{blueCylinder|5}}</nowiki></code>
|{{blueCylinder|5}}
|-
|<code><nowiki>{{purpleCylinder|6}}</nowiki></code>
|{{purpleCylinder|6}}
|-
|<code><nowiki>{{whiteCylinder|7}}</nowiki></code>
|{{whiteCylinder|7}}
|-
|<code><nowiki>{{greyCylinder|8}}</nowiki></code>
|{{greyCylinder|8}}
|-
|<code><nowiki>{{blackCylinder|9}}</nowiki></code>
|{{blackCylinder|9}}
|-
|<code><nowiki>{{creamCylinder|10}}</nowiki></code>
|{{creamCylinder|10}}
|}
 
{|class="wikitable" style="text-align:center;"
|+Meeples
!Wiki text
!Result
|-
|<code><nowiki>{{meeple|red|1}}</nowiki></code>
|{{meeple|red|1}}
|-
|<code><nowiki>{{meeple|orange|2}}</nowiki></code>
|{{meeple|orange|2}}
|-
|<code><nowiki>{{meeple|yellow|3}}</nowiki></code>
|{{meeple|yellow|3}}
|-
|<code><nowiki>{{meeple|green|4}}</nowiki></code>
|{{meeple|green|4}}
|-
|<code><nowiki>{{meeple|blue|5}}</nowiki></code>
|{{meeple|blue|5}}
|-
|<code><nowiki>{{meeple|purple|6}}</nowiki></code>
|{{meeple|purple|6}}
|-
|<code><nowiki>{{meeple|white|7}}</nowiki></code>
|{{meeple|white|7}}
|-
|<code><nowiki>{{meeple|grey|8}}</nowiki></code>
|{{meeple|grey|8}}
|-
|<code><nowiki>{{meeple|black|9}}</nowiki></code>
|{{meeple|black|9}}
|}
 
{|class="wikitable" style="text-align:center;"
|+Dice
!Wiki text
!Result
|-
|<code><nowiki>{{whiteDie|1}}</nowiki></code>
|{{whiteDie|1}}
|-
|<code><nowiki>{{yellowDie|2}}</nowiki></code>
|{{yellowDie|2}}
|-
|<code><nowiki>{{orangeDie|3}}</nowiki></code>
|{{orangeDie|3}}
|-
|<code><nowiki>{{blackDie|4}}</nowiki></code>
|{{blackDie|4}}
|}
</div>
----
===[[:Category:Card_templates]]===
 
<div style="display:flex;flex-wrap:wrap;align-items:start;gap:0.5rem">
{|class="wikitable" style="text-align:center;"
|+[[:Template:Card]]
!Wiki text
!Result
|-
|<code><nowiki>{{card|A}}</nowiki></code>
|{{card|A}}
|-
|<code><nowiki>{{club|K}}</nowiki></code>
|{{club|K}}
|-
|<code><nowiki>{{spade|Q}}</nowiki></code>
|{{spade|Q}}
|-
|<code><nowiki>{{heart|J}}</nowiki></code>
|{{heart|J}}
|-
|<code><nowiki>{{diamond|10}}</nowiki></code>
|{{diamond|10}}
|-
|<code><nowiki>{{cardBack}}</nowiki></code>
|{{cardBack}}
|-
|<code><nowiki>{{club|color=green}}</nowiki></code>
|{{club|color=green}}
|}
 
{|class="wikitable" style="width:min-content;"
|+[[:Template:Cardholder]]
!Wiki text
!Result
|-
|<code><nowiki>{{cardholder|Alice|cards={{diamond|A}}{{club|A}}{{heart|A}}{{spade|A}} }}</nowiki></code>
|{{cardholder|Alice|cards={{diamond|A}}{{club|A}}{{heart|A}}{{spade|A}} }}<br>
|}
</div>


----
# 所有格式文字中带有<code>Template</code>字眼的格式均因为被错误地翻译成中文而无法生效。
<div style="display:flex;flex-wrap:wrap;align-items:start;gap:0.5rem">
# 无解决方法,本栏目未有任何生效内容。
{|class="wikitable" style="text-align:center;"
!Wiki text
!Result
|-
|<code><nowiki>{{Beginner}} {{Beginner|0}}</nowiki></code>
|{{Beginner}} {{Beginner|0}}
|-
|<code><nowiki>{{Apprentice}} {{Apprentice|1}}</nowiki></code>
|{{Apprentice}} {{Apprentice|1}}
|-
|<code><nowiki>{{Average}} {{Average|100}}</nowiki></code>
|{{Average}} {{Average|100}}
|-
|<code><nowiki>{{Good}} {{Good|200}}</nowiki></code>
|{{Good}} {{Good|200}}
|-
|<code><nowiki>{{Strong}} {{Strong|300}}</nowiki></code>
|{{Strong}} {{Strong|300}}
|-
|<code><nowiki>{{Expert}} {{Expert|500}}</nowiki></code>
|{{Expert}} {{Expert|500}}
|-
|<code><nowiki>{{Master}} {{Master|700}}</nowiki></code>
|{{Master}} {{Master|700}}
|}


{|class="wikitable" style="text-align:center;"
====关联报告====
!Wiki text
!Result
|-
|<code><nowiki>{{player|2}}</nowiki></code>
|{{player|2}}
|-
|<code><nowiki>{{hand|4}}</nowiki></code>
|{{hand|4}}
|}
</div>
----
===[[:Category:GameBoardTemplates]]===
 
<div style="display:flex;flex-flow:row wrap;align-items:center;gap:0.5rem;">
<div style="display:flex;flex-flow:column wrap;align-items:center;">
'''[[:Template:Chessboard]]'''
 
<code><nowiki>{{Chessboard}}</nowiki></code>
{{Chessboard|squareSize=32}}
</div>
<div style="display:flex;flex-flow:column wrap;align-items:center;">
'''[[:Template:Goboard9]]'''


<code><nowiki>{{Goboard9}}</nowiki></code>
* '''[https://boardgamearena.com/bug?id=117297 错误地将格式“Template”翻译导致模板无法正常显示]'''
{{Goboard9|squareSize=26}}
</div>
<div style="display:flex;flex-flow:column wrap;align-items:center;">
'''[[:Template:Quoridorboard]]'''
 
<code><nowiki>{{Quoridorboard}}</nowiki></code>
{{Quoridorboard|squareSize=16}}
</div>
</div>

2024年3月13日 (三) 09:46的版本

目的

本页面的英文版是根据Wiki style guide 论坛帖子整合。中文版本则是完全按当前英文版进行翻译。

大多数wiki (doc.BoardGameArena.com) 的格式在BoardGameArena.com上不会被保留(有些是Bug),但是有一些解决方法。 这个页面是一些非官方的技巧集合,关于如何让wiki页面在游戏中和游戏面板上显示得更好。

请随意添加额外的问题、建议和Wiki模板 🙂

译按:模板有一个Bug,会导致本业所有与模板相关的内容都会无法显示。目前已经上报错误,这些无法显示的内容暂时会先放在本页面中,直到后面看看这个bug是否会被修复(这些内容一般是格式语法、css例子等,目前建议通过英文版查看)。🙂

Help:Formatting

注意:Wiki页面的更改在BoardGameArena.com每日更新一次

语言

Wiki页面的内容显示顺位为:

  1. 用户language(如有)
  2. 英文(如有)

举例:一位简体中文用户在浏览Carddiceo的游戏简规时会显示英文规则en.doc.boardgamearena.com/Gamehelpcardiceo),因为中文(zh-cn.doc.boardgamearena.com/Gamehelpcardiceo)页面尚未被创建。 用户可以在已有的规则页面看到“编辑(Edit)”按钮,而尚未创建的页面会是“创建本页面(Create Page)”按钮。

关联报告

列表项

Help:Lists

已知问题

common.css rules
li {
    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中不会被显示。

关联报告

解决方法

  1. 使用静态标记 (,-,1.)。
  2. 通过 HTML + CSS 替代。
common.css rules
ul.bulletlist li {
    list-style: disc none inside
}

.wikicontent p {
    margin-bottom: 8px;
    margin-top: 8px
}
Bullet lists
Wiki vs BoardGameArena.com list formatting
Wiki text Wiki BGA
Dynamic

marker¹ *

* A
* B
* C
  • A
  • B
  • C
  • A
  • B
  • C
Dynamic¹ +

static marker

*- A
*- B
*- C
  • - A
  • - B
  • - C
  • - 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>
  • A
  • B
  • C
  • A
  • B
  • C
Numbered lists
Wiki vs BoardGameArena.com list formatting
Wiki text Wiki BGA
Dynamic

marker¹ #

# A
# B
# C
  1. A
  2. B
  3. C
  1. A
  2. B
  3. C
Dynamic¹ +

static marker

# 1. A
# 2. B
# 3. C
  1. 1. A
  2. 2. B
  3. 3. C
  1. 1. A
  2. 2. B
  3. 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>
  1. A
  2. B
  3. C
  1. A
  2. B
  3. C
Definition lists
Wiki vs BoardGameArena.com list formatting
Wiki text Wiki BGA
Dynamic

marker¹ ; :

;A : A 内容
;B : B 内容
;C : C 内容
A
A 内容
B
B 内容
C
C 内容
A
A 内容
B
B 内容
C
C 内容
Dynamic¹ +

static marker

;'''A ''': A 内容
;'''B ''': B 内容
;'''C ''': C 内容
A
A 内容
B
B 内容
C
C 内容
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>
A
A 内容
B
B 内容
C
C 内容
A
A 内容
B
B 内容
C
C 内容

¹动态标记会生成HTML列表结构.

²不使用动态标记时,<p>paragraphs</p> 会被生成,它需要在前后均有换行符,否则可能会和其他段落合并。

标题

1级标题 (h1) 是页面标题,例如 = Wiki formatting == Gamehelp[name] == Tips_[name] =

已知问题

  1. 游戏中 h2 和 h3 标题在视觉上无法被区分。
  2. 游戏中 h3 标题会和前面的文字重叠。
  3. h5 标题显示位置不对,且和内文无法区分。
  4. 游戏中的标题和游戏面板上不一致。

关联报告

解决方法

  • 使用 h4 标题代替 h3。
  • 使用 h5/h6 标题时手动粗体。
  • 非要使用 h3 标题时手动换行。
Wiki vs BoardGameArena.com heading formatting
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 标题示例
  • 列表内容
  • {{{标题1}}}
    {{{内容1}}}
    {{{标题2}}}
    {{{内容2}}}
    {{{标题1}}}
    {{{内容1}}}
    {{{标题2}}}
    {{{内容2}}}

    链结

    Help:Links

    已知问题

    1. 定向到标题的链结 # 在Wiki以外的地方无法使用 (doc.BoardGameArena.com).
    2. URL会被定向到 /doc 而非当前页面。
    3. 游戏中的链结会将玩家带到其他地方。

    例如 [[#Section_heading_link]]https://BoardGameArena.com/doc#Section_heading_link ¹

    关联报告

    解决方法

    1. 移除无效链结。

    图片

    Help:Images

    已知问题

    1. BoardGameArena.com中图片的尺寸无法通过格式修改
      例如 [[File:Marrakech_example.jpg|300px]]) 因为 resized 这张图片不在引用库中。
    2. 图片链结在BoardGameArena.com中无法使用
      例如 [[File:Versions.png|link=https://en.doc.boardgamearena.com/images/b/b5/Factum_Rules_Summary_EN_v1.jpg]] 因为它的连结定向到了 https://boardgamearena.com/dochttps://en.doc.boardgamearena.com/images/b/b5/Factum_Rules_Summary_EN_v1.jpg

    解决方法

    1. 上传 你的图片 时制作成你需要的尺寸。
    2. 创建一个带有 scale factor的{{gameIcon}}.
      例如 {{YourIcon|scale=0.5}} 来将图片尺寸乘以 ½.
    3. 使用常规图片连结代替.
      例如 [[File:Versions.png]]
      [https://en.doc.boardgamearena.com/images/b/b5/Factum_Rules_Summary_EN_v1.jpg LinkText]

    建议

    1. Optionally include rollover text [[File:Marrakech_example.jpg|Example move]]

    表格

    Help:Tables

    已知问题

    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;
    }
    
    1. width: 98%;BoardGameArena.com中的时候表格会超出页面范围。
    2. BoardGameArena.com中的时候表格边界不会显示。

    解决方法

    1. 使用style="width:auto;" 来适配。
    2. 使用border="2" 制作页面边界。
    3. 通过 HTML + CSS grid 替代。
    Wiki和 BoardGameArena.com 表格格式
    Wiki text Wiki BGA
    原始Wiki表格
    {|class="wikitable"
    |+描述
    !0-90
    |⭐
    |-
    !91-110
    |⭐⭐
    |-
    !111-125
    |⭐⭐⭐
    |}
    
    描述
    0-90
    91-110 ⭐⭐
    111-125 ⭐⭐⭐
    描述
    0-90
    91-110 ⭐⭐
    111-125 ⭐⭐⭐
    使用width:auto; border="2"
    {|class="wikitable" style="width:auto;" border="2"
    |+描述
    !0-90
    |⭐
    |-
    !91-110
    |⭐⭐
    |-
    !111-125
    |⭐⭐⭐
    |}
    
    描述
    0-90
    91-110 ⭐⭐
    111-125 ⭐⭐⭐
    描述
    0-90
    91-110 ⭐⭐
    111-125 ⭐⭐⭐

    选项网格 Option grids

    选项网格(Option grids)是一种可视化工具,传统的Wiki文本表格无法灵活适配特殊的情况可以通过HTML + CSS grid 来调整布局,例如 Gamehelppente:

    Training mode only
    Default
    Other
    # of players
    2
    3
    4
    Free-for-all
    Team
    All options win
    Align exactly 5 stones in a row
    Align exactly 4 stones in a row
    Overline win
    May align more than 5 stones in a row
    May align more than 4 stones in a row
    Capture win
    Make 5 captures
    Make 4 captures
    Capture three
    May capture two or three stones (Keryo Pente)
    Self-capture
    No effect: a stone may be placed in a capture position
    Self-capture: results in self-capture! (Poof Pente)
    Forbidden: a stone may not be placed in a capture position
    Overtime capture
    Break the line: may capture to break a winning line (Boat Pente)
    Capture the line: may capture an entire winning line
    Mixed capture
    Enabled: May capture stones of mixed colour
    Disabled: Captures of one colour only
    {{{标题1}}}
    {{{内容1}}}
    {{{标题2}}}
    {{{内容2}}}

    引用块

    已知问题

    common.css rules
    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*/
    }
    
    1. 边距内边距BoardGameArena.com中被移除。
    2. 无左 边界.

    解决方法

    1. 通过 HTML + CSS替代。
    HTML + CSS <blockquote> formatting
    Wiki text Wiki BGA
    <blockquote style="
        margin:1em 0;
        margin-inline:40px;
        padding:8px 32px;
        border-left:4px solid #eaecf0;
    ">
    This is a <blockquote>
    </blockquote>
    

    This is a

    <blockquote>

    This is a

    <blockquote>

    Wiki模板

    Help:Templates

    已知问题

    1. 所有格式文字中带有Template字眼的格式均因为被错误地翻译成中文而无法生效。
    2. 无解决方法,本栏目未有任何生效内容。

    关联报告