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

Wiki formatting:修订间差异

来自Board Game Arena
跳到导航 跳到搜索
→‎目的
 
(未显示同一用户的7个中间版本)
第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)需要单独创建中文页面,因此具体内容可能和英文部分有微细出入或未完全同步。''


''译按:貌似有个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模板]]需要单独创建,英文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]'''
第23行: 第21行:
用户可以在已有的规则页面看到“编辑(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]'''
* <s>'''[https://boardgamearena.com/bug?id=117297 错误地将格式“Template”翻译导致模板无法正常显示]'''</s>


==列表项==
==列表项==
第54行: 第53行:
'''标记''' (子弹点<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行: 第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 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行: 第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 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行: 第284行:
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行: 第305行:
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行: 第327行:
{{!}}<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行: 第350行:
{{!}}<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行: 第380行:
}}
}}


¹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行: 第402行:
===解决方法===
===解决方法===


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行: 第416行:
!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行: 第591行:
'''[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行: 第610行:
===解决方法===
===解决方法===


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


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


# 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行: 第676行:
</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行: 第692行:
!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行: 第708行:
|
|
{|class="wikitable"
{|class="wikitable"
|+Caption
|+描述
!0-90
!0-90
|⭐
|⭐
第721行: 第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;"|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行: 第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"
|+Caption
|+描述
!0-90
!0-90
|⭐
|⭐
第748行: 第747行:
|
|
{|class="wikitable" style="width:auto;" border="2"
{|class="wikitable" style="width:auto;" border="2"
|+Caption
|+描述
!0-90
!0-90
|⭐
|⭐
第760行: 第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;"|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行: 第771行:
|}
|}


===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行: 第903行:
}}
}}


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


===已知问题===
===已知问题===
第918行: 第916行:
</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=
第964行: 第962行:
==Wiki模板==
==Wiki模板==


'''[https://www.mediawiki.org/wiki/Help:Templates Help:Templates]'''
不同语言的Wiki模板需要单独创建,英文已有的模板若中文中没有,可以进行搬运。
 
{{infoBox|float=right|state=collapsed
===信息框===
|title=搬运流程
[[:Template:InfoBox]]
|body=
 
此方法仅适用于搬运已有模板
Customisable container(s) responsive to screen size.
# 找到对应模板的英文Wiki,点击编辑源代码,复制
 
# 在英文Wiki网页上前段的<code>en.doc</code>改为<code>zh-cn.doc</code>,回车
{{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.
# 在本页下方添加对应链结并更新
}}
}}
----
===自定义图标===


{{infoBox |maxWidth= |color=#37c |titleAlign=left
'''[https://www.mediawiki.org/wiki/Help:Templates Help:Templates]'''
|title=Step 1
|body='''[[Special:Upload|Upload]]''' '''''YourImage'''''.png
}}


{{infoBox |maxWidth= |color=#3aa |titleAlign=left
===[[:模板:InfoBox]]===
|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]]'''


===预设图标===
=====[[:模板:InfoBoxes]]=====
[[:Category:GameIconTemplates]]


<div style="display:flex;flex-wrap:wrap;align-items:start;gap:0.5rem">
页面仅用于定义模板,文档请参阅[[:模板:InfoBox]]。
{|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;"
=====[[:模板:InfoBoxes3]]=====
|+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;"
页面仅用于定义模板,文档请参阅[[:模板:InfoBox]]
|+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>
 
----
<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;"
===[[:模板:GameIcon]]===
!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;">
通用图标模板,已有图标参阅英文Wiki。
<div style="display:flex;flex-flow:column wrap;align-items:center;">
'''[[:Template:Chessboard]]'''


<code><nowiki>{{Chessboard}}</nowiki></code>
[https://zh-cn.doc.boardgamearena.com/Gamehelpparks 运用例子]
{{Chessboard|squareSize=32}}
</div>
<div style="display:flex;flex-flow:column wrap;align-items:center;">
'''[[:Template:Goboard9]]'''
 
<code><nowiki>{{Goboard9}}</nowiki></code>
{{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年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。

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模板

    不同语言的Wiki模板需要单独创建,英文已有的模板若中文中没有,可以进行搬运。

    搬运流程
    此方法仅适用于搬运已有模板
    1. 找到对应模板的英文Wiki,点击编辑源代码,复制
    2. 在英文Wiki网页上前段的en.doc改为zh-cn.doc,回车
    3. 点击创建页面,将之前复制的源代码贴上,新增页面
    4. 在本页下方添加对应链结并更新

    Help:Templates

    模板:InfoBox

    折叠文本,可以将一些网页内容折叠到框中,点击才能打开查看,避免在页面上显示过多的信息。

    模板:InfoBoxes

    页面仅用于定义模板,文档请参阅模板:InfoBox

    模板:InfoBoxes3

    页面仅用于定义模板,文档请参阅模板:InfoBox

    模板:GameIcon

    通用图标模板,已有图标参阅英文Wiki。

    运用例子