编辑文档

^编 ^刷 ^历

首页 > 公告 > 编辑文档

如果是第一次来，按"Ctrl+D"可以收藏随时查看更新~觉得WIKI好玩的话，请推荐给朋友哦～(◕ω＜)☆
按右上角“WIKI功能→编辑”即可修改页面内容。

前言

本文为维基编辑常用操作，更多内容进入BWIKI帮助目录查看

文字

Ⅰ.创建和编辑

创建

首页找到创建新页面，输入标题创建页面进行编辑发布，标题名要简洁明了

编辑

右上角找到[WIKI功能]进行页面操作，或者按快捷键[Shift+Alt+E]进入页面编辑
编辑框上方选择[快捷插入]可以快捷插入语法

Ⅱ.目录

无目录

文章开始的上一行放入__NOTOC__隐藏目录

默认目录

文章标题超过3个时，页面会自动在首个标题的顶部显示默认样式的目录
使用__TOC__在页面强制生成一个目录
- 安装滚动目录工具后，会变为可靠边隐藏的悬浮目录(本WIKI已启用)

左侧目录

使用语法{{左侧目录|开始}}正文内容{{左侧目录|结束}}

Ⅲ.提示

{{提示|颜色|内容|第一句话|宽度=提示板宽度}}

详见模板:提示

颜色:常用的有绿色、蓝色、黄色、红色,默认为红色.
内容:填写想要在信息框内展示的文本内容.
第一句话:自带加粗换行变色（同左侧线条颜色）
提示板宽度:不填则空，默认为800px

Ⅳ.标题

标题可以使用等号“=”进行创建。
一级标题是页面名称，请从二级标题开始。
标题写法要独立占一行才能生效。

=一级标题=

==二级标题==

===三级标题===

====四级标题====

Ⅴ.字体

字体样式

类别	语法	效果	说明
粗体文字	'''要加粗的文字'''	要加粗的文字	也可以通过本WIKI的编辑工具进行编辑： 1.用鼠标选中要改变样式的文字 2.点击
斜体文字	''要倾斜的文字''	要倾斜的文字	也可以通过本WIKI的编辑工具进行编辑： 1.用鼠标选中要改变样式的文字 2.点击
粗斜体文字	'''''又粗又斜的文字'''''	又粗又斜的文字
划掉文字	<s>划掉</s>	划掉
删除线文字	<del>删除线</del>	~~删除线~~
下划线文字	<u>下划线</u>	下划线

字体颜色

简单颜色
- 红色/灰色/蓝色/黑色/白色/绿色/黄色需要变色的文字
颜色代码
- 使用语法需要变色的文字

字体放大
- 使用语法<big>要放大的文字</big>
- 支持多重放大，如 <big><big>要放大的文字</big></big>
字体缩小
- 使用语法要缩小的文字
- 支持多重缩小，如要缩小的文字
- 缩小至最小字号即不再缩小
直接定义字体大小
- 使用html代码要定义大小的文字
- size为字体大小的尺寸

角标

这是文字^New

Ⅵ.换行和排序

换行

2个回车或者用代码 进行换行

排序

1.有序列表语法使用井号[#]

#文字
#文字
##文字
###文字
####文字

效果

文字
文字
1. 文字
  1. 文字
    1. 文字

2.无序列表语法使用星号[*]

*文字文字
**文字文字
*文字文字
**文字文字
***文字文字
****文字文字

效果
文字文字
- 文字文字
文字文字
- 文字文字
  - 文字文字
    - 文字文字

3.缩进语法使用冒号[:]

没有缩进
:缩进1格
::缩进2格
:::缩进3格
::::缩进4格

效果

没有缩进

缩进1格

缩进2格

缩进3格

缩进4格

Ⅶ.投票

<div class="alert alert-info" role="alert" style="font-family:KaiTi;font-size:20px;font-weight:bold;">
<center><u>投票标题</u></center>
此处为
投票说明
</div>
<poll show-results-before-voting=0 id="20180223" endtime=2018-02-25>
给喜欢的投上一票吧！
投票选项1
投票选项2
投票选项3
投票选项4
投票选项5
</poll>
<bstyle>

#firstHeading2 {display: none}

</bstyle>

示例：碧蓝航线WIKI同人作品投票

Ⅷ.引用

<ref>[链接链接页面名]</ref>

文章引用内容，适用于页面部分内容引用外部内容（如一段话，引用了一篇文章），使文章有参考资料可查，内容更具可信度。
在页面最底部添加标题栏[==外链与注释==]

Ⅸ.段落

感谢突击莉莉WIKI

<div class="wai">
<div class="test" style="width:100%">
这里是段落文本
</div>
</div>

<bstyle>
.wai{
padding:1em;
background-color:rgb(47,83,123);
}
.test{
color:white;
margin:0em 1em;
padding:0em 2em;
border-left:solid orange 3px;
}
</bstyle>

示例：

这里是段落文本

图片

上传

快捷栏点击上传按钮，详见[BWIKI帮助:上传图片]

使用

上传的图片会存于WIKI的服务器中，通过图片的文件名，可以进行反复调用/使用，请勿使用同名文件，可在特殊:文件列表搜索查看

[[file/文件:文件名.png|显示的文件名|thumb|600px|center|link=图片链接地址]]

说明：
- 文件名：上传到WIKI时，图片的文件名
- png：图片的文件格式，可用[jpg/png/gif]等
- 显示的文件名：鼠标置于图片上显示的文字，可修改
- thumb：带文本框的图片，默认置右，且图片较小
- 600px：图片的尺寸，不要超过页面宽度1160px，为照顾手机端浏览请设置为[400px]以内
- center：图片在页面中的位置，可修改，[置中：center]、[置左：left]、[置右：right]、none
- link=图片链接地址：点击图片后连接的地址，可直接写网页链接，本WIKI内地址填写页面名即可
注：以上内容除图片的文件名和文件格式外，可随意添加或删除；文件格式后面的控制参数没有特定的排序，多个同类参数只有第一个会生效，不填为默认

进阶

详见[BWIKI帮助:图像]

视频

Ⅰ.视频插入

1.模板1

<div class="newplayer">
<bvideo class="video-player" src="//www.bilibili.com/blackboard/newplayer.html?bvid=BV号&page=1" > </bvideo>
</div>

末尾替换说明

aid=av号，bvid=bv号，或aid=av号&bvid=bv号

示例

2.模板2

{{B站视频|aid/a/bvid/b/1|cid/c|page/p/2|title/t/3|width/w/4|height/h/5}}

说明

aid：av号，如：av123456 或 123456
bvid：bv号，如：BV11x222y3z4 或 11x222y3z4
aid或bvid必须填一个
cid：视频唯一编号
page：分P号，默认不填即为1
width和height：视频宽度和高度，默认不填为638*359

示例

示例1

{{B站视频|BV1xK411F7vT|w=638|h=359}}

示例2

{{B站视频|BV1xK411F7vT|1|牛头人预告|720<!--视频宽度，不用改-->|360<!--视频高度，不用改-->}}

Ⅱ.音频插入

通用音频

{{Audio|file|panel|button|progress|dot|bar}}

1.说明

必填
- file：音频文件名，如xxx.mp3、xxx.ogg等……
选填
- panel：主面板背景、边框等css样式
- button：播放按钮css样式
- progress：进度条背景css样式
- dot：进度点css样式
- bar：进度条css样式

2.示例

示例1

{{Audio|文件名.mp3}}

示例2

{{Audio
|file=文件名.mp3
|panel=background:#3c6;border:1px solid #63c;border-radius:0;
|button=background-color:#36c;border-radius:15px;
|progress=background:#eee;
|dot=background:#0f0;
|bar=background:#00f;
}}

网易云音乐调用

基础：

{{网易云音乐|id=网易云id}}

小尺寸： 类型=歌单或类型=专辑或类型=电台歌单时无效

{{网易云音乐|小|id=网易云id}}

自定义宽度：普通和歌单默认值为310，小尺寸默认值为278

{{网易云音乐|id=网易云id|宽度=200}}

歌单：

{{网易云音乐|类型=歌单|id=网易云id}}

专辑：

{{网易云音乐|类型=专辑|id=网易云id}}

电台：

{{网易云音乐|类型=电台|id=网易云id}}

电台歌单：

{{网易云音乐|类型=电台歌单|id=网易云id}}

自定义高度：只有类型=歌单或类型=专辑或类型=电台歌单时有效，默认值为430

{{网易云音乐|类型=歌单|高度=600|id=网易云id}}

表格

创建

在快捷栏选择[高级]后点击[田]字形图标创建，也可以使用站外可视化编辑工具mediawiki_tables编辑器，或使用语法：

{| class="wikitable"
|-
! 标题文字 !! 标题文字 !! 标题文字
|-
| 示例 || 示例 || 示例
|-
| 示例 || 示例 || 示例
|-
| 示例 || 示例 || 示例
|}

代码说明：

{|：表格起始，必需，可以在这一行添加整个表格的预制样式
- 例如{|class="wikitable"，wikitable是mediawiki预制好的整体表格样式。
- 在这一行里还可以添加style="...."来定义表格内的元素。具体语法需要查阅css和html相关的文档。
|+：表格标题，选用
- 每张表格只能出现一次且介于表格起始与第一行，是表格内容外的一个表格标题。
|-：表格行，第一行选用
- wiki 引擎会假设是第一行，可以在这一行里添加style="...."来控制这一行的行内样式
英文感叹号!：表格标题，储存格，选用
- 可以使用[!!]在同一行加入接续的表格标题或是单独使用[!]换新的一行。
|：表格数据调用，可选
- 可以使用[||]接续表格资料储存格或是单独使用[|]。
|}：表格末尾，必要

仅横线

<br>
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
<table class="table table-hover skillg"  style="word-break:break-all; word-wrap:break-all;">
	
			<tr>
				<th width="10%">1</th>
				<th width="10%">2</th>
          <th width="60%">3</th>
				<th width="20%">4</th>
			</tr>

行列合并与冻结

合并
- 合并行：rowspan="格数" | 文字内容
- 合并列：colspan="格数" | 文字内容
冻结

<div id="tableScroll">
{| class="table"
|-
! style="left: 0px" | Title1
! style="left: 200px" | Title2
! Title3 || Title4 || Title5 || Title6 || Title7 || Title8 || Title9 || Title10
{{#loop:i|1|5|
{{!}}-
{{!}} style="left: 0px" {{!}} Title1
{{!}} style="left: 200px" {{!}} Title2
{{!}} Title3 {{!}}{{!}} Title4 {{!}}{{!}} Title5 {{!}}{{!}} Title6 {{!}}{{!}} Title7 {{!}}{{!}} Title8 {{!}}{{!}} Title9 {{!}}{{!}} Title10
{{!}}-
}}
|}
</div>

{{#css:
#tableScroll{overflow:auto;width:100%;height:200px;border:1px solid gray}
#tableScroll table{table-layout:fixed;width:100%;border-collapse:separate;border-spacing:0}
#tableScroll tr,#tableScroll th,#tableScroll td{border:1px solid gray}
#tableScroll tr th{position:sticky;top:0}
#tableScroll th{background-color:#E2E9F1}
#tableScroll th,#tableScroll td{width:200px}
#tableScroll th:not(:first-child){z-index:1}
#tableScroll th:nth-child(1),#tableScroll th:nth-child(2){z-index:3}
#tableScroll td:nth-child(1),#tableScroll td:nth-child(2){background-color:#E2F9F1}
#tableScroll :nth-child(1),#tableScroll :nth-child(2){position:sticky;z-index:2}
}}

示例：见冻结表格

滚动和折叠

1.滚动

模板1

<div class="table" style="overflow: auto; overflow-x: hidden;">
<div class="table-scroll" style="overflow: scroll;">
<div class="table-content" style="width: 800px; min-width: 100%; table-layout: fixed;">
表格内容
</div>
</div>
</div>

示例：见页面Mods

模板2

<!-- 此处是为了大屏幕设置的显示表格，下面有为了移动端做了适配的表格，修改时要两处一起修改内容 -->
<div class="visible-md visible-sm visible-lg">
{| class="wikitable"
! colspan=5 | 文字
|-
| colspan=3 style="text-align:center;color:blue"| 标题文字
| colspan=2 style="background:white;text-align:center;font-weight:bold"| 标题文字
|-
!style="width:7em"| 标题文字
!style="width:9em"| 标题文字
!style="width:7em"| 标题文字
!style="width:7em"| 标题文字
!style="width:auto"| 标题文字
|-
| colspan=5 style="padding:0px"|
{| class="wikitable" style="text-align:center;display:block;max-height:400px;overflow-y:scroll;margin:0px -1px;border:0px"
|style="width:7em"| 示例
|style="width:9em"| 示例
|style="width:7em"| 示例
|style="width:7em"| 示例
|style="width:9em"| 示例
|-
| 示例 || 示例 || 示例 || 示例 || 示例
|-
| 示例 || 示例 || 示例 || 示例 || 示例
|-
| 示例 || 示例 || 示例 || 示例 || 示例
|-
|}
|}
</div>

<!-- 此处是为了移动端做了适配的表格，但目前的显示效果不太好 -->
<div class="visible-xs">
{| class="wikitable" style="width:100%"
! colspan=5 | 标题文字
|-
| colspan=3 style="text-align:center;color:red"| 标题文字
| colspan=2 style="background:white;text-align:center;font-weight:bold"| 标题文字
|-
!style="width:80px"| 标题文字
!style="width:100px"| 标题文字
!style="width:80px"| 标题文字
!style="width:100px"| 标题文字
!style="width:auto"| 标题文字
|-
| colspan=5 style="padding:0px"|
{| class="wikitable" style="text-align:center;display:block;max-height:400px;overflow-y:scroll;margin:0px -1px;border:0px"
|style="width:80px"| 示例
|style="width:100px"| 示例
|style="width:80px"| 示例
|style="width:100px"| 示例
|style="width:100px"| 示例
|-
| 示例 || 示例 || 示例 || 示例 || 示例
|-
| 示例 || 示例 || 示例 || 示例 || 示例
|-
| 示例 || 示例 || 示例 || 示例 || 示例
|-
|}
|}
</div>

示例：

文字

标题文字

示例	示例	示例	示例	示例
示例	示例	示例	示例	示例
示例	示例	示例	示例	示例
示例	示例	示例	示例	示例