用作Wiki和笔记的话,强烈推荐使用。不仅仅是因为它模仿了Mediawiki,更主要的是它的自定义能力,不但强大而且简单。而且很多自定义的内容作者已经提供好了,你只需Copy and Paste就行了。
官方说明请走:http://www.dokuwiki.org/template:vector
基本设置
“管理”——“配置设置”——“Vector模板设置”里有基本的设置选项。多数情况下,你只需要在这里进行修改。
定制
你可以添加自己的LOGO、CSS样式、侧栏、标签页等。所有修改都应在lib/tpl/vector/user目录下进行。
- 自定义LOGO:将图片命名为logo,扩展名可以是png、gif、jpg。然后放入user目录下。
- 自定义favicon:将图片命名为favicon.ico,放入user目录。
- 自定义CSS:要改变页面的显示样式,编辑user目录下的screen.css文件。要改变打印样式,编辑print.css
- 自定义JavaScript:编辑user目录下的user.js文件。需要在配置设置里激活——载入“vector/user /user.js“?
- 自定义标签页:标签页就是上面那一排“文章”、“讨论”之类的,可以添加自己的。在user目录的tabs.php里编辑,里面有例子可以参考。
- 自定义底部按钮:在user目录下的buttons.php中,有例子。
- 自定义侧栏内容:可以添加自己的区块,在user目录下的boxes.php中,有例子。
一些示例
增大侧栏宽度,并居中LOGO。比如增大到16em宽:
div#footer { margin-left:16em; } #head-base{ margin-left:16em; } #left-navigation{ left:16em; } div#content { margin-left:16em; } div#panel { width:16em; } #p-logo{ width:16em; } #p-logo a{ width:16em; }
为侧栏的无序列表添加缩进:
div#panel div.portal ul { margin-top: 0.5em !important; margin-left: 0.8em !important; } div#panel div.portal ul ul{ margin-left: 2em !important; }
为侧栏的导航列表添加列表样式。默认为无,这里添加square样式,类似的也可以为其他的添加:
div#panel ul li { overflow: visible !important; } div#panel #p-navigation ul { list-style-type: square !important; margin-left:2.0em !important; }
<code>标签默认是白色背景,有时和其他元素结合使用时很难看,可以改为透明:
code{ background-color:transparent !important; }
- 你好。 我也是装这个模板。
可是,一选这个模板的时候。整个网站的样式都没了。
但选择默认的又全好的。在网上查好久了,也没解决掉。