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条目录标题时强制显示目录。
强制显示方法,是在页面开口强制添加:
<div style="">__TOC__</div>
示例:
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;
修改后左侧栏显示效果:
参考推荐:
版权所有: 本文系米扑博客原创、转载、摘录,或修订后发表,最后更新于 2018-07-28 09:35:10
侵权处理: 本个人博客,不盈利,若侵犯了您的作品权,请联系博主删除,莫恶意,索钱财,感谢!
转载注明: mediawiki 常用参数设置 (米扑博客)