在编写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 }

注释掉如下图:

mediawiki-setting_0

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

mediawiki-setting_00

 

2 强制显示目录

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

强制显示方法,是在页面开口强制添加:

<div style="">__TOC__</div>

示例:

mediawiki-setting_01

 

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

显示效果:

mediawiki-setting_02

 

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;" | 待定
|}

显示效果:

mediawiki-setting_03

 

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;*/

修改后的效果:

mediawiki-setting_04

 

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

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

注释掉:

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

修改后如下:

mediawiki-setting_05

网页显示效果:

mediawiki-setting_06

继续修改 #left-navigation

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

注释掉:

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

修改后如下:

mediawiki-setting_07

网页显示效果:

mediawiki-setting_08

 

6 修改logo居中显示

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

注释掉:

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

修改后如下:

mediawiki-setting_09

 

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

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;

 

修改后左侧栏显示效果:

mediawiki-setting_10

 

 

参考推荐

Mediawiki 快速学习手册

Centos6 搭建 MediaWiki

Ubuntu下安装php PECL扩展

CenOS 安装 MediaWiki 详细步骤

Linux搭建discuz论坛

Discuz! X3.2 关闭缓存

CSDN博客搬家到WordPress