wiki:使用指南

版本差异

到此差别页面的链接

两侧同时换到之前的修订记录 前一修订版
后一修订版
前一修订版
wiki:使用指南 [2022/12/11 11:21] OTZzzzwiki:使用指南 [2024/10/24 08:30] (当前版本) – [常用的非工具栏功能] OTZzzz
行 1: 行 1:
-~~NOTOC~~ +======想写维基吗?请从第一行开始阅读======
-=====想写维基吗?请从第一行开始阅读=====+
  
-欢迎来到<ff serif>PVZ Wiki</ff>+欢迎来到<ff 'Georgia', serif>PVZ Wiki</ff>
  
 开始编辑之前,请<wrap em>务必通读本文</wrap>,切勿在不理解维基语法的情况下强行编写词条,于己于人都无益。 开始编辑之前,请<wrap em>务必通读本文</wrap>,切勿在不理解维基语法的情况下强行编写词条,于己于人都无益。
  
-====1/5 命名空间====+=====1/5 命名空间=====
  
 <wrap em>所有</wrap>页面都存放在不同的[[doku>zh:namespaces|命名空间]](类似文件夹)下。 <wrap em>所有</wrap>页面都存放在不同的[[doku>zh:namespaces|命名空间]](类似文件夹)下。
行 14: 行 13:
 可选择的命名空间:<badge>人物</badge> <badge>阵型</badge> <badge>事件</badge> <badge>攻略</badge> <badge>社群</badge> <badge>重定向</badge> <badge>消歧义</badge> 可选择的命名空间:<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😈   * 无序列表、有序列表、分隔线、表情:-o、emoji😈
 +
   * 文字<fc #ff0000>颜色</fc>、<fs large>大</fs><fs small>小</fs>   * 文字<fc #ff0000>颜色</fc>、<fs large>大</fs><fs small>小</fs>
 +
   * 图片(上传或粘贴均可)[{{:wiki:logo.png|1437大帝}}]   * 图片(上传或粘贴均可)[{{:wiki:logo.png|1437大帝}}]
 <code> <code>
-源代码:[{{:wiki:logo.png|1437大帝}}] +有配字:[{{:wiki:logo.png|1437大帝}}] 
-如果不需要配字,把最外层方括号去掉即可+配字:{{:wiki:logo.png}}
 </code> </code>
- +   * 使用空格改变图片的对齐方式[{{  :wiki:logo.png|右对齐的1437大帝}}] 
-===常用的非工具栏功能===+<code> 
 +[{{  :wiki:logo.png|右对齐的1437大帝}}] 
 +左边空两格,就是靠右对齐 
 +</code> 
 +   * 编辑栏右下角可以调整编辑栏长度,并设置是否自动换行 
 +[{{:wiki:配图:编辑栏工具.png?direct&150|分别为:加长、缩短、切换换行方式}}] 
 +====常用的非工具栏功能====
   * 换行需要<wrap em>两个</wrap>回车,单个回车会被无视   * 换行需要<wrap em>两个</wrap>回车,单个回车会被无视
-    * ''%%\\ %%''<wrap lo>注意空格</wrap>可以强制回车,<wrap em>切勿滥用!</wrap>一般只用在表格里+    * ''%%\\ %%''<wrap lo>注意有一个空格</wrap>可以强制回车,<wrap em>切勿滥用!</wrap>一般只用在表格里 
   * 在双层英文括号<nowiki>(())</nowiki>里插入脚注((就像这样))   * 在双层英文括号<nowiki>(())</nowiki>里插入脚注((就像这样))
 +
   * 开头缩进两个空格的段落为引用段   * 开头缩进两个空格的段落为引用段
  
   在引用段内部,**维基语法无效**   在引用段内部,**维基语法无效**
-  
-  * 使用一个或多个%%>%%引起读者注意 
  
-就像这样!+  * 用''<code>''插入代码块:<code>我是代码</code>
  
-===其它常用功能===+  * 书写LaTeX:$a^2+b^2=c^2$ 
 +====其它常用功能===
 + 
 +[{{  :wiki:配图:wrap工具.40.51.png?nolink&400|工具栏内的“纸盒”工具}}]
  
   * 使用<button type="info">纸盒工具</button>设置<wrap em>警告</wrap>、<wrap hi>高亮</wrap>、<wrap lo>黑幕</wrap>等样式:   * 使用<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/>
 效果如下: 效果如下:
  
-~~SNIPPET_O1670728885~~snippet:优秀条目~~ 
-{{tag>[优秀条目]}} 
 <WRAP center round tip 70%> <WRAP center round tip 70%>
 经OP鉴定,本词条内容清晰,排版优美,是值得参考的优秀范例。 经OP鉴定,本词条内容清晰,排版优美,是值得参考的优秀范例。
 </WRAP> </WRAP>
-~~SNIPPET_C~~snippet:优秀条目~~ 
  
-> 请优先使用快捷文本里预设的提示,不要自建提示。+<callout type="warning" title="自建提示" icon="true"> 
 +对于页顶提示,请优先使用快捷文本里预设的提示,不要自建提示。
  
-====3/5 表格====+如果想在正文部分里插入提示,请使用Bootstrap组件(见[[wiki:使用指南#bootstrap组件|下文]])里的<button type="info">引起注意</button>,也就是本提示框的效果。 
 +</callout> 
 +=====3/5 表格=====
  
 使用简单的语法便可创建表格。 使用简单的语法便可创建表格。
行 90: 行 108:
 表格的每一行都由''^''或''|''打头,各单元格之间也由它们隔开。它们的唯一区别是''^''后的单元格会**加粗**。 表格的每一行都由''^''或''|''打头,各单元格之间也由它们隔开。它们的唯一区别是''^''后的单元格会**加粗**。
  
-空格数量决定了单元格的对齐方式。只需在文本的反方向加至少两个空格:若要左对齐,在右边添加至少两个空格;反之,在左边添加;在两边均添加空格则为居对齐。+空格数量决定了单元格的对齐方式。只需在文本的反方向加至少两个空格:若要左对齐,在右边添加至少两个空格;反之,在左边添加;在两边均添加至少两个空格则为居对齐。
  
 ^           有对齐的表格                   ^^^ ^           有对齐的表格                   ^^^
行 104: 行 122:
 </code> </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> <code>
 <WRAP 属性1 属性2 属性3 ...> 任何你需要排版的内容 </WRAP> <WRAP 属性1 属性2 属性3 ...> 任何你需要排版的内容 </WRAP>
 +</code>
 +<code>
 +<wrap 属性1 属性2 属性3 ...> 任何你需要排版的内容 </wrap>
 </code> </code>
  
-=== 常用功能 ===+==== 常用功能 ====
  
  
 <accordion> <accordion>
 +<panel title="限制宽度">
 +
 +直接指定宽度(如''200px''或''70%''),可与其它属性一起使用(见下)。
 +
 +</panel>
 <panel title="分栏排版"> <panel title="分栏排版">
-<WRAP group> +<WRAP col2 colmedium>
-<WRAP half column>+
 我是第一个分栏~~ 我是第一个分栏~~
 +
 +我是第二个分栏~~
 </WRAP> </WRAP>
 +<code>
 +<WRAP col2 colmedium>
 +我是第一个分栏~~
  
-<WRAP half column> 
 我是第二个分栏~~ 我是第二个分栏~~
 </WRAP> </WRAP>
-</WRAP>+</code> 
 + 
 +让内容分栏显示很容易!只需添加''colX''(X为理想列数,一般取2~4)与''colmedium''这两个属性即可。 
 + 
 +''colmedium''的作用是优化移动设备的显示效果(屏幕过窄时,合并为同一栏)。 
 + 
 +如果内容确定(基本不会增加/减少),也可以用以下格式:
 <code> <code>
 <WRAP group> <WRAP group>
行 140: 行 199:
 </code> </code>
  
-其中''half''为宽度(50%可改为''quarter''(25%)、''third''3分之1''twothirds''3分之2必须保证同一个''WRAP group''里列宽总和100%<wrap lo>展现数学功底的时候到了</wrap>+half50%,还有third((3分之1))、twothirds((3分之2))、quarter((25%))可选个''%%<WRAP group>%%''总和必须是100%<wrap lo>发挥数学功底的时候到了</wrap>
  
-可以嵌套多个''WRAP group''达成复杂的排版效果(参考[[:home|本站首页]]+优点是能精确控制每一列的内容<wrap lo>缺点是格式繁琐且不适合经常改动的内容</wrap> 
 + 
 +可以嵌套多个''%%<WRAP group>%%''达成复杂的排版效果,如[[:home|本站首页]]。
 </panel> </panel>
  
行 174: 行 235:
  
 </panel> </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> </panel>
 +
 </accordion> </accordion>
  
-====5/5 Bootstrap组件====+=====5/5 Bootstrap组件=====
  
 +Boostrap组件在工具栏里显示为“B”:
  
-~~SNIPPET_O1670728885~~snippet:需要填坑~~ +[{{:wiki:配图:截屏2022-12-10_20.40.40.png?nolink&400|编辑工具栏里的Bootstrap组件}}]
-{{tag>[待填坑]}} +
-<WRAP center round todo 70%> +
-啊呀,似乎有谁在这里留了个坑……+
  
-本条目需要**大量内容补充或整改**。你愿意来帮个忙吗? +==== 常用功能 ====
-</WRAP> +
-~~SNIPPET_C~~snippet:需要填坑~~+
  
 +<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所需的语法知识。 恭喜!你已经掌握了编辑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>,可以订阅当前页面或当前命名空间的更改(以邮件形式发送) 
 +   * 提交编辑时,可勾选“细微修改”,以示此次改动内容不多,例如错别字更正、格式改动、文本顺序调整等
  • 最后更改: 23月前
  • OTZzzz 修改