mediawiki常用参数设置

在编写wiki文档的过程中，遇到了很多自定义的需求，通过学习和实践，先总结一些mediawiki 的常用参数设置。

更多示例请见我的米扑博客： https://blog.mimvp.com （在搜索框输入"mediawiki"）

1 替换logo，外链打开，去掉链接图标

1.1 替换logo

mediawiki 中文的logo路径为 mediawiki/skins/common/images/wiki.png，替换为自己的即可。

示例： http://wiki.mimvp.com/skins/common/images/wiki.png

1.2 外链在新窗口打开（mediawiki 默认在本窗口打开）

修改

vim mediawiki/LocalSettings.php

在最下面添加一行：

$wgExternalLinkTarget = '_blank';

最好还添加两行如下：

# End of automatically generated settings.
# Add more configuration options below.

$wgExternalLinkTarget = '_blank';
$wgAllowExternalImages = true;
$wgShowExceptionDetails = true;

1.3 去掉链接的图标

mediawiki 链接默认都有一个"箭头"的图标，很不美观，删除方法如下：

修改

vim mediawiki/skins/vector/components/externalLinks.less （v1.23.0）

或

vim mediawiki/skins/Vector/components/externalLinks.less （v1.31.0）

注释掉：

  1 @import "mediawiki.mixins.less";
  2 // External links
  3 #content {
  4         .external {
  5                 background-position: center right;
  6                 background-repeat: no-repeat;
  7                 /*.background-image-svg('images/external-link-ltr-icon.svg', 'images/external-link-ltr-icon.png');*/
 10                 padding-right: 13px;
 11         }
 12 }

注释掉如下图：

注释掉后网页显示效果（外链图标已不见了，赞~）

2 强制显示目录

mediawiki 默认需要多余4条目录标题时才显示，但也可以在少于3条目录标题时强制显示目录。

强制显示方法，是在页面开口强制添加：

示例：

3 字体颜色设置

示例：

<div>__TOC__</div>

== 米扑公司 ==

<b>米扑科技</b>： <font color="red">MIMVP</font> - <font color="blue"><font color="red"><b>M</b></font>ost <font color="red"><b>V</b></font>aluable <font color="red"><b>P</b></font>ackage of <font color="red"><b>M</b></font>obile <font color="red"><b>I</b></font>nternet</font>

<b>价值观</b>：让世界每一个人平等的共享移动互联网的最大价值。

<b>米扑人</b>：精益求精，追求极致，为用户创造价值。

<b>qq群</b>： 463103470

<b>微信</b>： ithomer

显示效果：

4 表格格式设置

示例：

=== 对外产品 ===

{| border="1" cellpadding="5" cellspacing="0" class="wikitable"
|-
! width="80" style="color:#0000ff;" align="center" | 产品
! width="170" style="color:#0000ff;" | 网址
! width="280" style="color:#0000ff;" | 详细描述
! width="160" style="color:#0000ff;" | 备注
! width="80" style="color:#0000ff;" align="center" | 上线日期
|-
| style="color: #006400; font-weight:bold;" align="center" | 米扑论坛
| [http://forum.mimvp.com http://forum.mimvp.com]
| 收集用户反馈 <br>不断打磨产品，与用户交朋友，创造价值
| 倾听用户对产品的反馈建议
| align="center" | 2013-10-01
|-
| style="color: #006400; font-weight:bold;" align="center" | 米扑博客
| [https://blog.mimvp.com https://blog.mimvp.com]
| 专注技术研究 <br>积累Python，PHP，MySQL，Redis等
| 为创业储备技术
| align="center" | 2013-11-10
|-
| style="color: #006400; font-weight:bold;" align="center" | 米扑代理
| [http://proxy.mimvp.com http://proxy.mimvp.com]
| 搜集检测代理 <br>为自己抓取网页服务；同时对外售卖，保障租用服务器的费用
| 创业所需的基础服务
| align="center" | 2014-11-22
|-
| style="color: #006400; font-weight:bold;" align="center" | 米扑域名
| [http://domain.mimvp.com http://domain.mimvp.com]
| 免费服务 <br>获取流量，让用户转发推广米扑的系列产品
| 创业过程中的爱好
| align="center" style="color:#ff0000;" | 待定
|-
| style="color: #006400; font-weight:bold;" align="center" | 米扑排名
| [http://apprank.mimvp.com http://apprank.mimvp.com]
| 提供App排名 <br>包含Android, iOS, WP, Amazon
| 创业的核心产品
| align="center" style="color:#ff0000;" | 待定
|}

显示效果：

5 修改css样式

修改 table.wikitable 表格的背景色

vim skins/common/shared.css （v1.23.0）

或

vim ./resources/src/mediawiki.legacy/shared.css （v1.31.0）

注释并修改：

520 /*background-color: #f9f9f9;*/
521 background-color: #F5FAE2;

注释掉 table.wikitable > * > tr > td 的padding

531 /*padding: 0.2em;*/

修改后的效果：

修改左侧，右侧布局的间隔

vim ./skins/vector/screen-hd.less

注释掉：

6 /* margin-left: 11em;*/

修改后如下：

网页显示效果：

继续修改 #left-navigation

vim ./skins/vector/screen-hd.less

注释掉：

23 /* margin-left: 11em;*/

修改后如下：

网页显示效果：

6 修改logo居中显示

vim ./skins/vector/screen-hd.less

注释掉：

10 /* left: @menu-main-logo-left;*/

修改后如下：

修改左侧导航栏字体大小，行距

vim ./skins/vector/components/navigation.less

注释掉并修改：

116 li {
117 /*line-height: 1.125em;*/
118 line-height: 1.2em;
119 padding: 0;
120 padding-bottom: 0.5em;
121 margin: 0;
122 /*font-size: @menu-main-body-font-size;*/
123 font-size: 0.875em;
124 word-wrap: break-word;

修改后左侧栏显示效果：