在编写wiki文档的过程中,遇到了很多自定义的需求,通过学习和实践,先总结一些mediawiki 的常用参数设置。
本文原文转自我的米扑博客: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';
1.3 去掉链接的图标
mediawiki 链接默认都有一个”箭头”的图标,很不美观,删除方法如下:
修改
vim mediawiki/skins/vector/components/externalLinks.less
注释掉:
1
2
3
4
5
6
7
8
9
10
|
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条目录标题时强制显示目录。
强制显示方法,是在页面开口强制添加:
<div style=””>__TOC__</div>
示例:
3 字体颜色设置
示例:
1
2
3
4
5
6
7
8
9
10
11
12
13
|
<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 表格格式设置
示例:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
|
=== 对外产品 === {| 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" | 米扑博客 | [http://blog.mimvp.com http://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
注释并修改:
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;
修改后左侧栏显示效果:
原文: mediawiki 常用参数设置