版本差异

到此差别页面的链接

--- wiki:使用指南 [2022/12/11 11:35] – [编辑 - Panel] OTZzzz
+++ wiki:使用指南 [2023/12/10 21:06] (当前版本) – [常用的工具栏功能] OTZzzz
@@ 行 1: / 行 1: @@
-~~NOTOC~~
+======想写维基吗？请从第一行开始阅读======
-=====想写维基吗？请从第一行开始阅读=====
-欢迎来到<ff serif>PVZ Wiki</ff>！
+欢迎来到<ff 'Georgia', serif>PVZ Wiki</ff>！
 开始编辑之前，请<wrap em>务必通读本文</wrap>，切勿在不理解维基语法的情况下强行编写词条，于己于人都无益。
-====1/5 命名空间====
+=====1/5 命名空间=====
 <wrap em>所有</wrap>页面都存放在不同的[[doku>zh:namespaces|命名空间]]（类似文件夹）下。
@@ 行 14: / 行 13: @@
 可选择的命名空间：<badge>人物</badge> <badge>阵型</badge> <badge>事件</badge> <badge>攻略</badge> <badge>社群</badge> <badge>重定向</badge> <badge>消歧义</badge>
-要更改命名空间，点击右侧工具栏<button type="info">页面重命名</button>修改前缀即可。
+要更改命名空间，点击右侧工具栏<button type="info">页面重命名</button>修改前缀即可。亦可用此法修改词条名。
 搜索词条时，应**带着命名空间前缀搜索**，这样创建出来的词条自动带有命名空间。
-====2/5 基础语法====
+=====2/5 基础语法=====
 进入编辑界面后，可以看到如下工具栏：
-{{:wiki:pasted:20221210-124810.png}}
+{{wiki:配图:20221210-124810.png}}
+====常用的工具栏功能====
+<callout type="success" title="开盒即用" icon="true">
+以下功能在工具栏里直接点击即可使用，无需记住语法
+</callout>
+  * **加粗**、//倾斜//、__下划线__、''P6-3I''（等宽字符）、<del>删除线</del>
+  * 各级标题（六个等号为一级标题，五个为二级，依次类推）
+  * 插入[[:home|内链]]、[[https://forum.pvz1.com|外链]]，格式为<nowiki>[[链接|显示文本]]</nowiki>
+     * <wrap em>不要</wrap>只粘贴网址！
-===常用的工具栏功能===
-  * **加粗**、//倾斜//、''P6-3I''（等宽字符）、<del>删除线</del>
-  * 各级标题（五个等号为一级标题，四个为二级，依次类推）
-  * 插入[[:home|内链]]、[[https://forum.crescb.com|外链]]，格式为<nowiki>[[链接|显示文本]]</nowiki>
   * 无序列表、有序列表、分隔线、表情:-o、emoji😈
   * 文字<fc #ff0000>颜色</fc>、<fs large>大</fs><fs small>小</fs>
   * 图片（上传或粘贴均可）[{{:wiki:logo.png|1437大帝}}]
 <code>
-源代码：[{{:wiki:logo.png|1437大帝}}]
+有配字：[{{:wiki:logo.png|1437大帝}}]
-如果不需要配字，把最外层方括号去掉即可
+无配字：{{:wiki:logo.png}}
 </code>
+   * 使用空格改变图片的对齐方式[{{  :wiki:logo.png|右对齐的1437大帝}}]
-===常用的非工具栏功能===
+<code>
+[{{  :wiki:logo.png|右对齐的1437大帝}}]
+左边空两格，就是靠右对齐
+</code>
+   * 编辑栏右下角可以调整编辑栏长度，并设置是否自动换行
+[{{:wiki:配图:编辑栏工具.png?direct&150|分别为：加长、缩短、切换换行方式}}]
+====常用的非工具栏功能====
   * 换行需要<wrap em>两个</wrap>回车，单个回车会被无视
     * ''%%\\ %%''<wrap lo>注意有一个空格</wrap>可以强制回车，<wrap em>切勿滥用！</wrap>一般只用在表格里
   * 在双层英文括号<nowiki>(())</nowiki>里插入脚注((就像这样))
   * 开头缩进两个空格的段落为引用段
   在引用段内部，**维基语法无效**
+====其它常用功能====
-  * 使用一个或多个%%>%%引起读者注意
-> 就像这样！
-===其它常用功能===
+[{{  :wiki:配图:wrap工具.40.51.png?nolink&400|工具栏内的“纸盒”工具}}]
   * 使用<button type="info">纸盒工具</button>设置<wrap em>警告</wrap>、<wrap hi>高亮</wrap>、<wrap lo>黑幕</wrap>等样式：
-[{{:wiki:wrap工具.40.51.png?nolink&400|工具栏内的“纸盒”工具}}]
+<WRAP clear/>
+[{{  :wiki:配图:20221210-125221.png?nolink&400|工具栏内的“快捷文本”工具}}]
-  * 使用<button type="info">快捷文本</button>可在页顶插入提示：
+  * 使用<button type="info">快捷文本</button>可在**页顶**插入提示：
-[{{:wiki:pasted:20221210-125221.png?nolink&400|工具栏内的“快捷文本”工具}}]
+<WRAP clear/>
 效果如下：
@@ 行 64: / 行 78: @@
 </WRAP>
-> 请优先使用快捷文本里预设的提示，不要自建提示。
+<callout type="warning" title="自建提示" icon="true">
+对于页顶提示，请优先使用快捷文本里预设的提示，不要自建提示。
-====3/5 表格====
+如果想在正文部分里插入提示，请使用Bootstrap组件（见[[wiki:使用指南#bootstrap组件|下文]]）里的<button type="info">引起注意</button>，也就是本提示框的效果。
+</callout>
+=====3/5 表格=====
 使用简单的语法便可创建表格。
@@ 行 87: / 行 104: @@
 表格的每一行都由''^''或''|''打头，各单元格之间也由它们隔开。它们的唯一区别是''^''后的单元格会**加粗**。
-空格数量决定了单元格的对齐方式。只需在文本的反方向加至少两个空格：若要左对齐，在右边添加至少两个空格；反之，在左边添加；在两边均添加空格则为居对齐。
+空格数量决定了单元格的对齐方式。只需在文本的反方向加至少两个空格：若要左对齐，在右边添加至少两个空格；反之，在左边添加；在两边均添加至少两个空格则为居对齐。
 ^           有对齐的表格                   ^^^
@@ 行 101: / 行 118: @@
 </code>
-====4/5 Wrap标签====
+<callout type="info" title="指定表格列宽" icon="true">
+默认情况下，表格会自动调整列宽。
-将Wrap标签（''%%<wrap>%%''和''%%</wrap>%%''）套在某段内容外，可以设置其排版格式。
+若要指定某些列的宽度，在表格第一行前加入以下语法：
-=== 基本语法 ===
+''%%|<100% 列宽1 列宽2 列宽3 ...>|%%''
+''100%''代表表格占页面宽度100%。列宽单位通常取''em''，1''em''大致等于1个汉字宽度。无需指定宽度的列可用''-''略去。末尾的''-''可省略。
+例如：''%%|<100% - 4em>|%%''的含义为指定**第二列**为''4em''宽，其余列视情况自动调整。
+</callout>
+<callout type="info" title="可排序表格" icon="true">
+要将表格中部分或全部列设为**可排序**，只需将''<sortable 3phase>''和''</sortable>''标签套在表格外。
+使用例：
+''%%<sortable 3phase sumrow=2 1=numeric 2=alpha 3=nosort>
+...
+</sortable>%%''
+其中，''sumrow=2''代表最后2行不参与排序，''1=numeric 2=alpha 3=nosort''分别指定了第1列、第2列、第3列的排序方式（按数字排序、按字母排序、不允许排序）。
+</callout>
+=====4/5 Wrap标签=====
+将Wrap标签（''%%<WRAP>%%''((块级元素，默认另起一行))或''%%<wrap>%%''((内联元素，和其它内容显示在同一行))）套在某段内容外，可以设置其排版格式。
+==== 基本语法 ====
 <code>
 <WRAP 属性1 属性2 属性3 ...> 任何你需要排版的内容 </WRAP>
+</code>
+<code>
+<wrap 属性1 属性2 属性3 ...> 任何你需要排版的内容 </wrap>
 </code>
-=== 常用功能 ===
+==== 常用功能 ====
 <accordion>
+<panel title="限制宽度">
+直接指定宽度（如''200px''或''70%''），可与其它属性一起使用（见下）。
+</panel>
 <panel title="分栏排版">
-<WRAP group>
+<WRAP col2 colmedium>
-<WRAP half column>
 我是第一个分栏~~
+我是第二个分栏~~
 </WRAP>
+<code>
+<WRAP col2 colmedium>
+我是第一个分栏~~
-<WRAP half column>
 我是第二个分栏~~
 </WRAP>
-</WRAP>
+</code>
+让内容分栏显示很容易！只需添加''colX''（X为理想列数，一般取2~4）与''colmedium''这两个属性即可。
+''colmedium''的作用是优化移动设备的显示效果（屏幕过窄时，合并为同一栏）。
+如果内容确定（基本不会增加/减少），也可以用以下格式：
 <code>
 <WRAP group>
@@ 行 137: / 行 195: @@
 </code>
-上述样例代码可在编辑工具栏<button type="info">纸盒工具</button>————><button type="info">分栏</button>下找到。
+half即50%，还有third((3分之1))、twothirds((3分之2))、quarter((25%))可选。每个''%%<WRAP group>%%''的总和必须是100%<wrap lo>发挥数学功底的时候到了</wrap>
-其中''half''为宽度（50%），可改为''quarter''（25%）、''third''（3分之1）、''twothirds''（3分之2）。必须保证同一个''WRAP group''里列宽总和为100%<wrap lo>展现数学功底的时候到了</wrap>。
+优点是能精确控制每一列的内容<wrap lo>缺点是格式繁琐且不适合经常改动的内容</wrap>
-可以嵌套多个''WRAP group''，达成更复杂的排版效果（参考[[:home|本站首页]]）。
+可以嵌套多个''%%<WRAP group>%%''以达成复杂的排版效果，如[[:home|本站首页]]。
 </panel>
@@ 行 173: / 行 231: @@
 </panel>
+<panel title="更多标签">
+这些是由<ff 'Georgia', serif>PVZ Wiki</ff>自定义的标签，用于在特定情况下达成需要的排版效果。如果你希望添加更多自定义样式，请在[[https://forum.pvz1.com/wiki/|讨论版]]留言。
+  * ''%%<wrap smallimg>%%''：让内部图片（无配字）在移动屏幕上显示为50%宽
+  * ''%%<WRAP centerimgbox>%%''：让内部一张或多张图片（有配字）居中显示
+     * 慎用。一般仅用于多张图片。单张图片的话，请先考虑居左/居右的环绕显示（配合''%%<WRAP clear/>%%''）
-<panel title="限制宽度">
-直接指定宽度（如''200px''或''70%''），可与其它属性一起使用。
 </panel>
 </accordion>
-====5/5 Bootstrap组件====
+=====5/5 Bootstrap组件=====
-<WRAP center round todo 70%>
+Boostrap组件在工具栏里显示为“B”：
-啊呀，似乎有谁在这里留了个坑……
-本条目需要**大量内容补充或整改**。你愿意来帮个忙吗？
+[{{:wiki:配图:截屏2022-12-10_20.40.40.png?nolink&400|编辑工具栏里的Bootstrap组件}}]
-</WRAP>
+==== 常用功能 ====
-====下一步……====
+<accordion>
+<panel title="手风琴">
+就是你现在看到的这个可折叠文本框组。
+</panel>
+<panel title="按钮、徽章与小标签">
+主要用于排版。<button type="info">按钮</button><badge>徽章</badge><label type="warning">小标签</label>
+</panel>
+<panel title="折叠文本">
+<btn type="primary" collapse="foo">【RE无神】屋顶C2的可能性？</btn>
+<collapse id="foo" collapsed="true"><well>
+前排说明：此阵其实不可无尽，冰瓜是拦不住红眼的。视频只有1F，而且开了巨人不丢小鬼。众所周知，神节奏C2成就了NE无神的出世，两仪无炮的传奇。然而，NE无神能运作C2，因为没有冰车；两仪无炮能运作C2，因为核弹丢在水里。如果有了冰车，C2还能打出来吗？答案是：可以！</well></collapse>
+</panel>
+<panel title="引起注意">
+<callout type="warning" title="引用源" icon="true">
+在这里插入链接……
+</callout>
+</panel>
+<panel title="提示">
+<popover trigger="hover" title="我是标题" content="我是内容">
+<btn type="success">悬停时显示</btn>
+</popover>
+<popover title="我是标题" content="我是内容">
+<btn type="danger">再次点击按钮时关闭</btn>
+</popover>
+<popover placement="bottom" content="我是内容" trigger="focus">
+<btn>向下看齐</btn>
+</popover>
+</panel>
+<panel title="图片轮播">
+<carousel interval="1000">
+<slide>{{:wiki:logo.png?nolink|}}</slide>
+<slide>{{:wiki:logo.png?nolink|}}</slide>
+<slide>{{:wiki:logo.png?nolink|}}</slide>
+</carousel>
+</panel>
+<panel title="标签页">
+可用在信息框中。
+<tabs>
+  * [[#tab-foo|QQ头像]]
+  * [[#tab-bar|贴吧头像]]
+<pane id="tab-foo">
+{{read-only:logo:sunflower.png?nolink}}
+</pane>
+<pane id="tab-bar">
+{{read-only:logo:peashoot.png?nolink}}
+</pane>
+</tabs>
+</panel>
+<panel title="信息框">
+创建新页面时，会自带一个信息框。
+''%%<thumbnail>%%''标签为信息框专用，请根据模板提供的格式填入信息，不要随意修改。
+</panel>
+</accordion>
+> 这里仅说明了最常用的功能。所有Bootstrap组件都有详细说明与使用范例，可以点进工具自行查看。
+=====下一步……=====
 恭喜！你已经掌握了编辑Wiki所需的语法知识。
-正式开始之前，还请阅读<ff serif>PVZ Wiki</ff>的[[wiki:编辑规范|编辑规范]]。这将会事半功倍，省去很多麻烦和不愉快。
+正式开始之前，还请阅读<ff 'Georgia', serif>PVZ Wiki</ff>的[[wiki:编辑规范|编辑规范]]。这将会事半功倍，省去很多麻烦和不愉快。
+=====了解更多=====
+本小节列出了一些对于编辑词条不必要，但还是有必要知道一下的<ff 'Georgia',serif>PVZ Wiki</ff>小贴士。
+   * 上传头像：在<badge>user</badge>命名空间下上传以自己用户名为文件名的图片
+     * 如用户名为username，则在<badge>user</badge>命名空间下上传''username.jpg/png''
+   * 点击右侧工具栏<button type="info">订阅本页更改</button>，可以订阅当前页面或当前命名空间的更改（以邮件形式发送）
+   * 提交编辑时，可勾选“细微修改”，以示此次改动内容不多，例如错别字更正、格式改动、文本顺序调整等