<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>LajiCF&#039;s Blog &#187; MediaWiki</title>
	<atom:link href="http://blog.suflanker.com/tag/mediawiki/feed" rel="self" type="application/rss+xml" />
	<link>http://blog.suflanker.com</link>
	<description>个人地盘，扯一些乱七八糟的东西...</description>
	<lastBuildDate>Sun, 13 May 2012 15:56:06 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.2</generator>
		<item>
		<title>MediaWiki中文搜索解决</title>
		<link>http://blog.suflanker.com/2010/12/mediawiki%e4%b8%ad%e6%96%87%e6%90%9c%e7%b4%a2%e8%a7%a3%e5%86%b3.html</link>
		<comments>http://blog.suflanker.com/2010/12/mediawiki%e4%b8%ad%e6%96%87%e6%90%9c%e7%b4%a2%e8%a7%a3%e5%86%b3.html#comments</comments>
		<pubDate>Wed, 01 Dec 2010 14:59:25 +0000</pubDate>
		<dc:creator>LajiCF</dc:creator>
				<category><![CDATA[Computer]]></category>
		<category><![CDATA[MediaWiki]]></category>
		<category><![CDATA[中文搜索]]></category>
		<category><![CDATA[折腾]]></category>

		<guid isPermaLink="false">http://blog.suflanker.com/2010/12/mediawiki%e4%b8%ad%e6%96%87%e6%90%9c%e7%b4%a2%e8%a7%a3%e5%86%b3/</guid>
		<description><![CDATA[&#160;&#160;&#160;&#160; MediaWiki用了N久了，自我感觉还不错，折腾好了用起来确实很安逸。不过MediaWiki默认的中文搜索确实烂，烂的几次我都想换了投奔其他门派去。不过叛变的后果是我得重新折腾主题、修改各Wiki程序间不兼容的Wiki语法、折腾一堆诸如代码高亮、内容隐藏等乱七八糟的功能，实在是太麻烦了。。。于是乎一直忍耐至今。幸好页面和分类都不算太多，多点几个链接就能找到我想要的东西了。 &#160;&#160;&#160;&#160; 今天也不知道吃错啥药了，一心想着废掉MediaWiki然后换个平台折腾折腾。于是乎找了个新玩意tiki。功能确实强大，Wiki、blog、论坛、文集、trac之类的啥都能干。装了以后尝试编辑个新页面，结果就悲剧了。熟悉了MediaWiki的语法，对tiki的语法实在是不能忍，差异实在是太大了。 &#160;&#160;&#160;&#160; 接下来就是喜剧喽，鬼使神差地找到了这篇文章Mysql 全文索引的中文问题 （Mediawiki搜索中文问题）。嘿嘿，果然强大，困扰了我多年的问题终于解决了。三行代码搞定，真神人也。 &#160;&#160;&#160; MediaWiki就是这样，小毛病不断，又发现了个让人恶心的问题，它的搜索结果就是查找到的页面链接，打开链接就直接跳转到那个页面了，没法在新打开的页面上高亮显示查找内容。这个解决起来应该不难，就作为下阶段折腾对象吧。 相关日志2009-06-05 -- MediaWiki 浮动目录 (1)2009-06-02 -- MediaWiki的内容隐藏 (0)2012-05-08 -- new pad (0)2011-12-05 -- 新域名 (2)2011-07-24 -- 搬家兼VPS折腾记 (1)]]></description>
			<content:encoded><![CDATA[<p>&nbsp;&nbsp;&nbsp;&nbsp; MediaWiki用了N久了，自我感觉还不错，折腾好了用起来确实很安逸。不过MediaWiki默认的中文搜索确实烂，烂的几次我都想换了投奔其他门派去。不过叛变的后果是我得重新折腾主题、修改各Wiki程序间不兼容的Wiki语法、折腾一堆诸如代码高亮、内容隐藏等乱七八糟的功能，实在是太麻烦了。。。于是乎一直忍耐至今。幸好页面和分类都不算太多，多点几个链接就能找到我想要的东西了。</p>
<p>&nbsp;&nbsp;&nbsp;&nbsp; 今天也不知道吃错啥药了，一心想着废掉MediaWiki然后换个平台折腾折腾。于是乎找了个新玩意tiki。功能确实强大，Wiki、blog、论坛、文集、trac之类的啥都能干。装了以后尝试编辑个新页面，结果就悲剧了。熟悉了MediaWiki的语法，对tiki的语法实在是不能忍，差异实在是太大了。</p>
<p>&nbsp;&nbsp;&nbsp;&nbsp; 接下来就是喜剧喽，鬼使神差地找到了这篇文章<a href="http://ssmax.net/archives/959.html" target="_blank">Mysql 全文索引的中文问题 （Mediawiki搜索中文问题）</a>。嘿嘿，果然强大，困扰了我多年的问题终于解决了。三行代码搞定，真神人也。</p>
<p>&nbsp;&nbsp;&nbsp; MediaWiki就是这样，小毛病不断，又发现了个让人恶心的问题，它的搜索结果就是查找到的页面链接，打开链接就直接跳转到那个页面了，没法在新打开的页面上高亮显示查找内容。这个解决起来应该不难，就作为下阶段折腾对象吧。</p>
<h2  class="related_post_title">相关日志</h2><ul class="related_post"><li>2009-06-05 -- <a href="http://blog.suflanker.com/2009/06/mediawiki-%e6%b5%ae%e5%8a%a8%e7%9b%ae%e5%bd%95.html" title="MediaWiki 浮动目录">MediaWiki 浮动目录</a> (1)</li><li>2009-06-02 -- <a href="http://blog.suflanker.com/2009/06/mediawiki%e7%9a%84%e5%86%85%e5%ae%b9%e9%9a%90%e8%97%8f.html" title="MediaWiki的内容隐藏">MediaWiki的内容隐藏</a> (0)</li><li>2012-05-08 -- <a href="http://blog.suflanker.com/2012/05/new-ipad.html" title="new pad">new pad</a> (0)</li><li>2011-12-05 -- <a href="http://blog.suflanker.com/2011/12/new-domain-laji-mobi.html" title="新域名">新域名</a> (2)</li><li>2011-07-24 -- <a href="http://blog.suflanker.com/2011/07/migrate-to-vps.html" title="搬家兼VPS折腾记">搬家兼VPS折腾记</a> (1)</li></ul>]]></content:encoded>
			<wfw:commentRss>http://blog.suflanker.com/2010/12/mediawiki%e4%b8%ad%e6%96%87%e6%90%9c%e7%b4%a2%e8%a7%a3%e5%86%b3.html/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>删除MediaWiki类别页面中的字母索引</title>
		<link>http://blog.suflanker.com/2010/03/%e5%88%a0%e9%99%a4mediawiki%e7%b1%bb%e5%88%ab%e9%a1%b5%e9%9d%a2%e4%b8%ad%e7%9a%84%e5%ad%97%e6%af%8d%e7%b4%a2%e5%bc%95.html</link>
		<comments>http://blog.suflanker.com/2010/03/%e5%88%a0%e9%99%a4mediawiki%e7%b1%bb%e5%88%ab%e9%a1%b5%e9%9d%a2%e4%b8%ad%e7%9a%84%e5%ad%97%e6%af%8d%e7%b4%a2%e5%bc%95.html#comments</comments>
		<pubDate>Sun, 14 Mar 2010 07:47:55 +0000</pubDate>
		<dc:creator>LajiCF</dc:creator>
				<category><![CDATA[Computer]]></category>
		<category><![CDATA[MediaWiki]]></category>

		<guid isPermaLink="false">http://blog.suflanker.com/2010/03/%e5%88%a0%e9%99%a4mediawiki%e7%b1%bb%e5%88%ab%e9%a1%b5%e9%9d%a2%e4%b8%ad%e7%9a%84%e5%ad%97%e6%af%8d%e7%b4%a2%e5%bc%95/</guid>
		<description><![CDATA[貌似我好久没折腾MediaWiki了，这东西确实好用，不过小问题确实蛮多。除了那非智能的中文搜索，还有一堆小缺点滴。比如说这个：分类页面的首字母索引问题。 原始的MediaWiki分类页面是这样的。 怎么样，很挫吧，要是分类里有中文页面那就更挫了。。 于是乎我就像把这些首字母索引给去掉，其实方法挺简单，修改MediaWiki主目录下includes文件夹中的CategoryPage.php就行了。 Mediawiki分类页面中默认的文章列表有两种，一种是三列的，一种是单列的，分别对应CategoryPage.php文件中的columnList和shortList两个函数。把首字母索引给去掉的修改也很简单： 在columnList函数中把 $r .= “&#60;h3&#62;” . htmlspecialchars( $articles_start_char[$index] ) . “$cont_msg&#60;/h3&#62;\n&#60;ul&#62;”; 替换成$r .= “&#60;ul&#62;”; 在shortList函数中把 //$r = &#8216;&#60;h3&#62;&#8217; . htmlspecialchars( $articles_start_char[0] ) . “&#60;/h3&#62;\n”;注释 掉然后把$r .= &#8216;&#60;ul&#62;&#60;li&#62;&#8217;.$articles[0].&#8217;&#60;/li&#62;&#8217;;替换成$r .= “”; 接着把 if ($articles_start_char[$index] != $articles_start_char[$index - 1]) &#8230; <a href="http://blog.suflanker.com/2010/03/%e5%88%a0%e9%99%a4mediawiki%e7%b1%bb%e5%88%ab%e9%a1%b5%e9%9d%a2%e4%b8%ad%e7%9a%84%e5%ad%97%e6%af%8d%e7%b4%a2%e5%bc%95.html">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>貌似我好久没折腾MediaWiki了，这东西确实好用，不过小问题确实蛮多。除了那非智能的中文搜索，还有一堆小缺点滴。比如说这个：分类页面的首字母索引问题。</p>
<p>原始的MediaWiki分类页面是这样的。</p>
<p><a href="http://suflanker.com/pic/MediaWiki_D053/image_thumb.png"><img style="border-width: 0px;" src="http://suflanker.com/pic/MediaWiki_D053/image_thumb.png" border="0" alt="image" width="404" height="223" /></a></p>
<p>怎么样，很挫吧，要是分类里有中文页面那就更挫了。。</p>
<p><a href="http://suflanker.com/pic/MediaWiki_D053/image_thumb_3.png"><img style="border-width: 0px;" src="http://suflanker.com/pic/MediaWiki_D053/image_thumb_3.png" border="0" alt="image" width="404" height="327" /></a></p>
<p>于是乎我就像把这些首字母索引给去掉，其实方法挺简单，修改MediaWiki主目录下includes文件夹中的CategoryPage.php就行了。</p>
<p>Mediawiki分类页面中默认的文章列表有两种，一种是三列的，一种是单列的，分别对应CategoryPage.php文件中的columnList和shortList两个函数。把首字母索引给去掉的修改也很简单：</p>
<p>在columnList函数中把</p>
<blockquote><p>$r .= “&lt;h3&gt;” . htmlspecialchars( $articles_start_char[$index] ) . “$cont_msg&lt;/h3&gt;\n&lt;ul&gt;”;</p>
<p>替换成$r .= “&lt;ul&gt;”;</p></blockquote>
<p>在shortList函数中把</p>
<blockquote><p>//$r = &#8216;&lt;h3&gt;&#8217; . htmlspecialchars( $articles_start_char[0] ) . “&lt;/h3&gt;\n”;注释</p>
<p>掉然后把$r .= &#8216;&lt;ul&gt;&lt;li&gt;&#8217;.$articles[0].&#8217;&lt;/li&gt;&#8217;;替换成$r .= “”;</p>
<p>接着把</p>
<p>if ($articles_start_char[$index] != $articles_start_char[$index - 1])<br />
{<br />
$r .= “&lt;/ul&gt;&lt;h3&gt;” . htmlspecialchars( $articles_start_char[$index] ) . “&lt;/h3&gt;\n&lt;ul&gt;”;<br />
}</p>
<p>注释掉就行了</p></blockquote>
<p>把修改完的CategoryPage.php替换掉原来的，刷新页面，OK。顺便把原来的三列改成两列的模式。效果见下图，相比原来那肯定顺眼多了。</p>
<p><a href="http://suflanker.com/pic/MediaWiki_D053/image_thumb_4.png"><img style="border-width: 0px;" src="http://suflanker.com/pic/MediaWiki_D053/image_thumb_4.png" border="0" alt="image" width="404" height="167" /></a></p>
<p><a href="http://suflanker.com/pic/MediaWiki_D053/image_thumb62346accf3fb45ff97cedd11e93f0778.png"><img style="border-width: 0px;" src="http://suflanker.com/pic/MediaWiki_D053/image_thumb62346accf3fb45ff97cedd11e93f0778.png" border="0" alt="image" width="404" height="269" /></a></p>
<p>&nbsp;</p>
<p>PS:</p>
<p>1.16版的MediaWiki修改方法类似</p>
<p>还是修改CategoryPage.php这个文件</p>
<p>在columnList函数中</p>
<blockquote>
<p>注释掉第408-414行</p>
</blockquote>
<p>然后在shortList函数中</p>
<blockquote>
<p>把第439行和443-446行注释</p>
<p>然后将440行的</p>
<p>$r .= &#8216;&lt;ul&gt;&lt;li&gt;&#8217; . $articles[0] . &#8216;&lt;/li&gt;&#8217;; </p>
<p>替换成 </p>
<p>$r = &#8216;&lt;ul&gt;&lt;li&gt;&#8217; . $articles[0] . &#8216;&lt;/li&gt;&#8217;;</p>
</blockquote>
<p>附已修改好的1.16版的CategoryPage.php <a href="http://www.suflanker.com/files/CategoryPage1.16.zip" target="_blank">下载</a></p>
<h2  class="related_post_title">相关日志</h2><ul class="related_post"><li>2010-12-01 -- <a href="http://blog.suflanker.com/2010/12/mediawiki%e4%b8%ad%e6%96%87%e6%90%9c%e7%b4%a2%e8%a7%a3%e5%86%b3.html" title="MediaWiki中文搜索解决">MediaWiki中文搜索解决</a> (1)</li><li>2010-09-20 -- <a href="http://blog.suflanker.com/2010/09/my-nas.html" title="My Nas">My Nas</a> (0)</li><li>2010-09-10 -- <a href="http://blog.suflanker.com/2010/09/i-need-a-nas.html" title="得买个Nas喽">得买个Nas喽</a> (0)</li><li>2009-07-08 -- <a href="http://blog.suflanker.com/2009/07/google-chrome-os%e7%99%bb%e5%9c%ba.html" title="Google Chrome OS登场">Google Chrome OS登场</a> (0)</li><li>2009-06-05 -- <a href="http://blog.suflanker.com/2009/06/mediawiki-%e6%b5%ae%e5%8a%a8%e7%9b%ae%e5%bd%95.html" title="MediaWiki 浮动目录">MediaWiki 浮动目录</a> (1)</li></ul>]]></content:encoded>
			<wfw:commentRss>http://blog.suflanker.com/2010/03/%e5%88%a0%e9%99%a4mediawiki%e7%b1%bb%e5%88%ab%e9%a1%b5%e9%9d%a2%e4%b8%ad%e7%9a%84%e5%ad%97%e6%af%8d%e7%b4%a2%e5%bc%95.html/feed</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>MediaWiki 浮动目录</title>
		<link>http://blog.suflanker.com/2009/06/mediawiki-%e6%b5%ae%e5%8a%a8%e7%9b%ae%e5%bd%95.html</link>
		<comments>http://blog.suflanker.com/2009/06/mediawiki-%e6%b5%ae%e5%8a%a8%e7%9b%ae%e5%bd%95.html#comments</comments>
		<pubDate>Fri, 05 Jun 2009 09:45:36 +0000</pubDate>
		<dc:creator>LajiCF</dc:creator>
				<category><![CDATA[Computer]]></category>
		<category><![CDATA[MediaWiki]]></category>
		<category><![CDATA[Greasemonkey]]></category>
		<category><![CDATA[折腾]]></category>

		<guid isPermaLink="false">http://www.suflanker.com/2009/06/05/mediawiki-%e6%b5%ae%e5%8a%a8%e7%9b%ae%e5%bd%95/</guid>
		<description><![CDATA[&#160;&#160;&#160; 继续折腾MediaWiki，写了个GreaseMonkey脚本实现了MediaWiki目录的浮动效果，基本上满意了，如下图。话说GreaseMonkey真TM的好用。。。 &#160;&#160;&#160; 脚本链接：已经上传至Userscripts,地址见此。可以点击此处直接安装。 &#160;&#160;&#160; 使用方法：按“m”键或者Ctrl+左键显示目录，ESC隐藏 &#160;&#160;&#160; 源码见此：链接 &#160;&#160;&#160; 我的Wiki上还有一个详细的说明：链接 注：借鉴了LookItUp2这个脚本的实现方法，强烈推荐此脚本。 相关日志2010-12-01 -- MediaWiki中文搜索解决 (1)2009-06-19 -- 豆瓣MP3播放器 (6)2009-06-02 -- MediaWiki的内容隐藏 (0)2009-03-22 -- Google Groups Via Https (0)2012-05-08 -- new pad (0)]]></description>
			<content:encoded><![CDATA[<p>&nbsp;&nbsp;&nbsp; 继续折腾MediaWiki，写了个GreaseMonkey脚本实现了MediaWiki目录的浮动效果，基本上满意了，如下图。话说GreaseMonkey真TM的好用。。。</p>
<p><a href="http://suflanker.com/pic/photo/MediawikiTOC.png"><img style="border-bottom: 0px; border-left: 0px; display: inline; border-top: 0px; border-right: 0px" title="MediawikiTOC" border="0" alt="MediawikiTOC" src="http://suflanker.com/pic/photo/MediawikiTOC_thumb.png" width="644" height="423"></a> </p>
<p>&nbsp;&nbsp;&nbsp; 脚本链接：已经上传至Userscripts,地址<a href="http://userscripts.org/scripts/show/50864">见此</a>。可以点击<a href="http://userscripts.org/scripts/source/50864.user.js" target="_blank">此处</a>直接安装。</p>
<p>&nbsp;&nbsp;&nbsp; 使用方法：按“m”键或者Ctrl+左键显示目录，ESC隐藏</p>
<p>&nbsp;&nbsp;&nbsp; 源码见此：<a href="http://userscripts.org/scripts/review/50864" target="_blank">链接</a></p>
<p>&nbsp;&nbsp;&nbsp; 我的Wiki上还有一个详细的说明：<a href="http://wiki.suflanker.com/index.php?title=TOC%E6%BB%9A%E5%8A%A8">链接</a></p>
<p>注：借鉴了<a href="http://userscripts.org/scripts/show/9620" target="_blank">LookItUp2</a>这个脚本的实现方法，强烈推荐此脚本。</p>
<h2  class="related_post_title">相关日志</h2><ul class="related_post"><li>2010-12-01 -- <a href="http://blog.suflanker.com/2010/12/mediawiki%e4%b8%ad%e6%96%87%e6%90%9c%e7%b4%a2%e8%a7%a3%e5%86%b3.html" title="MediaWiki中文搜索解决">MediaWiki中文搜索解决</a> (1)</li><li>2009-06-19 -- <a href="http://blog.suflanker.com/2009/06/%e8%b1%86%e7%93%a3mp3%e6%92%ad%e6%94%be%e5%99%a8.html" title="豆瓣MP3播放器">豆瓣MP3播放器</a> (6)</li><li>2009-06-02 -- <a href="http://blog.suflanker.com/2009/06/mediawiki%e7%9a%84%e5%86%85%e5%ae%b9%e9%9a%90%e8%97%8f.html" title="MediaWiki的内容隐藏">MediaWiki的内容隐藏</a> (0)</li><li>2009-03-22 -- <a href="http://blog.suflanker.com/2009/03/google-groups-via-https.html" title="Google Groups Via Https">Google Groups Via Https</a> (0)</li><li>2012-05-08 -- <a href="http://blog.suflanker.com/2012/05/new-ipad.html" title="new pad">new pad</a> (0)</li></ul>]]></content:encoded>
			<wfw:commentRss>http://blog.suflanker.com/2009/06/mediawiki-%e6%b5%ae%e5%8a%a8%e7%9b%ae%e5%bd%95.html/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>MediaWiki的内容隐藏</title>
		<link>http://blog.suflanker.com/2009/06/mediawiki%e7%9a%84%e5%86%85%e5%ae%b9%e9%9a%90%e8%97%8f.html</link>
		<comments>http://blog.suflanker.com/2009/06/mediawiki%e7%9a%84%e5%86%85%e5%ae%b9%e9%9a%90%e8%97%8f.html#comments</comments>
		<pubDate>Tue, 02 Jun 2009 14:27:06 +0000</pubDate>
		<dc:creator>LajiCF</dc:creator>
				<category><![CDATA[Computer]]></category>
		<category><![CDATA[MediaWiki]]></category>
		<category><![CDATA[折腾]]></category>

		<guid isPermaLink="false">http://www.suflanker.com/2009/06/02/mediawiki%e7%9a%84%e5%86%85%e5%ae%b9%e9%9a%90%e8%97%8f/</guid>
		<description><![CDATA[&#160; MediaWiki + VIM是我最近折腾的两大重心。当初选择wiki程序的时候也曾被dokuwiki和moinmoin勾引过好久,dokuwiki不用数据库，很轻巧，moinmoin有我喜欢的Python。不过到最后还是因为维基百科而选择了MediaWiki。永久了也就越来越放不下了，至于其他的两个，先把 MediaWiki折腾好了再说。 &#160; 个人认为在MediaWiki里面写东西的时候内容隐藏的功能绝不可少。特别像我这种喜欢贴代码和流程思想的人，往往一页写下来老长老长。而且我对 MediaWiki最不满的就是目录无法自动滚动，所以再次浏览或编辑这条目的时候只能PageUp/Down的狂摁，相当难受。 &#160; 于是乎我今天就在这找到了个好东西&#8212;&#62;Toggle。他们自己是这样定义的：This feature allows for toggling the visibility of any part of the page.（能让我们切换页面上一切元素的显示/隐藏状态）哈哈，这下赚大发了。 &#160; Toggle不是基于MediaWiki的插件,而是js代码。要想在MediaWiki用它必须修改MediaWiki:Common.js页面（用MediaWiki的原话来说在此处的JavaScript将加载于所有用户每一个页面）。修改方法也很简单，用管理员登陆，在MediaWiki的搜索框中输入MediaWiki:Common.js。点击进入，不存在的话直接创建页面就行了。直接在浏览器中进入可能会出现403Forbidden的情况(亲测，估计是哪个权限没配好)。最后在这个页面增加以下代码http://www.mediawiki.org/wiki/MediaWiki:Common.js &#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;以下是使用介绍&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212; 我们可以给为任意元素来生成一个Toggler(就是隐藏/显示的切换器，以下统一用Toggler)。 最简单的方法是手动增加Toggler。要定义一个基本的toggler，只要增加这样的一个元素就行了。 1: &#60;span class="_toggler-CLASS"&#62;toggler&#60;/span&#62; 其中“_toggler-CLASS”的“CLASS”对应你要切换的页面元素的Class名称因此像下面的代码就能完美地完成我的目标。 1: &#60;div style="display: none;" class="test"&#62;隐藏测试&#60;/div&#62; 2: &#60;span class="_toggler-test"&#62;隐藏测试&#60;/span&#62; 代码很好理解，首先创建了一个默认为隐藏的DIV,&#60;div&#62;&#60;/div&#62;填入我们想隐藏的任何东西(代码、图片&#8230;)。然后创建了对应这个DIV的切换器。事实上我更喜欢把创建切换器写到创建DIV之前，效果更好。 &#8230; <a href="http://blog.suflanker.com/2009/06/mediawiki%e7%9a%84%e5%86%85%e5%ae%b9%e9%9a%90%e8%97%8f.html">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>&nbsp; MediaWiki + VIM是我最近折腾的两大重心。当初选择wiki程序的时候也曾被dokuwiki和moinmoin勾引过好久,dokuwiki不用数据库，很轻巧，moinmoin有我喜欢的Python。不过到最后还是因为维基百科而选择了MediaWiki。永久了也就越来越放不下了，至于其他的两个，先把 MediaWiki折腾好了再说。 </p>
<p>&nbsp; 个人认为在MediaWiki里面写东西的时候内容隐藏的功能绝不可少。特别像我这种喜欢贴代码和流程思想的人，往往一页写下来老长老长。而且我对 MediaWiki最不满的就是目录无法自动滚动，所以再次浏览或编辑这条目的时候只能PageUp/Down的狂摁，相当难受。</p>
<p>&nbsp; 于是乎我今天就在<a href="http://openwetware.org/wiki/User:Austin_J._Che/Extensions/LatexDoc" target="_blank">这</a>找到了个好东西&#8212;&gt;Toggle。他们自己是这样定义的：This feature allows for toggling the visibility of any part of the page.（能让我们切换页面上一切元素的显示/隐藏状态）哈哈，这下赚大发了。</p>
<p>&nbsp; Toggle不是基于MediaWiki的插件,而是js代码。要想在MediaWiki用它必须修改MediaWiki:Common.js页面（用MediaWiki的原话来说在此处的JavaScript将加载于所有用户每一个页面）。修改方法也很简单，用管理员登陆，在MediaWiki的搜索框中输入MediaWiki:Common.js。点击进入，不存在的话直接创建页面就行了。直接在浏览器中进入可能会出现403Forbidden的情况(亲测，估计是哪个权限没配好)。最后在这个页面增加以下代码<a href="http://www.mediawiki.org/wiki/MediaWiki:Common.js">http://www.mediawiki.org/wiki/MediaWiki:Common.js</a> </p>
<p><strong></strong>&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;以下是使用介绍&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212; </p>
<p> 我们可以给为任意元素来生成一个Toggler(就是隐藏/显示的切换器，以下统一用Toggler)。</p>
<p> 最简单的方法是手动增加Toggler。要定义一个基本的toggler，只要增加这样的一个元素就行了。 </p>
<div style="border-right: gray 1px solid; padding-right: 4px; border-top: gray 1px solid; padding-left: 4px; font-size: 8pt; padding-bottom: 4px; margin: 20px 0px 10px; overflow: auto; border-left: gray 1px solid; width: 97.5%; cursor: text; max-height: 200px; line-height: 12pt; padding-top: 4px; border-bottom: gray 1px solid; font-family: consolas,'Courier New',courier,monospace; height: 31px; background-color: #f4f4f4">
<div style="padding-right: 0px; padding-left: 0px; font-size: 8pt; padding-bottom: 0px; overflow: visible; width: 100%; color: black; border-top-style: none; line-height: 12pt; padding-top: 0px; font-family: consolas,'Courier New',courier,monospace; border-right-style: none; border-left-style: none; height: 23px; background-color: #f4f4f4; border-bottom-style: none">
<pre style="padding-right: 0px; padding-left: 0px; font-size: 8pt; padding-bottom: 0px; margin: 0em; overflow: visible; width: 100%; color: black; border-top-style: none; line-height: 12pt; padding-top: 0px; font-family: consolas,'Courier New',courier,monospace; border-right-style: none; border-left-style: none; background-color: white; border-bottom-style: none"><span style="color: #606060">   1:</span> <span style="color: #0000ff">&lt;</span><span style="color: #800000">span</span> <span style="color: #ff0000">class</span><span style="color: #0000ff">="_toggler-CLASS"</span><span style="color: #0000ff">&gt;</span>toggler<span style="color: #0000ff">&lt;/</span><span style="color: #800000">span</span><span style="color: #0000ff">&gt;</span></pre>
</div>
</div>
<p> 其中“_toggler-CLASS”的“CLASS”对应你要切换的页面元素的Class名称因此像下面的代码就能完美地完成我的目标。 </p>
<div style="border-right: gray 1px solid; padding-right: 4px; border-top: gray 1px solid; padding-left: 4px; font-size: 8pt; padding-bottom: 4px; margin: 20px 0px 10px; overflow: auto; border-left: gray 1px solid; width: 97.5%; cursor: text; max-height: 200px; line-height: 12pt; padding-top: 4px; border-bottom: gray 1px solid; font-family: consolas,'Courier New',courier,monospace; height: 45px; background-color: #f4f4f4">
<div style="padding-right: 0px; padding-left: 0px; font-size: 8pt; padding-bottom: 0px; overflow: visible; width: 100%; color: black; border-top-style: none; line-height: 12pt; padding-top: 0px; font-family: consolas,'Courier New',courier,monospace; border-right-style: none; border-left-style: none; background-color: #f4f4f4; border-bottom-style: none">
<pre style="padding-right: 0px; padding-left: 0px; font-size: 8pt; padding-bottom: 0px; margin: 0em; overflow: visible; width: 100%; color: black; border-top-style: none; line-height: 12pt; padding-top: 0px; font-family: consolas,'Courier New',courier,monospace; border-right-style: none; border-left-style: none; background-color: white; border-bottom-style: none"><span style="color: #606060">   1:</span> <span style="color: #0000ff">&lt;</span><span style="color: #800000">div</span> <span style="color: #ff0000">style</span><span style="color: #0000ff">="display: none;"</span> <span style="color: #ff0000">class</span><span style="color: #0000ff">="test"</span><span style="color: #0000ff">&gt;</span>隐藏测试<span style="color: #0000ff">&lt;/</span><span style="color: #800000">div</span><span style="color: #0000ff">&gt;</span></pre>
<pre style="padding-right: 0px; padding-left: 0px; font-size: 8pt; padding-bottom: 0px; margin: 0em; overflow: visible; width: 100%; color: black; border-top-style: none; line-height: 12pt; padding-top: 0px; font-family: consolas,'Courier New',courier,monospace; border-right-style: none; border-left-style: none; background-color: #f4f4f4; border-bottom-style: none"><span style="color: #606060">   2:</span> <span style="color: #0000ff">&lt;</span><span style="color: #800000">span</span> <span style="color: #ff0000">class</span><span style="color: #0000ff">="_toggler-test"</span><span style="color: #0000ff">&gt;</span>隐藏测试<span style="color: #0000ff">&lt;/</span><span style="color: #800000">span</span><span style="color: #0000ff">&gt;</span></pre>
</div>
</div>
<p> 代码很好理解，首先创建了一个默认为隐藏的DIV,&lt;div&gt;&lt;/div&gt;填入我们想隐藏的任何东西(代码、图片&#8230;)。然后创建了对应这个DIV的切换器。事实上我更喜欢把创建切换器写到创建DIV之前，效果更好。 </p>
<p> 最方便的方法是使用MediaWiki的模板，首先创建模板Template:Hide，填入以下代码并保存。 </p>
<div style="border-right: gray 1px solid; padding-right: 4px; border-top: gray 1px solid; padding-left: 4px; font-size: 8pt; padding-bottom: 4px; margin: 20px 0px 10px; overflow: auto; border-left: gray 1px solid; width: 97.5%; cursor: text; max-height: 200px; line-height: 12pt; padding-top: 4px; border-bottom: gray 1px solid; font-family: consolas,'Courier New',courier,monospace; height: 82px; background-color: #f4f4f4">
<div style="padding-right: 0px; padding-left: 0px; font-size: 8pt; padding-bottom: 0px; overflow: visible; width: 100%; color: black; border-top-style: none; line-height: 12pt; padding-top: 0px; font-family: consolas,'Courier New',courier,monospace; border-right-style: none; border-left-style: none; background-color: #f4f4f4; border-bottom-style: none">
<pre style="padding-right: 0px; padding-left: 0px; font-size: 8pt; padding-bottom: 0px; margin: 0em; overflow: visible; width: 100%; color: black; border-top-style: none; line-height: 12pt; padding-top: 0px; font-family: consolas,'Courier New',courier,monospace; border-right-style: none; border-left-style: none; background-color: white; border-bottom-style: none"><span style="color: #606060">   1:</span> <span style="color: #0000ff">&lt;</span><span style="color: #800000">includeonly</span><span style="color: #0000ff">&gt;&lt;</span><span style="color: #800000">span</span> <span style="color: #ff0000">class</span><span style="color: #0000ff">="_togglegroup _toggle_initshow _toggle _toggler toggle-visible"</span> <span style="color: #ff0000">style</span><span style="color: #0000ff">="display:none;"</span><span style="color: #0000ff">&gt;</span>[show]<span style="color: #0000ff">&lt;/</span><span style="color: #800000">span</span><span style="color: #0000ff">&gt;&lt;</span><span style="color: #800000">span</span> <span style="color: #ff0000">class</span><span style="color: #0000ff">="_toggle_inithide _toggle _toggler toggle-hidden"</span> <span style="color: #ff0000">style</span><span style="color: #0000ff">="display:none;"</span><span style="color: #0000ff">&gt;</span>[hide]<span style="color: #0000ff">&lt;/</span><span style="color: #800000">span</span><span style="color: #0000ff">&gt;</span></pre>
<pre style="padding-right: 0px; padding-left: 0px; font-size: 8pt; padding-bottom: 0px; margin: 0em; overflow: visible; width: 100%; color: black; border-top-style: none; line-height: 12pt; padding-top: 0px; font-family: consolas,'Courier New',courier,monospace; border-right-style: none; border-left-style: none; background-color: #f4f4f4; border-bottom-style: none"><span style="color: #606060">   2:</span> <span style="color: #0000ff">&lt;</span><span style="color: #800000">div</span> <span style="color: #ff0000">class</span><span style="color: #0000ff">="_toggle_inithide _toggle toggle-hidden"</span><span style="color: #0000ff">&gt;</span>{{{1}}}<span style="color: #0000ff">&lt;/</span><span style="color: #800000">div</span><span style="color: #0000ff">&gt;&lt;/</span><span style="color: #800000">includeonly</span><span style="color: #0000ff">&gt;&lt;</span><span style="color: #800000">noinclude</span><span style="color: #0000ff">&gt;</span></pre>
<pre style="padding-right: 0px; padding-left: 0px; font-size: 8pt; padding-bottom: 0px; margin: 0em; overflow: visible; width: 100%; color: black; border-top-style: none; line-height: 12pt; padding-top: 0px; font-family: consolas,'Courier New',courier,monospace; border-right-style: none; border-left-style: none; background-color: white; border-bottom-style: none"><span style="color: #606060">   3:</span> ==Usage==</pre>
<pre style="padding-right: 0px; padding-left: 0px; font-size: 8pt; padding-bottom: 0px; margin: 0em; overflow: visible; width: 100%; color: black; border-top-style: none; line-height: 12pt; padding-top: 0px; font-family: consolas,'Courier New',courier,monospace; border-right-style: none; border-left-style: none; background-color: #f4f4f4; border-bottom-style: none"><span style="color: #606060">   4:</span> <span style="color: #0000ff">&lt;</span><span style="color: #800000">nowiki</span><span style="color: #0000ff">&gt;</span>{{hide|text to hide}}<span style="color: #0000ff">&lt;/</span><span style="color: #800000">nowiki</span><span style="color: #0000ff">&gt;</span> or <span style="color: #0000ff">&lt;</span><span style="color: #800000">nowiki</span><span style="color: #0000ff">&gt;</span>{{hide|1=text to hide}}<span style="color: #0000ff">&lt;/</span><span style="color: #800000">nowiki</span><span style="color: #0000ff">&gt;</span>. The second form is required when "text to hide" contains an equals sign. This produces:{{hide|text to hide}}<span style="color: #0000ff">&lt;/</span><span style="color: #800000">noinclude</span><span style="color: #0000ff">&gt;</span></pre>
</div>
</div>
<p> 接下来我们就可以在Wiki里面就可以用{{hide|要隐藏的内容}}来添加Toggler了,很方便吧… 最有意思的用法是这样的，你点击它的时候把它自己也隐藏了，哈哈。 </p>
<div style="border-right: gray 1px solid; padding-right: 4px; border-top: gray 1px solid; padding-left: 4px; font-size: 8pt; padding-bottom: 4px; margin: 20px 0px 10px; overflow: auto; border-left: gray 1px solid; width: 97.5%; cursor: text; max-height: 200px; line-height: 12pt; padding-top: 4px; border-bottom: gray 1px solid; font-family: consolas,'Courier New',courier,monospace; height: 45px; background-color: #f4f4f4">
<div style="padding-right: 0px; padding-left: 0px; font-size: 8pt; padding-bottom: 0px; overflow: visible; width: 100%; color: black; border-top-style: none; line-height: 12pt; padding-top: 0px; font-family: consolas,'Courier New',courier,monospace; border-right-style: none; border-left-style: none; background-color: #f4f4f4; border-bottom-style: none">
<pre style="padding-right: 0px; padding-left: 0px; font-size: 8pt; padding-bottom: 0px; margin: 0em; overflow: visible; width: 100%; color: black; border-top-style: none; line-height: 12pt; padding-top: 0px; font-family: consolas,'Courier New',courier,monospace; border-right-style: none; border-left-style: none; background-color: white; border-bottom-style: none"><span style="color: #606060">   1:</span> <span style="color: #0000ff">&lt;</span><span style="color: #800000">span</span> <span style="color: #ff0000">class</span><span style="color: #0000ff">="_toggler-toggle toggle"</span><span style="color: #0000ff">&gt;</span>隐藏测试<span style="color: #0000ff">&lt;/</span><span style="color: #800000">span</span><span style="color: #0000ff">&gt;</span></pre>
<pre style="padding-right: 0px; padding-left: 0px; font-size: 8pt; padding-bottom: 0px; margin: 0em; overflow: visible; width: 100%; color: black; border-top-style: none; line-height: 12pt; padding-top: 0px; font-family: consolas,'Courier New',courier,monospace; border-right-style: none; border-left-style: none; background-color: #f4f4f4; border-bottom-style: none"><span style="color: #606060">   2:</span> <span style="color: #0000ff">&lt;</span><span style="color: #800000">div</span> <span style="color: #ff0000">style</span><span style="color: #0000ff">="display: none;"</span> <span style="color: #ff0000">class</span><span style="color: #0000ff">="toggle"</span><span style="color: #0000ff">&gt;</span>隐藏测试<span style="color: #0000ff">&lt;/</span><span style="color: #800000">div</span><span style="color: #0000ff">&gt;</span></pre>
</div>
</div>
<p><strong> 相对高级的应用：</strong> toggler可以切换其他的toggler的显示状态，甚至是本身。以下代码就生成了两个相互切换的toggler </p>
<div style="border-right: gray 1px solid; padding-right: 4px; border-top: gray 1px solid; padding-left: 4px; font-size: 8pt; padding-bottom: 4px; margin: 20px 0px 10px; overflow: auto; border-left: gray 1px solid; width: 97.5%; cursor: text; max-height: 200px; line-height: 12pt; padding-top: 4px; border-bottom: gray 1px solid; font-family: consolas,'Courier New',courier,monospace; background-color: #f4f4f4">
<div style="padding-right: 0px; padding-left: 0px; font-size: 8pt; padding-bottom: 0px; overflow: visible; width: 100%; color: black; border-top-style: none; line-height: 12pt; padding-top: 0px; font-family: consolas,'Courier New',courier,monospace; border-right-style: none; border-left-style: none; background-color: #f4f4f4; border-bottom-style: none">
<pre style="padding-right: 0px; padding-left: 0px; font-size: 8pt; padding-bottom: 0px; margin: 0em; overflow: visible; width: 100%; color: black; border-top-style: none; line-height: 12pt; padding-top: 0px; font-family: consolas,'Courier New',courier,monospace; border-right-style: none; border-left-style: none; background-color: white; border-bottom-style: none"><span style="color: #606060">   1:</span> #<span style="color: #0000ff">&lt;</span><span style="color: #800000">span</span> <span style="color: #ff0000">class</span><span style="color: #0000ff">="_toggler-toggler2 toggler1"</span><span style="color: #0000ff">&gt;</span>Toggle #2<span style="color: #0000ff">&lt;/</span><span style="color: #800000">span</span><span style="color: #0000ff">&gt;</span></pre>
<pre style="padding-right: 0px; padding-left: 0px; font-size: 8pt; padding-bottom: 0px; margin: 0em; overflow: visible; width: 100%; color: black; border-top-style: none; line-height: 12pt; padding-top: 0px; font-family: consolas,'Courier New',courier,monospace; border-right-style: none; border-left-style: none; background-color: #f4f4f4; border-bottom-style: none"><span style="color: #606060">   2:</span> #<span style="color: #0000ff">&lt;</span><span style="color: #800000">span</span> <span style="color: #ff0000">class</span><span style="color: #0000ff">="_toggler-toggler1 toggler2"</span><span style="color: #0000ff">&gt;</span>Toggle #1<span style="color: #0000ff">&lt;/</span><span style="color: #800000">span</span><span style="color: #0000ff">&gt;</span></pre>
</div>
</div>
<p>&nbsp; 你可以使用”_toggler_OPERATION-CLASS”来增加指定功能的toggler，这个Operation包括三种：reset、show、hide。</p>
<p>&nbsp; 同时我们也可以同过元素的ID来增加toggler，方法便是_toggler&#8211;myelement（此Toggler对应的便是用&lt;div id=”myelement&gt;&#8230;&lt;/div&gt;来定义的元素)。</p>
<p>&nbsp; 更详细的可见<a href="http://openwetware.org/wiki/OpenWetWare:Toggle" target="_blank">OpenWetWare:Toggle</a>，上面还有其他的模板。</p>
<p>&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;以下是扯淡&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212; </p>
<p>&nbsp; 今天还有另一个收获就是发现了下一步的折腾目标：MediaWiki+Latex和TOC的自动浮动，MediaWiki+Latex好像有蛮多插件，TOC的自动浮动就不知道怎么弄了，继续折腾吧&#8230;</p>
<h2  class="related_post_title">相关日志</h2><ul class="related_post"><li>2010-12-01 -- <a href="http://blog.suflanker.com/2010/12/mediawiki%e4%b8%ad%e6%96%87%e6%90%9c%e7%b4%a2%e8%a7%a3%e5%86%b3.html" title="MediaWiki中文搜索解决">MediaWiki中文搜索解决</a> (1)</li><li>2009-06-05 -- <a href="http://blog.suflanker.com/2009/06/mediawiki-%e6%b5%ae%e5%8a%a8%e7%9b%ae%e5%bd%95.html" title="MediaWiki 浮动目录">MediaWiki 浮动目录</a> (1)</li><li>2012-05-08 -- <a href="http://blog.suflanker.com/2012/05/new-ipad.html" title="new pad">new pad</a> (0)</li><li>2011-12-05 -- <a href="http://blog.suflanker.com/2011/12/new-domain-laji-mobi.html" title="新域名">新域名</a> (2)</li><li>2011-07-24 -- <a href="http://blog.suflanker.com/2011/07/migrate-to-vps.html" title="搬家兼VPS折腾记">搬家兼VPS折腾记</a> (1)</li></ul>]]></content:encoded>
			<wfw:commentRss>http://blog.suflanker.com/2009/06/mediawiki%e7%9a%84%e5%86%85%e5%ae%b9%e9%9a%90%e8%97%8f.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>MediaWiki插件</title>
		<link>http://blog.suflanker.com/2008/10/mediawiki%e6%8f%92%e4%bb%b6.html</link>
		<comments>http://blog.suflanker.com/2008/10/mediawiki%e6%8f%92%e4%bb%b6.html#comments</comments>
		<pubDate>Mon, 13 Oct 2008 22:48:31 +0000</pubDate>
		<dc:creator>LajiCF</dc:creator>
				<category><![CDATA[Computer]]></category>
		<category><![CDATA[MediaWiki]]></category>

		<guid isPermaLink="false">http://www.suflanker.com/2008/10/14/mediawiki%e6%8f%92%e4%bb%b6/</guid>
		<description><![CDATA[用MediaWiki有一段时间了,整理几个必备插件,做个备忘. SyntaxHighlight_GeSHi 代码高亮，使用相当方便 效果见图 下载方法:SVN Checkout就行，SVN地址: 1: http://svn.wikimedia.org/svnroot/mediawiki/trunk/extensions/SyntaxHighlight_GeSHi/ 用方法,修改LocalSettings.php,加入下面的代码。 1: require_once("extensions/SyntaxHighlight_GeSHi/SyntaxHighlight_GeSHi.php"); 2.FCKeditor 高级编辑器,MediaWiki默认的那个实在是简单的惨不忍睹 效果：  对比一下原来的： ，差距大吧&#8230; 下载地址: 1: http://mediawiki.fckeditor.net/nightly/svn/mediawiki_fckeditor_ext_N.zip 2: http://svn.fckeditor.net/MediaWiki/trunk （SVN地址） 使用方法： 首先下载最新版的FCKeditor，解压，然后拷贝全部文件到extensions\FCKeditor\fckeditor文件夹。 然后修改LocalSettings.php,加入下面的代码便可。 1: require_once( "extensions/FCKeditor/FCKeditor.php" ); 3.图片扩展，MediaWiki添加图片是在是不方便，用了LinkedImages就方便多了。加了这个插件后引用图片就可以这样来写： 1: &#60;linkedimage&#62; 2: wikipage=Main_Page 3: tooltip=Main Page 4: img_src=Image:Sample.gif 5: &#8230; <a href="http://blog.suflanker.com/2008/10/mediawiki%e6%8f%92%e4%bb%b6.html">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>用MediaWiki有一段时间了,整理几个必备插件,做个备忘.</p>
<ol>
<li>SyntaxHighlight_GeSHi 代码高亮，使用相当方便</li>
</ol>
<p>效果见图</p>
<p><img style="border-width: 0px; width: 404px; display: inline; height: 412px;" title="geshi_C#" src="http://suflanker.com/pic/blogbus/12238810630.jpg" border="0" alt="geshi_C#" /></p>
<blockquote><p>下载方法:SVN Checkout就行，SVN地址:</p></blockquote>
<div style="border: 1px solid gray; margin: 20px 0px 10px; padding: 4px; overflow: auto; line-height: 12pt; background-color: #f4f4f4; width: 86.58%; font-family: consolas,'Courier New',courier,monospace; height: 30px; max-height: 200px; font-size: 8pt; cursor: text;">
<div style="border-style: none; padding: 0px; overflow: visible; line-height: 12pt; background-color: #f4f4f4; width: 49.62%; font-family: consolas,'Courier New',courier,monospace; height: 29px; color: black; font-size: 8pt;">
<pre style="border-style: none; margin: 0em; padding: 0px; overflow: visible; line-height: 12pt; background-color: white; width: 195%; font-family: consolas,'Courier New',courier,monospace; height: 16px; color: black; font-size: 8pt;"><span style="color: #606060;">   1:</span> <a href="http://svn.wikimedia.org/svnroot/mediawiki/trunk/extensions/SyntaxHighlight_GeSHi/">http://svn<span style="color: #cc6633;">.wikimedia</span><span style="color: #cc6633;">.org</span>/svnroot/mediawiki/trunk/extensions/SyntaxHighlight_GeSHi/</a></pre>
</div>
</div>
<div class="csharpcode-wrapper">
<div class="csharpcode">
<pre class="alt">     用方法,修改LocalSettings.php,加入下面的代码。</pre>
<div style="border: 1px solid gray; margin: 20px 0px 10px; padding: 4px; overflow: auto; line-height: 12pt; background-color: #f4f4f4; width: 97.5%; font-family: consolas,'Courier New',courier,monospace; max-height: 200px; font-size: 8pt; cursor: text;">
<div style="border-style: none; padding: 0px; overflow: visible; line-height: 12pt; background-color: #f4f4f4; width: 100%; font-family: consolas,'Courier New',courier,monospace; color: black; font-size: 8pt;">
<pre style="border-style: none; margin: 0em; padding: 0px; overflow: visible; line-height: 12pt; background-color: white; width: 100%; font-family: consolas,'Courier New',courier,monospace; color: black; font-size: 8pt;"><span style="color: #606060;">   1:</span> require_once(<span style="color: #006080;">"extensions/SyntaxHighlight_GeSHi/SyntaxHighlight_GeSHi.php"</span>);</pre>
</div>
</div>
<pre class="alt"><strong>2.FCKeditor</strong></pre>
</div>
</div>
<p>高级编辑器,MediaWiki默认的那个实在是简单的惨不忍睹</p>
<p>效果：  <img src="http://suflanker.com/pic/blogbus/12238813391.png" border="0" alt="" /></p>
<p>对比一下原来的： <img src="$moz-screenshot.jpg" alt="" /><img src="http://suflanker.com/pic/blogbus/12238813390.png" border="0" alt="" />，差距大吧&#8230;</p>
<p>下载地址:</p>
<div style="border: 1px solid gray; margin: 20px 0px 10px; padding: 4px; overflow: auto; line-height: 12pt; background-color: #f4f4f4; width: 97.5%; font-family: consolas,'Courier New',courier,monospace; max-height: 200px; font-size: 8pt; cursor: text;">
<div style="border-style: none; padding: 0px; overflow: visible; line-height: 12pt; background-color: #f4f4f4; width: 100%; font-family: consolas,'Courier New',courier,monospace; color: black; font-size: 8pt;">
<pre style="border-style: none; margin: 0em; padding: 0px; overflow: visible; line-height: 12pt; background-color: white; width: 100%; font-family: consolas,'Courier New',courier,monospace; color: black; font-size: 8pt;"><span style="color: #606060;">   1:</span> http:<span style="color: #008000;">//mediawiki.fckeditor.net/nightly/svn/mediawiki_fckeditor_ext_N.zip</span></pre>
<pre style="border-style: none; margin: 0em; padding: 0px; overflow: visible; line-height: 12pt; background-color: #f4f4f4; width: 100%; font-family: consolas,'Courier New',courier,monospace; color: black; font-size: 8pt;"><span style="color: #606060;">   2:</span> <a href="http://svn.fckeditor.net/MediaWiki/trunk">http://svn<span style="color: #cc6633;">.fckeditor</span><span style="color: #cc6633;">.net</span>/MediaWiki/trunk</a> （SVN地址）</pre>
</div>
</div>
<p>使用方法：</p>
<ul>
<li>首先下载最新版的<a href="http://www.fckeditor.net/download" target="_blank">FCKeditor</a>，解压，然后拷贝全部文件到extensions\FCKeditor\fckeditor文件夹。</li>
<li>然后修改LocalSettings.php,加入下面的代码便可。</li>
</ul>
<div style="border: 1px solid gray; margin: 20px 0px 10px; padding: 4px; overflow: auto; line-height: 12pt; background-color: #f4f4f4; width: 97.5%; font-family: consolas,'Courier New',courier,monospace; max-height: 200px; font-size: 8pt; cursor: text;">
<div style="border-style: none; padding: 0px; overflow: visible; line-height: 12pt; background-color: #f4f4f4; width: 100%; font-family: consolas,'Courier New',courier,monospace; color: black; font-size: 8pt;">
<pre style="border-style: none; margin: 0em; padding: 0px; overflow: visible; line-height: 12pt; background-color: white; width: 100%; font-family: consolas,'Courier New',courier,monospace; color: black; font-size: 8pt;"><span style="color: #606060;">   1:</span> require_once( <span style="color: #006080;">"extensions/FCKeditor/FCKeditor.php"</span> );</pre>
</div>
</div>
<p>3.图片扩展，MediaWiki添加图片是在是不方便，用了<a href="http://www.allwiki.com/wiki/MediaWiki%E6%89%A9%E5%B1%95%EF%BC%9A%E6%8C%87%E5%AE%9A%E5%9B%BE%E7%89%87%E9%93%BE%E6%8E%A5" target="_blank">LinkedImages</a>就方便多了。加了这个插件后引用图片就可以这样来写：</p>
<div style="border: 1px solid gray; margin: 20px 0px 10px; padding: 4px; overflow: auto; line-height: 12pt; background-color: #f4f4f4; width: 86.04%; font-family: consolas,'Courier New',courier,monospace; height: 143px; max-height: 200px; font-size: 8pt; cursor: text;">
<div style="border-style: none; padding: 0px; overflow: visible; line-height: 12pt; background-color: #f4f4f4; width: 100%; font-family: consolas,'Courier New',courier,monospace; color: black; font-size: 8pt;">
<pre style="border-style: none; margin: 0em; padding: 0px; overflow: visible; line-height: 12pt; background-color: white; width: 100%; font-family: consolas,'Courier New',courier,monospace; color: black; font-size: 8pt;"><span style="color: #606060;">   1:</span> <span style="color: #0000ff;">&lt;</span><span style="color: #800000;">linkedimage</span><span style="color: #0000ff;">&gt;</span></pre>
<pre style="border-style: none; margin: 0em; padding: 0px; overflow: visible; line-height: 12pt; background-color: #f4f4f4; width: 100%; font-family: consolas,'Courier New',courier,monospace; color: black; font-size: 8pt;"><span style="color: #606060;">   2:</span> wikipage=Main_Page</pre>
<pre style="border-style: none; margin: 0em; padding: 0px; overflow: visible; line-height: 12pt; background-color: white; width: 100%; font-family: consolas,'Courier New',courier,monospace; color: black; font-size: 8pt;"><span style="color: #606060;">   3:</span> tooltip=Main Page</pre>
<pre style="border-style: none; margin: 0em; padding: 0px; overflow: visible; line-height: 12pt; background-color: #f4f4f4; width: 100%; font-family: consolas,'Courier New',courier,monospace; color: black; font-size: 8pt;"><span style="color: #606060;">   4:</span> img_src=Image:Sample.gif</pre>
<pre style="border-style: none; margin: 0em; padding: 0px; overflow: visible; line-height: 12pt; background-color: white; width: 100%; font-family: consolas,'Courier New',courier,monospace; color: black; font-size: 8pt;"><span style="color: #606060;">   5:</span> img_width=10%</pre>
<pre style="border-style: none; margin: 0em; padding: 0px; overflow: visible; line-height: 12pt; background-color: #f4f4f4; width: 100%; font-family: consolas,'Courier New',courier,monospace; color: black; font-size: 8pt;"><span style="color: #606060;">   6:</span> img_height=10px</pre>
<pre style="border-style: none; margin: 0em; padding: 0px; overflow: visible; line-height: 12pt; background-color: white; width: 100%; font-family: consolas,'Courier New',courier,monospace; color: black; font-size: 8pt;"><span style="color: #606060;">   7:</span> img_alt=Sampletext</pre>
<pre style="border-style: none; margin: 0em; padding: 0px; overflow: visible; line-height: 12pt; background-color: #f4f4f4; width: 100%; font-family: consolas,'Courier New',courier,monospace; color: black; font-size: 8pt;"><span style="color: #606060;">   8:</span> <span style="color: #0000ff;">&lt;/</span><span style="color: #800000;">linkedimage</span><span style="color: #0000ff;">&gt;</span></pre>
</div>
</div>
<p>怎么样，方便吧。</p>
<ul>
<li> 下载以及安装方法见<a href="http://www.allwiki.com/wiki/MediaWiki%E6%89%A9%E5%B1%95%EF%BC%9A%E6%8C%87%E5%AE%9A%E5%9B%BE%E7%89%87%E9%93%BE%E6%8E%A5" target="_blank">链接</a></li>
</ul>
<p>4. Cooltable，小插件一个。</p>
<p>它的主要功能就是给MediaWiki的表格增加了一个特效，当你鼠标移动至表格中某一单元格时改变其背景，类似于选中后高亮的那种效果。见图：</p>
<p><a href="http://suflanker.com/pic/blogbus/12433263690.png"><img style="display: inline; border: 0;" title="未命名" src="http://suflanker.com/pic/blogbus/12433263690.png" border="0" alt="未命名" width="484" height="86" /></a></p>
<p>具体的颜色可以在插件的源代码里修改，搜索coolTable.php中的”objRef.style.backgroundColor=&#8217;#EEE&#8217;;” 把#EEE&#8217;替换成你要的颜色便可。</p>
<p>下载地址见<a title="http://paulgu.com/wiki/Cool_Table" href="http://paulgu.com/wiki/Cool_Table">http://paulgu.com/wiki/Cool_Table</a></p>
<p>使用方法还是老样子，修改LocalSettings.php,加入 include(“extensions/coolTable.php”);搞定。</p>
<p>使用方法很简单：&lt;cooltable&gt; 你的表格代码 &lt;/cooltable&gt; 。</p>
<p><strong>注意，只能是HTML的表格，MediaWiki的表格无效。</strong></p>
<p>不定期更新中。。。</p>
<p>V 0.2 于 20090526  更新了fckeditor的安装方法，加了个Cooltable插件</p>
<h2  class="related_post_title">相关日志</h2><ul class="related_post"><li>2010-12-01 -- <a href="http://blog.suflanker.com/2010/12/mediawiki%e4%b8%ad%e6%96%87%e6%90%9c%e7%b4%a2%e8%a7%a3%e5%86%b3.html" title="MediaWiki中文搜索解决">MediaWiki中文搜索解决</a> (1)</li><li>2010-03-14 -- <a href="http://blog.suflanker.com/2010/03/%e5%88%a0%e9%99%a4mediawiki%e7%b1%bb%e5%88%ab%e9%a1%b5%e9%9d%a2%e4%b8%ad%e7%9a%84%e5%ad%97%e6%af%8d%e7%b4%a2%e5%bc%95.html" title="删除MediaWiki类别页面中的字母索引">删除MediaWiki类别页面中的字母索引</a> (4)</li><li>2009-06-05 -- <a href="http://blog.suflanker.com/2009/06/mediawiki-%e6%b5%ae%e5%8a%a8%e7%9b%ae%e5%bd%95.html" title="MediaWiki 浮动目录">MediaWiki 浮动目录</a> (1)</li><li>2009-06-02 -- <a href="http://blog.suflanker.com/2009/06/mediawiki%e7%9a%84%e5%86%85%e5%ae%b9%e9%9a%90%e8%97%8f.html" title="MediaWiki的内容隐藏">MediaWiki的内容隐藏</a> (0)</li><li>2008-10-09 -- <a href="http://blog.suflanker.com/2008/10/mediawiki.html" title="MediaWiki">MediaWiki</a> (0)</li></ul>]]></content:encoded>
			<wfw:commentRss>http://blog.suflanker.com/2008/10/mediawiki%e6%8f%92%e4%bb%b6.html/feed</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
		<item>
		<title>MediaWiki</title>
		<link>http://blog.suflanker.com/2008/10/mediawiki.html</link>
		<comments>http://blog.suflanker.com/2008/10/mediawiki.html#comments</comments>
		<pubDate>Thu, 09 Oct 2008 10:28:34 +0000</pubDate>
		<dc:creator>LajiCF</dc:creator>
				<category><![CDATA[Computer]]></category>
		<category><![CDATA[MediaWiki]]></category>

		<guid isPermaLink="false">http://www.suflanker.com/2008/10/09/mediawiki/</guid>
		<description><![CDATA[　平时在电脑上记笔记用的最多的就是Google Notes加上EverNote，Google用来计自己扯的东西，而Evernote则是用于摘录。这俩一组合用起来一直感觉不错。不过最近记录一些AE的东西，比如说对一些接口的想法了啥的。然后总想在笔记中加一些横向的链接，这下用Google Notes就有点勉为其难了。然后就想像到了MediaWiki，干这事它在行啊，哈哈。 　 MediaWiki很早以前就折腾过，不过那时感觉平常用不着。然后升级了MySQL和PHP之后就没再管它了（应该说是升级了PHPnow之后!:)，再加上在本地我还架了个WordPress,捣鼓过来捣鼓过去也没让他们两个和平共处）。现在又得重操旧业了，装了以后试着写了一些，感觉还不错，检索了链接了这些都挺方便的。再说Wiki的语法还挺简单，OK，以后就用它了。 &#160; &#160; 这是我的Wiki主页，很挫但是很好用，简单一点就行了。就叫它Lajipedia吧&#8230; &#160; &#160;&#160; ms好久没更新Blog了，真是该打。 相关日志2010-12-01 -- MediaWiki中文搜索解决 (1)2010-03-14 -- 删除MediaWiki类别页面中的字母索引 (4)2009-06-05 -- MediaWiki 浮动目录 (1)2009-06-02 -- MediaWiki的内容隐藏 (0)2008-10-14 -- MediaWiki插件 (5)]]></description>
			<content:encoded><![CDATA[<p>　平时在电脑上记笔记用的最多的就是Google Notes加上EverNote，Google用来计自己扯的东西，而Evernote则是用于摘录。这俩一组合用起来一直感觉不错。不过最近记录一些AE的东西，比如说对一些接口的想法了啥的。然后总想在笔记中加一些横向的链接，这下用Google Notes就有点勉为其难了。然后就想像到了MediaWiki，干这事它在行啊，哈哈。</p>
<p>　 MediaWiki很早以前就折腾过，不过那时感觉平常用不着。然后升级了MySQL和PHP之后就没再管它了（应该说是升级了PHPnow之后!:)，再加上在本地我还架了个WordPress,捣鼓过来捣鼓过去也没让他们两个和平共处）。现在又得重操旧业了，装了以后试着写了一些，感觉还不错，检索了链接了这些都挺方便的。再说Wiki的语法还挺简单，OK，以后就用它了。</p>
<p>&nbsp; &nbsp; 这是我的Wiki主页，很挫但是很好用，简单一点就行了。就叫它Lajipedia吧&#8230;</p>
<p><a href="http://suflanker.com/pic/blogbus/s/12235585950.jpg" target="_blank"><img style="width: 575px; height: 403px;" src="http://suflanker.com/pic/blogbus/12235585950.jpg" border="0" alt="" /></a> </p>
<p>&nbsp; &nbsp;&nbsp; ms好久没更新Blog了，真是该打。</p>
<h2  class="related_post_title">相关日志</h2><ul class="related_post"><li>2010-12-01 -- <a href="http://blog.suflanker.com/2010/12/mediawiki%e4%b8%ad%e6%96%87%e6%90%9c%e7%b4%a2%e8%a7%a3%e5%86%b3.html" title="MediaWiki中文搜索解决">MediaWiki中文搜索解决</a> (1)</li><li>2010-03-14 -- <a href="http://blog.suflanker.com/2010/03/%e5%88%a0%e9%99%a4mediawiki%e7%b1%bb%e5%88%ab%e9%a1%b5%e9%9d%a2%e4%b8%ad%e7%9a%84%e5%ad%97%e6%af%8d%e7%b4%a2%e5%bc%95.html" title="删除MediaWiki类别页面中的字母索引">删除MediaWiki类别页面中的字母索引</a> (4)</li><li>2009-06-05 -- <a href="http://blog.suflanker.com/2009/06/mediawiki-%e6%b5%ae%e5%8a%a8%e7%9b%ae%e5%bd%95.html" title="MediaWiki 浮动目录">MediaWiki 浮动目录</a> (1)</li><li>2009-06-02 -- <a href="http://blog.suflanker.com/2009/06/mediawiki%e7%9a%84%e5%86%85%e5%ae%b9%e9%9a%90%e8%97%8f.html" title="MediaWiki的内容隐藏">MediaWiki的内容隐藏</a> (0)</li><li>2008-10-14 -- <a href="http://blog.suflanker.com/2008/10/mediawiki%e6%8f%92%e4%bb%b6.html" title="MediaWiki插件">MediaWiki插件</a> (5)</li></ul>]]></content:encoded>
			<wfw:commentRss>http://blog.suflanker.com/2008/10/mediawiki.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

