-

bugfix250729.1
全站通知:

拉格朗日WIKI编辑手册2.0

来自无尽的拉格朗日-星际猎人WIKI_BWIKI_哔哩哔哩
跳到导航 跳到搜索

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

前言

在对本WIKI进行修改创作前请确认你已经注册并登录B站账户

本编辑手册为2.0版本,手册可能有编辑缺漏,若是在编辑中发现有些编辑问题在本手册中未提及,可自行在在本手册中直接补上缺漏的编辑问题,或者请前往编辑群告知守望宝岛

编辑原则




编辑图例(必看)

:进阶内容,例如模板等,需要有一定编辑经验,建议新人熟悉基础编辑后再进行该部分内容的学习与尝试
:高级内容,例如手动控制布局,需要具备一定的HTML/CSS能力。

攻略投稿

在WIKI上新建攻略/文章

  • 首先在首页找到,攻略创建入口,如图,在首页左下角处
    • 填写好页面/文章标题,点击创建页面

创建攻略示范页面.png

投稿区

此为投稿区,也可以从这里开始创建新页面

投稿的攻略文章会进入待审核攻略页面。:待审核
文章类
视频类

基础编辑

页面

创建新页面

当你打开一个当前并不存在的页面时,BWiki会自动跳转到页面创建。
例如:

此页面目前没有内容。 您可以在其他页面中搜索本页标题搜索相关日志创建本页面

点击创建本页面来创建这个页面。

或者,你可以在页面顶部导航栏右侧的搜索框中,输入页面的标题并搜索。
若这个页面不存在,则搜索页面会显示:

在本Wiki上新建名为“不存在的页面”的页面!另请查看您的搜索找到的结果。

点击不存在的页面链接,来创建这个页面。
当某个已经存在的页面中,包含指向某个不存在的页面的链接时,你也可以通过点击这个链接来创建页面。

页面测试

①如果要在WIKI测试功能或者其他方面可以建立个人用户页,在个人用户页面下进行相关编辑

https://wiki.biligame.com/wjdlglr/用户:B站uid/测试

例如:https://wiki.biligame.com/wjdlglr/用户:604745052/测试

对于不确定的内容,可以选择创建“讨论”页,内容确定后再讲讨论页移动/重定向至主空间页面

https://wiki.biligame.com/wjdlglr/讨论:任意名称

例如:https://wiki.biligame.com/wjdlglr/讨论:首页
PS:讨论后面的冒号必须是英文冒号,如果使用中文冒号,那么创建的就是名字叫“讨论:测试”的主空间页面,而非专门用来测试“讨论:测试”的讨论页

编辑页面

  • 上方红框为部分编辑格式以及模板,下方红框开始正文,灵活运用面板左下角的 显示预览 按钮以达到更好的显示效果。

段落编辑

段落编辑是常用的编辑方法,可以避免和他人的编辑产生冲突并减少编辑时浏览器的运行负载。
该方法仅推荐在编辑文章类页面使用,图鉴类页面普遍使用了缝合模板,段落编辑容易变成编辑模板内容而非页面内容
点击标题右边的编辑可以进入当前段落的编辑页面以进行修改。

如果页面不需要大幅度修改,那么普遍会加上__NOEDITSECTION__用于隐藏段落编辑


PC端(推荐)

维基主要适配PC端,移动端可能会存在某些未知BUG,建议各位编辑者在PC端编辑
如果想要编辑一个已经存在的页面,请将鼠标移动到页面右上角的WIKI功能按钮,在弹出的下拉菜单中点击编辑按钮,没有权限参与编辑将会显示查看源代码
进入编辑模式,可以按下CTRL + F,使用页面搜索功能快速定位到你要修改的位置,进行修改。

编辑教程2.png
移动端

因为BWiki的小屏自适应布局的原因,移动端相对于PC端编辑不是很方便,但相应的编辑按钮更为显眼,在页面最上端可以看到有个按钮(红色区域),点击即可进入编辑模式。
另外,大多数页面携带了{{面包屑}}模板,所以会多一个页面编辑按钮(黄色区域),两个区域作用相同

编辑教程3.png
表格左列为WIKI源代码,右列为渲染结果。部分可能导致当前文章排版混乱的内容使用图片替代。

文章分节

你输入的内容 你看到的显示
=一级标题=
 
==二级标题==
 
一般来说,一级标题是页面名称,非必要情况下请从二级标题开始用起。<br>
 
有四个以上标题的页面会自动生成一个目录。<br>
 
这个自动生成的目录可以通过书写_NOTOC_来隐藏。<br>
 
===三级标题===
 
输入更多的“等于号”(=)可以创建更多下一级标题。<br>
 
====四级标题====
 
非必要情况下,请不要跳跃标题等级,例如二级标题之下直接就是四级标题,而没有三级标题。
WIKI编辑教程-章节标题-展示

更换标题样式

上面展示的是平台默认标题样式,本站对标题样式进行了部分修改,并整合成了预设模板,在页面内使用时可直接在页面底部加{{预设标题样式}}或者{{预设标题样式/活动}}

如果需要进一步修改样式,可在页面下方加上标题样式代码,更换当前页面的标题样式,示例如下
以{{预设标题样式/活动}}为例

<bstyle>
/* ===== 一级标题(h1)样式 ===== */
.mw-body-content h1 {
    font-family: Reeji-CloudSongDa-GB-Regular; /* 使用指定的中文字体(Reeji云宋体) */
    font-size: 24px; /* 字体大小为24像素 */
    color: rgba(0, 0, 0, 0.85); /* 字体颜色为接近黑色的透明度85%的颜色 */
    line-height: 32px; /* 行高为32像素,使文本垂直方向更均衡 */
}
/* ===== 二级标题(h2)样式 ===== */
/* 选择所有h2,但排除id为mw-toc-heading和类为not-h2-style的元素 */
.mw-body-content h2:not(#mw-toc-heading):not(.not-h2-style) {
    margin: 15px 0px 20px 0; /* 上边距15px,下边距20px,左右无边距 */
    border: none; /* 无边框 */
    background: url(https://patchwiki.biligame.com/images/wjdlglr/f/f0/9lmnzk77uhhn1dma6smehl7lr40s47c.png) no-repeat center top; /* 使用指定图片作为背景,不重复,居中顶部对齐 */
    background-size: 100% 40px;  /* 背景图宽度100%,高度40px */
    font-family: inherit; /* 继承父级字体 */
    font-size: 18px; /* 字体大小为18像素 */
    height: 38px; /* 元素整体高度为38像素 */
    line-height: 38px; /* 行高等于高度,使文字垂直居中 */
    font-weight: bold; /* 字体加粗 */
    text-align: center; /* 文本水平居中 */
    color: #ba7920; /* 字体颜色为金棕色 */
    letter-spacing: 1px; /* 字母间距为1像素 */
}
/* ===== 三级标题(h3)样式 ===== */
.mw-body-content h3 {
    margin: 15px 0 10px 0; /* 上边距15px,下边距10px,左右无边距 */
    padding: 0; /* 无内边距 */
    border: none; /* 无边框 */
    background: url(https://patchwiki.biligame.com/images/wjdlglr/0/0d/ldqgiasckrczkoui1wcjse7ntye5htt.png) no-repeat center top; /* 使用特定背景图片,居中顶部对齐 */
    background-size: 100% 20px;  /* 背景图片拉伸到宽100%,高20px */
    font-size: 16px;   /* 字体大小为16像素 */
    height: 32px;      /* 元素高度为32像素 */
    line-height: 20px; /* 行高为20px,使文字在背景内大致垂直居中 */
    font-weight: bold; /* 字体加粗 */
    text-align: center; /* 文本水平居中 */
    color: #3D8588;    /* 字体颜色为青绿色 */
    letter-spacing: 1px; /* 字符间距为1像素 */
}
/* ===== 四级标题(h4)样式 ===== */
.mw-body-content h4 {
    margin: 10px 0 5px 0; /* 上边距10px,下边距5px,左右无边距 */
    padding: 0; /* 无内边距 */
    text-indent: 25px;  /* 首行缩进25像素,使文字右移 */
    background: url(https://patchwiki.biligame.com/images/wjdlglr/3/30/7tp8d0wkqv08rnb1fgxw10qbky0wrf4.png) no-repeat 0/30px; /* 左侧设置一个30px大小的图标背景 */
    line-height: 35px; /* 行高为35像素,使文字与图标垂直居中 */
    font-weight: bold; /* 字体加粗 */
    color: #ba7920; /* 字体颜色为金棕色,与h2保持一致 */
    font-size: 15px; /* 字体大小为15像素 */
}
</bstyle>

括号中的链接表示标题样式图片的地址,其样式效果如下




会美工的编辑者如果觉得这个标题样式图片不好看,那可以自行上传样式图片,然后更换当前页面的标题样式图片链接。
PS:没有维基编辑经验的建议先去编辑群里问下再更换标题样式链接,避免样式混乱(当然,直接问AI也行)

如果你在某些页面中发现标题样式更改了但页面底部未发现当前页面的标题样式代码,那说明该代码合并到当前页面使用的模板中了(比如某些图鉴页)

如果不想修改样式,请直接使用预设的{{预设标题样式}}或{{预设标题样式/活动}}作为页面标题样式

行与段落

你输入的内容 你看到的显示
使用<code><br /></code>标记来换行。<br />
这样换行后的内容仍在'''同一段落'''内。

使用<br />标记来换行。
这样换行后的内容仍在同一段落内。

或者使用编辑工具栏-快速编辑-常用格式中的“换行”<code><br></code>来换行,比较便捷

或者使用编辑工具栏-快速编辑-常用格式中的“换行”<br>来换行,比较便捷

你输入的内容 你看到的显示
* 星号(*)其实是符号列表。
** 但不知道为什么这个WIKI的列表,
*** 并不显示前面的列表前面的圆点。
**** 这很糟糕。
但更糟糕的是一些人通过符号列表来对文章换行。
* '''请务必不要这么做!'''
  • 星号(*)其实是符号列表。
    • 但不知道为什么这个WIKI的列表,
      • 并不显示前面的列表前面的圆点。
        • 这很糟糕。

但更糟糕的是一些人通过符号列表来对文章换行。

  • 请务必不要这么做!
# 井号(#)是数字列表。
## <del>曾经</del>每一行前面都有一个数字序号。
##* 甚至可以将数字列表与符号列表混用。
##*# <del>然并卵。</del>
同样,'''请勿用数字列表来换行和缩进!'''
  1. 井号(#)是数字列表。
    1. 曾经每一行前面都有一个数字序号。
      • 甚至可以将数字列表与符号列表混用。
        1. 然并卵。

同样,请勿用数字列表来换行和缩进!

请使用英文冒号,中文冒号就是普通的冒号,没有语法功能

: 冒号(:)最大的贡献是
:: 缩进!
::: 可以缩进到让你满意。
'''请用冒号(:)来缩进''',而不是用星号(*)或井号(#)!
冒号(:)最大的贡献是
缩进!
可以缩进到让你满意。

请用冒号(:)来缩进,而不是用星号(*)或井号(#)!

协议签署方
----
名字

协议签署方


名字

快速编辑

编辑工具栏中“高级”和“快速插入”功能区覆盖了本站绝大多数的格式,新人编辑可直接在编辑工具栏中寻找自己想要的格式,鼠标悬停在上面就知道对应的效果了,不用一直记上面的

文字样式

你输入的内容 你看到的显示
''斜体''

'''粗体'''

'''''粗斜体'''''

斜体

粗体

粗斜体

<b>粗体</b>

<i>斜体</i>

<strong>强调</strong>

<s>划掉</s>

<del>删除线</del>

<code>代码</code>

<u>下划线</u>

粗体

斜体

强调

划掉

删除线

代码

下划线

<nowiki>不进行''wiki''解析</nowiki>

不进行''wiki''解析

模板文字样式

你输入的内容 你看到的显示
这是普通文字。{{黑幕|这是黑幕。}}

这是普通文字。这是黑幕。

{{划掉重说|划掉的内容|正常的内容}}

划掉的内容正常的内容

{{悬浮框|显示的内容|鼠标移动上去时显示的内容}}

使用HTML的<abbr>标签也可以达到类似的效果:

<abbr title="悬浮窗内容">显示内容</abbr>

需要注意的是,悬浮窗在移动端无效,因为移动端不存在指针悬浮的操作。

悬浮框
显示的内容鼠标移动上去时显示的内容

使用HTML的<abbr>标签也可以达到类似的效果:
显示内容

需要注意的是,悬浮窗在移动端无效,因为移动端不存在指针悬浮的操作。

链接

你输入的内容 你看到的显示
[[维塔斯A021-重型攻击机]]是一个站内链接。

也可以修改链接的显示文字,比如[[维塔斯A021-重型攻击机|古希腊掌管矿车的神]]。

维塔斯A021-重型攻击机是一个站内链接。

也可以修改链接的显示文字,比如古希腊掌管矿车的神

[[百年企业号]]是一个指向不存在页面的链接。

百年企业号是一个指向不存在页面的链接。

其他命名空间的页面的链接,比如[[特殊:上传文件]]或[[文件:金属.png]]

其他命名空间的页面的链接,比如特殊:上传文件金属.png

站外链接:
* [https://mzh.moegirl.org.cn/%E6%97%A0%E5%B0%BD%E7%9A%84%E6%8B%89%E6%A0%BC%E6%9C%97%E6%97%A5]
* [https://infinite-lagrange.fandom.com/wiki/Infinite_Lagrange_Wiki 无尽的拉格朗日国际服维基]

站外链接:

默认链接颜色

链接样式 类型 颜色
蓝色链接 指向当前存在的页面 #0645AD = rgb(6,69,173)
深蓝色链接 指向已经访问过的存在页面 #0B0080 = rgb(11,0,128)
红色链接 指向wiki中未建立的页面 #DD3333 = rgb(221,51,51)
浅红色链接 指向未连接但访问过的页面 #A55858 = rgb(165,88,88)
淡蓝色链接 指向其它wiki,注意这个页面无论是否在目标wiki上存在,链接都显示为淡蓝色。 #3366BB = rgb(51,102,187)
紫色链接 指向其它站点但访问过的链接 #663366 = rgb(102,51,102)

自定义链接颜色

可以使用<span>标签在行内覆盖原本默认样式:

[[不存在的页面|<span style="color: #color#">不存在的页面</span>]]

#color#替换成十六进制颜色(需保留十六进制的开头井号,例如#0B0080)或使用RGB颜色配置(例如rgb(51,102,187))。

你输入的内容 你看到的显示
[[不存在的页面|<span style="color: #0B0080">不存在的页面</span>]]

不存在的页面

[[不存在的页面|<span style="color: rgb(51,102,187)">不存在的页面</span>]]

不存在的页面

引用

文章引用内容一般会对应一个外部链接,适用于页面部分内容引用外部内容(如一段话,引用了一篇文章),使你的文章有参考资料可查,内容更具可信度。

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

比如说:

勘探者的起源 <ref name="test">[https://infinite-lagrange.fandom.com/wiki/Prospector_Agreement 探矿者的起源]</ref>

勘探者的起源 [1]
如果使用了引用功能,最好在页面最底部添加标题栏:

==外链与注释==

如果引用不多的话,那不加也行

调用

在某一页面内调用其他页面(子页面)的内容,一般是整个页面,常用于解决当前页面内容过多导致的样式、排版或视频存放冲突。
比如说:「启明未来之星」

=={{图鉴颜色|描述|青空回响,启明未来}}==
    第十四届中国国际航空航天博览会暨珠海航展航情侦查员《无尽的拉格朗日》,邀您一同见证青空之中的科技回响。<br>
<br>
    珠海航展代表着当今国际航空航天业先进科技主流,是今人对于航空航天事业的伟大探索,这些在未来看来或许仍旧稚嫩的技术,却将成为高天乃至宇宙开拓的启明之灯,在长夜之中闪耀灼灼的光彩。
===[[拉格朗日&珠海航展]]===
{{:拉格朗日&珠海航展}}
=={{图鉴颜色|描述|创新求变,开拓深空}}==
    《无尽的拉格朗日》出任航空学会“2022中国飞行器设计创新大赛”评选委员,观览深空开拓的明日之星!<br>
<br>
    中国飞行器设计创新大赛提供了一个理念与技术碰撞的舞台,在这里,造物将投射着创新思维的火花,在一次次的升空飞翔中成为开拓深空的小小光芒,启示深空的开拓者们去探索和征服那片灿灿星海。
===[[全国飞行器设计创新大赛]]===
{{:全国飞行器设计创新大赛}}

我们可以看到「启明未来之星」页面中有很多内容,但是页面源码却是十分简洁,这就是因为该页面调用了其他页面
格式

{{:被调用的页面}}

{{:被调用的页面}}
PS:注意,要使用英文冒号


调用页面时,如果该页面有{{面包屑}},那么我们也会同步调用过来,这样就会造成同个页面有多个首页:

我们需要在被调用页面中将不展示的内容该成仅当前页面显示,比如{{面包屑}},这样被调用到其他页面时该部分内容就不会展示了

内容转载

完全转载

如果转载过来的页面内容完全没有修改,请加上以下信息:

{{信息
|class=info
|icon-style=border-radius: 50%
|leftimage=[[文件:夜灯.png|50px|class=img-kk]]
|text=<big>转自<!--网站名称--->[<!--页面地址---> 显示的页面名]</big>
}}

举例:
假设我们这个页面叫做开拓者协议,我们从Fandom WIKI中转载过来的,那么需要加入以下源码:

{{信息
|class=info
|icon-style=border-radius: 50%
|leftimage=[[文件:夜灯.png|50px|class=img-kk]]
|text=<big>转自Fandom WIKI[https://infinite-lagrange.fandom.com/wiki/Explorer_Agreement 同名页面]</big>
}}

PS:

  • 页面名称前面的空格需要按一次空格键
  • 我们假设的页面名叫做开拓者协议,而Explorer_Agreement可翻译成开拓者协议,二者名字一致,所以显示的页面名可写“同名页面”

效果如下:


部分转载

如果是在转载内容的基础上有进行修改调整扩充等,并非完全搬运,那请加入以下信息:

{{协议|来自=XXX(网站名称)|来自URL=XXX(网站地址)|页面=XXX(页面标题)|页面URL=XXX(页面地址)|协议=XXX(BY-SA、BY-NC-SA等,默认BY-SA)}}

举例:
署名-非商业性-相同方式共享 3.0

{{协议
|来自=BWIKI
|来自URL=wiki.biligame.com
|页面=WIKI社区规则
|页面URL=wiki.biligame.com/wiki/?curid=149
|协议=BY-NC-SA
}}

特殊情况

如果转载的是CSS或者JS,那不要加以上样式的说明,以避免样式或者脚本出错,请在代码注释中加入来源
如果转载内容源自WIKI实验室,请以实验室文档中的注释为准

更多

除了以上几种情况外,我们在转载他人内容时应视实际情况决定是否需要调用[[分类:许可协议模板]]中的几种模板,比如:
模板:Copyright模板:License_CC0模板:License CC-BY-SA模板:License CC-BY-NC-SA模板:协议

图片

当你想在编辑过程中插入想要的图片时,首先需要上传该图片。上传图片的按钮位于编辑工具栏的顶部。
上传图片时,请注意以下几点:

  1. 上传的图片需要被妥善命名,命名规范参考下文图片命名规范
  2. 上传的图片格式一般为png、gif等常见图片格式,避免未知原因导致图片无法正常显示;
  3. 上传的图片应具有意义,不允许涉及血腥、暴力等敏感因素,违规的图片将会被管理员删除;
  4. 上传的图片可以在特殊:文件列表中找到,在该页面的搜索栏输入文件名提交即可。有的时候明明上传了文件,搜索栏却无法搜索到,可以重进页面然后再次尝试搜索。

图片命名规范

  • 请不要把QQ和微信截图随意上传;
  • 请注意,图鉴页面普遍有定制模板,涉及图鉴类的图片建议先看图鉴对应的模板源码,里面有图片样式命名框架,无编辑经验者建议去编辑群里咨询一下各图鉴图片的命名规范
  • 请使用清楚详细的文件名。如果其他人上传的文件与您的文件名相同,最新的文件将会覆盖掉以前的同名文件;
  • 请避免使用纯数字,纯符号作为图片命名;
  • 请确保文件名独一无二,重复的、无意义的图片文件命名将会被进行处理;
  • 静态图片多以png为文件后缀,而动态图片多为gif后缀;
  • 上传时请确保文件大小保持在8MB及以下,以防无法上传的问题出现;
  • 请勿上传敏感或者争议类图片,具体条例请参考B站小黑屋规范

图片插入及其使用格式

你可以使用编辑区最上部的图片按钮快速插入图片。该快捷方式会根据你的设置快速创建一个图片引用链接。你也可以直接用文字引用图片,二者遵循同样的引用方式与语法。

你输入的内容 你看到的显示

最简单的图片链接

[[文件:金属.png]]

金属.png

文件不存在时的替换文本

[[文件:肯定不存在的文件|都说了我不存在了]]

都说了我不存在了

使用预设宽度限制图片大小

[[文件:LGLR.夜灯头像.png|50px]]

LGLR.夜灯头像.png

设置图片对齐方式(快捷创建中可以选择)

[[文件:晶体.png|50px|center|link=晶体]]
[[文件:晶体.png|50px|居中|link=晶体]]
晶体.png

启用边框

[[文件:重氢.png|frame|50px|center]]
[[文件:重氢.png|边框|50px|居中]]
重氢.png

缩略图

[[文件:未鉴定的存贮箱.png|缩略图]]

启用缩略图时添加图片标题

[[文件:未鉴定的存贮箱.png|缩略图|未鉴定的存贮箱]]
未鉴定的存贮箱.png
未鉴定的存贮箱

放大图
点击图片可放大图片,效果类似缩略图但样式比缩略图简洁,更不显突兀

[[文件:技术储备.png|class=img-kk]]

技术储备.png

自适应图片
图片会自适应大小,快速整合不同尺寸的图片,不用自行调整图片尺寸
前面填图片文件名;|后面展示出来的图片名(名字可自定义),不填就不展示图片名;heights后面填图片大小
PS:文件:可省可不省,怕记混可以不省

<gallery mode="packed" heights="150px">
文件:模块编号判断.png|
模块编号判断.png|嘿嘿
</gallery>

链接
链接到特定页面

[[文件:神圣群星币(流通).png|link=神圣群星币(流通)]]

空链接可以阻止图片点击事件

[[文件:神圣群星币(流通)|link=]]

神圣群星币(流通).png 神圣群星币(流通).png

更多设置、使用方式和细节可以参考维基百科-帮助:图像MediaWiki-帮助:图像

表格

表格操作可选项较多,操作复杂,详细说明可以参考文章编辑教程:表格维基百科-帮助:表格MediaWiki-帮助:表格。 此处仅做简单讲解。

WIKI表格基本用法

Pipe表格 HTML表格
{|class=wikitable 
|-
! 标题文字1
! 标题文字2
! 标题文字3
|-
| 示例1
| 示例2
| 示例3
|-
| 示例4 
| 示例5
| 示例6
|}
<table class="wikitable">
  <tr>
    <th>标题文字1</th>
    <th>标题文字2</th>
    <th>标题文字3</th>
  </tr>
  <tr>
    <td>示例1</td>
    <td>示例2</td>
    <td>示例3</td>
  </tr>
  <tr>
    <td>示例4</td>
    <td>示例5</td>
    <td>示例6</td>
</tr>
</table>
标题文字1 标题文字2 标题文字3
示例1 示例2 示例3
示例4 示例5 示例6
标题文字1 标题文字2 标题文字3
示例1 示例2 示例3
示例4 示例5 示例6

其中{|开头,|}结尾,!为表头,|为单元格,|-表示表格行的开始,class=wikitable不添加的话则会显示一个无边框的表格。

其中<table></table>开头和结尾,<th></th>为表头,<td></td>为一个单元格,<tr></tr>表示每个表格行,class="wikitable"不添加的话则会显示一个无边框的表格。


可滑动表格

<table> 元素不能滚动,需要在表格外面套一层 <div> 容器,把滚动逻辑写在容器的 style 里

横向滚动条

<div style="overflow-x:auto; -webkit-overflow-scrolling:touch; max-width:100%;"></div>
PS:移动端一般看不到滚动条,但其滚动效果是生效的
要确保移动端可触发滑动效果,style="min-width:数字px;"中的数字必须大于600,如果PC端也要触发滑动效果,见下文:
(1)方法1
因为内容一般会自动换行,想在PC端展示此效果,可加入禁止文字自动换行代码style="white-space:nowrap",借助文字内容长度硬堆
示例:

<div style="overflow-x:auto; -webkit-overflow-scrolling:touch; max-width:100%;">
{| class="wikitable" style="min-width:1000px;"
!  标题1
!  标题2
|-
| style="white-space:nowrap"|内容较长内容较长内容较长内容较长内容较长内容较长内容较长内容较长内容较长内容较长内容较长。
| style="white-space:nowrap"|内容较长内容较长内容较长内容较长内容较长内容较长内容较长内容较长内容较长内容较长内容较长。

|}
</div>
标题1 标题2
内容较长内容较长内容较长内容较长内容较长内容较长内容较长内容较长内容较长内容较长内容较长。 内容较长内容较长内容较长内容较长内容较长内容较长内容较长内容较长内容较长内容较长内容较长。

(2)方法2
修改表格最低宽度(style="min-width:数字(最低宽度)px;"}})使其大于PC端设备宽度,即style="min-width:数字px;"中的数字必须大于1200
1200一般够用了吧?如果确实有人的电脑屏幕尺寸比较大,那可以考虑填1400

标题1 标题2
内容较长 内容较长

高阶表格使用

说明 源码 渲染结果
基础表格(维基样式)
{|class=wikitable 
|第一行第一个单元格||第一行第二个单元格
|-
|第二行第一个单元格||第二行第二个单元格
|}
第一行第一个单元格 第一行第二个单元格
第二行第一个单元格 第二行第二个单元格
带标题行的表格
{|class=wikitable 
!标题行第一个单元格||标题行第二个单元格
|-
|第一行第一个单元格||第一行第二个单元格
|}
标题行第一个单元格 标题行第二个单元格
第一行第一个单元格 第一行第二个单元格
带标题的表格
{|class=wikitable 
|+表格标题
|第一行第一个单元格||第一行第二个单元格
|-
|第二行第一个单元格||第二行第二个单元格
|}
表格标题
第一行第一个单元格 第一行第二个单元格
第二行第一个单元格 第二行第二个单元格

基础表格(Bootstrap样式)
类名:table
可与wikitable联合使用

{| class="table" 
|第一行第一个单元格||第一行第二个单元格
|-
|第二行第一个单元格||第二行第二个单元格
|}
第一行第一个单元格 第一行第二个单元格
第二行第一个单元格 第二行第二个单元格

带边框的表格
类名:table-bordered
可与tablewikitable同时使用

{| class="table-bordered"
|第一行第一个单元格||第一行第二个单元格
|-
|第二行第一个单元格||第二行第二个单元格
|}
第一行第一个单元格 第一行第二个单元格
第二行第一个单元格 第二行第二个单元格

悬停变色的表格
类名:table-hover
一般与其他表格类型联合使用

{| class="wikitable table-hover"
|第一行第一个单元格||第一行第二个单元格
|-
|第二行第一个单元格||第二行第二个单元格
|}
第一行第一个单元格 第一行第二个单元格
第二行第一个单元格 第二行第二个单元格

间隔条纹表格
类名:table-striped
使表格奇偶行的背景色发生差异,形成斑马条纹的效果。一般与其他表格样式联合使用

table-stripedwikitable无效果,需要插入CSS加以调整后才能在wikitable上应用

{| class="table table-striped"
|第一行第一个单元格||第一行第二个单元格
|-
|第二行第一个单元格||第二行第二个单元格
|-
|第三行第一个单元格||第三行第二个单元格
|-
|第四行第一个单元格||第四行第二个单元格
|}
第一行第一个单元格 第一行第二个单元格
第二行第一个单元格 第二行第二个单元格
第三行第一个单元格 第三行第二个单元格
第四行第一个单元格 第四行第二个单元格

手动配置表格样式

通过修改表格的css可以进行表格的尺寸的扩展或者缩小,但请注意,更改后不止单个表格栏,同列的单元格也会被更改为相同的尺寸。

CSS单位可以参考CSS单位

你输入的内容 你看到的展示
{| class="wikitable" 
|-
| 标题 || 标题 || 标题
|-
| style="height:50px"|高度设为50px
| 示例1
| 示例2
|-
| 示例3
| 示例4
| 示例4
|}
标题 标题 标题
高度设为50px 示例1 示例2
示例3 示例4 示例4
{| class="wikitable" 
|-
| 标题 || 标题 || 标题
|-
| style="width:300px"|宽度设为300px
| 示例1
| 示例2
|-
| 示例3
| 示例4
| 示例4
|}
标题 标题 标题
宽度设为300px 示例1 示例2
示例3 示例4 示例4

可通过结合使用HTML的单元格元素属性rowspancolspan合并单元格。但排序样式class=sortable会与rowspan冲突,使得单元格无法合并,同时出现排序错误。

{| class="wikitable" 
|-
! rowspan=4|跨4行的标题 !!标题 !!标题!!标题
|-
| colspan=2|跨2列的内容 || 示例
|-
| rowspan=2|跨2行的内容 || 示例 || 示例
|-
| 示例 || 示例
|}
跨4行的标题 标题 标题 标题
跨2列的内容 示例
跨2行的内容 示例 示例
示例 示例

模板

无尽的拉格朗日WIKI模板一览(可读性较差,大多数都未完成文档建设,建议仅查阅)。

模板概述

  • 打开文章源代码页面,下方会显示该页面使用的模板(如果该页面有使用模板)

使用模板.png

  • 如下所述,是一个设计好模板,将需要填充的数据,以{{{XXX}}}的字样代替

使用模板2.png

  • 在其它页面使用该模板时,用{{模板名|XXX|XXX|XXX}}的方式填写数据。

使用模板3.png

  • 效果如下

使用模板4.png

编辑参考

常用模板

页面目录样式

左侧目录
源码 渲染结果
{{左侧目录|开始}}
==标题1==
页面内容
==标题2==
页面内容
==标题3==
页面内容
==标题4==
页面内容
{{左侧目录|结束}}

效果见模板:左侧目录

浮动目录
源码 渲染结果
{{TOC}}

效果参考本页目录
或者参考模板:TOC

如果需要目录自动跟随当前位置呢?
那我们可以加上这个

{{ResourceLoader|MediaWiki:HoverToc.js}}

样式作用请参考MediaWiki:HoverToc.js

那我们将{{TOC}}{{ResourceLoader|MediaWiki:HoverToc.js}}结合起来呢?

{{TOC}}
内容
{{ResourceLoader|MediaWiki:HoverToc.js}}

效果参考本页使用的目录样式

悬浮目录
源码 渲染结果
{{悬浮目录}}

效果见模板:悬浮目录

图标

说明 源码 示例 渲染结果
通用小图标
{{舰船图标|小|<名称>|<数量(可选)>}}
{{舰船图标|小|晶体|800}}
晶体 × 800
通用中图标
{{舰船图标|中|<名称>|<数量(可选)>}}
{{舰船图标|中|雷利亚特级-快速鱼雷护卫舰-对舰型|1}}
雷利亚特级-快速鱼雷护卫舰-对舰型.png × 1
通用大图标
{{舰船图标|大|<名称>|<图片名称(可选),默认 <名称>.png>}}
{{舰船图标|大|首页|夜灯}}<br>{{舰船图标|大|金属}}

舰船立绘专用大图标
{{舰船图标|船大|<名称>|<图片名称(可选),默认 <名称>立绘.png>}}
{{舰船图标|船大|AC720-艾格勒姆未名者|海氏追随者型-脉冲战斗机}}<br>{{舰船图标|船大|AC720-艾格勒姆未名者}}

常用颜色

说明 源码 渲染结果
红色
{{红色|内容}}
内容
蓝色
{{蓝色|内容}}
内容
通用描述颜色
{{图鉴颜色|描述|内容}}
内容
其他颜色 更多颜色请看模板:图鉴颜色

B站视频

模板语法:

{{B站视频|av号或bv号|分P号|视频名称|宽|高}}

详细使用说明请前往模板:B站视频查看。

信息框

主要用于提示,仅展示基础用法,拓展用法请看模板:信息

源码 渲染结果
{{信息
|内容
}}

编辑与创作模板

如果你看过某些模板页面,你会发现模板本质上也是mediawiki文段。实际上,模板只是可以通过选择项对mediawiki文段进行填充以节省精力和便于维护查阅。

所有模板均命名为模板:模板名称格式,在编辑时,Wiki的编辑区会额外提供一个设置模板参数的功能。引用参数可以使用三个花括号包裹参数名,例如:a{{{param}}}c在参数param=b时会输出abc

详细的编辑教程可以参考BWiki的官方教程:BWiki - 帮助:模板

模板可以被重定向,但是在创建并重定向的之后一段时间内,原先调用模板的页面可能会出现错误,需要等上服务器刷新缓存才能恢复使用,所以不要频繁重定向模板。

不常用的编辑功能

可折叠WIKI表格

通过对wiki表格设置mw-collapsiblemw-collapsed可以设置表格的折叠形式。

你输入的内容 你看到的展示
{|class="wikitable mw-collapsible" 
|-
!'''表格折叠使用方法'''
|-
|
'''说明:'''使内容折叠。

'''用途:'''一般用于页面过长,将部分可选择性观看的内容折叠。

'''写法:'''在表格原本的class内容后加mw-collapsible(此时为默认展开,可折叠)。


表格第一行(表头)为默认展示的内容,第二行开始到表格结尾可以折叠。
|}
表格折叠使用方法

说明:使内容折叠。

用途:一般用于页面过长,将部分可选择性观看的内容折叠。

写法:在表格原本的class内容后加mw-collapsible(此时为默认展开,可折叠)。

表格第一行(表头)为默认展示的内容,第二行开始到表格结尾可以折叠。

{|class="wikitable mw-collapsible mw-collapsed"
|-
!'''表格默认折叠设置方法'''
|-
|
'''说明:'''使表格在默认情况下为折叠状态。

'''用途:'''一般用于当前表格内容较多,同时重要度较低。

'''写法:'''在表格默认class后加 mw-collapsed。'''需要已经设置为<code>mw-collapsible</code>。'''


在表格class=后再追加 mw-collapsed(此时为默认折叠,可展开)。

|}
表格默认折叠设置方法

说明:使表格在默认情况下为折叠状态。

用途:一般用于当前表格内容较多,同时重要度较低。

写法:在表格默认class后加 mw-collapsed。需要已经设置为mw-collapsible


在表格class=后再追加 mw-collapsed(此时为默认折叠,可展开)。




















































文件:无尽的拉格朗日WIKI编辑手册