<?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>笔记本 &#187; 晴</title>
	<atom:link href="http://mengzhuo.org/blog/category/sunny/feed" rel="self" type="application/rss+xml" />
	<link>http://mengzhuo.org/blog</link>
	<description>Just The Way It Was</description>
	<lastBuildDate>Sun, 29 Apr 2012 13:35:37 +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>Ibus-GJS主题制作</title>
		<link>http://mengzhuo.org/blog/ibus-gjs%e4%b8%bb%e9%a2%98%e5%88%b6%e4%bd%9c.html</link>
		<comments>http://mengzhuo.org/blog/ibus-gjs%e4%b8%bb%e9%a2%98%e5%88%b6%e4%bd%9c.html#comments</comments>
		<pubDate>Sun, 29 Apr 2012 13:31:12 +0000</pubDate>
		<dc:creator>mz</dc:creator>
				<category><![CDATA[晴]]></category>
		<category><![CDATA[Linux软件]]></category>
		<category><![CDATA[Ubuntu]]></category>
		<category><![CDATA[技术]]></category>
		<category><![CDATA[折腾]]></category>

		<guid isPermaLink="false">http://mengzhuo.org/blog/?p=1631</guid>
		<description><![CDATA[因为我的个人的电脑是12&#8242;小屏又高分辨率（1280&#215;800），所以不改就看起来字就很小。而Ibus-GJS(Gnome JavaScript)版本用的前端是JS+CSS，这就给Ibus输入法主题定制提供了可能性（以前是代码里面写死的样式） 修改前 可以明显看出，连火狐的字体都比输入法的待选词框里的要大。不进行修改的话，打起字来很难受…… 待修改文件 只有两个，ibus-gjs的版本是3 /usr/share/gnome-shell/extensions/ibus-indicator@example.com/stylesheet.css /usr/share/gnome-shell/js/ui/status/ibus/candidatePanel.js 分析代码 不喜欢看的同学可以直接跳到：修改主题 文件1里面的内容是标准的CSS框架，文件2里面的是JS代码，写过网页前端的同学一定不会陌生这两个东西。 从文件2源代码看，选词框的结构是 candidate-panel > candidate-area > candidate-vertical > candidate-vcontent > *candidateTextStyle 当然，水平的选词框就把vertical换成horizontal就可以了。而candidateTextStyle之所以打星号，是因为在Ibus的源代码里并没有给这个应该有的属性添加上类别……因为标签本身就属于popup-menu，本身这样的标签是不必要的，但作者认为这样是很有效的，没办法，我们只能自己来改了。 style_class: 'popup-menu-item', style: candidateTextStyle, 了解以后我们就可以通过修改CSS来更改Ibus的主题样式了。 修改主题 理论上应该用stylesheet.css来控制这些参数的，但就像我之前说的，作者觉得这样更方便……我会尽力做出更好的patch，让作者改变心意。 const里的candidateTextStyle值 添加 font-size:11pt;text-shadow:0 0 5px #69d6ff; 就可以改变候选词的样式成酷酷的发蓝光的样子，而且变大了~ 同理，如果想改变候选编号的话就要改变candidateLabelStyle就可以了。 在stylesheet.css里面的参数基本是控制了整个候选区域的边框等，当然要是你有CSS经验，还可以加上背景图什么的都可以，这样一来相当于皮肤的功能就实现了 Ibus-GJS主题制作 &#124; 订阅博客署名-非商业性使用-相同方式共享]]></description>
			<content:encoded><![CDATA[<p>因为我的个人的电脑是12&#8242;小屏又高分辨率（1280&#215;800），所以不改就看起来字就很小。而Ibus-GJS(Gnome JavaScript)版本用的前端是JS+CSS，这就给Ibus输入法主题定制提供了可能性（以前是代码里面写死的样式）</p>
<h4>修改前</h4>
<p><a href="http://mengzhuo.org/blog/wp-content/uploads/2012/04/2012-04-09-223738_1280x800_scrot.png"><img class="alignnone  wp-image-1632" title="2012-04-09-223738_1280x800_scrot" src="http://mengzhuo.org/blog/wp-content/uploads/2012/04/2012-04-09-223738_1280x800_scrot.png" alt="" width="327" height="233" /></a><br />
可以明显看出，连火狐的字体都比输入法的待选词框里的要大。不进行修改的话，打起字来很难受……</p>
<h4>待修改文件</h4>
<p>只有两个，ibus-gjs的版本是3</p>
<ol>
<li><code>/usr/share/gnome-shell/extensions/ibus-indicator@example.com/stylesheet.css</code></li>
<li><code>/usr/share/gnome-shell/js/ui/status/ibus/candidatePanel.js</code></li>
</ol>
<h4>分析代码</h4>
<p>不喜欢看的同学可以直接跳到：<a href="#theme">修改主题</a><br />
文件1里面的内容是标准的CSS框架，文件2里面的是JS代码，写过网页前端的同学一定不会陌生这两个东西。<br />
从文件2源代码看，选词框的结构是</p>
<blockquote><p>candidate-panel > candidate-area > candidate-vertical > candidate-vcontent > *candidateTextStyle </p></blockquote>
<p>当然，水平的选词框就把vertical换成horizontal就可以了。而candidateTextStyle之所以打星号，是因为在Ibus的源代码里并没有给这个应该有的属性添加上类别……因为标签本身就属于popup-menu，本身这样的标签是不必要的，但作者认为这样是<a href="https://github.com/fujiwarat/ibus-gjs/pull/10#issuecomment-5110947">很有效的</a>，没办法，我们只能自己来改了。</p>
<blockquote><p><code>                                        style_class: 'popup-menu-item',<br />
                                        style: candidateTextStyle,</code></p></blockquote>
<p>了解以后我们就可以通过修改CSS来更改Ibus的主题样式了。</p>
<h4 id='theme'>修改主题</h4>
<p>理论上应该用stylesheet.css来控制这些参数的，但就像我之前说的，作者觉得这样更方便……我会尽力做出更好的patch，让作者改变心意。<br />
const里的candidateTextStyle值<br />
添加<br />
<blockquote><code>font-size:11pt;text-shadow:0 0 5px #69d6ff;</code></p></blockquote>
<p>就可以改变候选词的样式成酷酷的发蓝光的样子，而且变大了~<br />
<a href="http://mengzhuo.org/blog/wp-content/uploads/2012/04/2012-04-25-121028_1280x800_scrot.png"><img src="http://mengzhuo.org/blog/wp-content/uploads/2012/04/2012-04-25-121028_1280x800_scrot.png" alt="" title="2012-04-25-121028_1280x800_scrot" width="220" height="158" class="alignnone size-full wp-image-1646" /></a><br />
同理，如果想改变候选编号的话就要改变candidateLabelStyle就可以了。<br />
在stylesheet.css里面的参数基本是控制了整个候选区域的边框等，当然要是你有CSS经验，还可以加上背景图什么的都可以，这样一来相当于皮肤的功能就实现了</p>
<blockquote><a title="Ibus-GJS主题制作" href="http://mengzhuo.org/blog/ibus-gjs%e4%b8%bb%e9%a2%98%e5%88%b6%e4%bd%9c.html">Ibus-GJS主题制作</a> | <a title="蒙卓的博客，东西很杂" href="http://mengzhuo.org/blog/feed">订阅博客</a></blockquote><blockquote><small><a href="http://creativecommons.org/licenses/by-nc-sa/3.0/deed.zh" title="保留权利声明">署名-非商业性使用-相同方式共享</a></small><blockquote>]]></content:encoded>
			<wfw:commentRss>http://mengzhuo.org/blog/ibus-gjs%e4%b8%bb%e9%a2%98%e5%88%b6%e4%bd%9c.html/feed</wfw:commentRss>
		<slash:comments>7</slash:comments>
		</item>
		<item>
		<title>Ubuntu11.10平滑升级至12.04</title>
		<link>http://mengzhuo.org/blog/ubuntu11-10%e5%b9%b3%e6%bb%91%e5%8d%87%e7%ba%a7%e8%87%b312-04.html</link>
		<comments>http://mengzhuo.org/blog/ubuntu11-10%e5%b9%b3%e6%bb%91%e5%8d%87%e7%ba%a7%e8%87%b312-04.html#comments</comments>
		<pubDate>Sat, 31 Mar 2012 06:28:55 +0000</pubDate>
		<dc:creator>mz</dc:creator>
				<category><![CDATA[晴]]></category>
		<category><![CDATA[Linux软件]]></category>
		<category><![CDATA[Rhythmbox]]></category>
		<category><![CDATA[RR]]></category>
		<category><![CDATA[技术]]></category>
		<category><![CDATA[折腾]]></category>

		<guid isPermaLink="false">http://mengzhuo.org/blog/?p=1580</guid>
		<description><![CDATA[Ubuntu12.04已经进入beta2了，其主要特性已冻结，目前只是Debug阶段了，其实和正式版差不了多少了。我个人主要是想要Gnome Shell 3.4（11.10肯定不会用的了），所以现在升级了。 一键升级 root权限下终端里执行update-manager -d就可以了，凭良心说现在的Ubuntu比2年前好多了，当时还要满世界找升级源，现在是全自动解决了。 自动化的源变更 接下来是等待下载结束，配置开始，一些软件如果改了默认配置就需要重新配置，比如mysql、apache。其他的基本上自动解决了。一开始我还担心12.04会把unity默认装回来，后来发现根本就是瞎担心，几乎是完美地回到了我原来的桌面，不过还是有下面这个小问题 Ibus-gjs 自动重启以后发现最大的问题是ibus-gjs没办法用了，而fujiwarat（IBUS-GJS作者）目前没空，所以我把网上搜刮到的patch打好，大家可以通过 sudo apt-add-repository ppa:mengzhuo1203/ibus-gjs &#038;&#038; sudo apt-get update &#038;&#038; sudo apt-get install ibus-gjs来获得我做的包 按下Alt+F2输入r重载后，使用gnome-tweak-tool调整就好了。 Rhythmbox 这次主要播放器又换回了Rhythmbox3，而11.10是蛋疼的banshee（主要是音乐文件夹更新后竟然没有自动侦测），不过之前开发的插件也用不上了，因为底层重写了……看来得花个时间重新看看文档了。 Ubuntu11.10平滑升级至12.04 &#124; 订阅博客署名-非商业性使用-相同方式共享]]></description>
			<content:encoded><![CDATA[<p>Ubuntu12.04已经进入beta2了，其主要特性已冻结，目前只是Debug阶段了，其实和正式版差不了多少了。我个人主要是想要Gnome Shell 3.4（11.10肯定不会用的了），所以现在升级了。</p>
<h4>一键升级</h4>
<p>root权限下终端里执行<code class="tty">update-manager -d</code>就可以了，凭良心说现在的Ubuntu比2年前好多了，当时还要满世界找升级源，现在是全自动解决了。</p>
<h4>自动化的源变更</h4>
<p><a href="http://mengzhuo.org/blog/wp-content/uploads/2012/03/Screenshot-2012-03-31-003313.png"><img class="wp-image-1581 alignnone" title="Screenshot-2012-03-31 00:33:13" src="http://mengzhuo.org/blog/wp-content/uploads/2012/03/Screenshot-2012-03-31-003313.png" alt="" width="271" height="229" /></a><a href="http://mengzhuo.org/blog/wp-content/uploads/2012/03/2012-03-31-015037_1280x800_scrot.jpg"><img class="alignright size-medium wp-image-1586" title="2012-03-31-015037_1280x800_scrot" src="http://mengzhuo.org/blog/wp-content/uploads/2012/03/2012-03-31-015037_1280x800_scrot-300x300.jpg" alt="" width="300" height="300" /></a><br />
接下来是等待下载结束，配置开始，一些软件如果改了默认配置就需要重新配置，比如mysql、apache。其他的基本上自动解决了。一开始我还担心12.04会把unity默认装回来，后来发现根本就是瞎担心，几乎是完美地回到了我原来的桌面，不过还是有下面这个小问题</p>
<h4>Ibus-gjs</h4>
<p>自动重启以后发现最大的问题是ibus-gjs没办法用了，而fujiwarat（IBUS-GJS作者）目前没空，所以我把网上搜刮到的patch打好，大家可以通过<br />
<code class="tty">sudo apt-add-repository ppa:mengzhuo1203/ibus-gjs &#038;&#038; sudo apt-get update &#038;&#038; sudo apt-get install ibus-gjs</code>来获得我做的包<br />
按下Alt+F2输入r重载后，使用gnome-tweak-tool调整就好了。</p>
<h4>Rhythmbox</h4>
<p>这次主要播放器又换回了Rhythmbox3，而11.10是蛋疼的banshee（主要是音乐文件夹更新后竟然没有自动侦测），不过之前开发的插件也用不上了，因为底层重写了……看来得花个时间重新看看文档了。</p>
<blockquote><a title="Ubuntu11.10平滑升级至12.04" href="http://mengzhuo.org/blog/ubuntu11-10%e5%b9%b3%e6%bb%91%e5%8d%87%e7%ba%a7%e8%87%b312-04.html">Ubuntu11.10平滑升级至12.04</a> | <a title="蒙卓的博客，东西很杂" href="http://mengzhuo.org/blog/feed">订阅博客</a></blockquote><blockquote><small><a href="http://creativecommons.org/licenses/by-nc-sa/3.0/deed.zh" title="保留权利声明">署名-非商业性使用-相同方式共享</a></small><blockquote>]]></content:encoded>
			<wfw:commentRss>http://mengzhuo.org/blog/ubuntu11-10%e5%b9%b3%e6%bb%91%e5%8d%87%e7%ba%a7%e8%87%b312-04.html/feed</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>[WP插件]QQ Avatar</title>
		<link>http://mengzhuo.org/blog/wp%e6%8f%92%e4%bb%b6qq-avatar.html</link>
		<comments>http://mengzhuo.org/blog/wp%e6%8f%92%e4%bb%b6qq-avatar.html#comments</comments>
		<pubDate>Tue, 20 Dec 2011 14:05:27 +0000</pubDate>
		<dc:creator>mz</dc:creator>
				<category><![CDATA[晴]]></category>
		<category><![CDATA[wp破事]]></category>
		<category><![CDATA[技术]]></category>
		<category><![CDATA[网站]]></category>

		<guid isPermaLink="false">http://mengzhuo.org/blog/?p=1384</guid>
		<description><![CDATA[如果用户使用数字QQ邮箱留言且公开空间头像 就替换Gravatar头像成QQ头像 插件地址 插件特点： 其他插件不能获取头像，我的可以 缓存QQ头像，一次加载，永久有用 加密QQ号码，不泄露”隐私“ 因为很多同学没有申请Gravatar，所以博客留言头像那栏总是神秘人，不过有些同学用QQ纯数字邮箱留的言，正好QQ有个不算是API的方法获得QQ头像，所以我就想写个插件了。 [WP插件]QQ Avatar &#124; 订阅博客署名-非商业性使用-相同方式共享]]></description>
			<content:encoded><![CDATA[<p>如果用户使用数字QQ邮箱留言且公开空间头像<br />
<strong>就替换Gravatar头像成QQ头像</strong></p>
<p class="right" ><a class="download" href="http://wordpress.org/extend/plugins/qq-avatar/">插件地址</a></p>
<h4>插件特点：</h4>
<ol>
<li>其他插件不能获取头像，我的可以</li>
<li>缓存QQ头像<del datetime="2011-12-20T13:38:13+00:00">，一次加载，永久有用</del></li>
<li>加密QQ号码，不泄露”隐私“</li>
</ol>
<p>因为很多同学没有申请Gravatar，所以博客留言头像那栏总是神秘人，不过有些同学用QQ纯数字邮箱留的言，正好QQ有个不算是API的方法获得QQ头像，所以我就想写个插件了。</p>
<blockquote><a title="[WP插件]QQ Avatar" href="http://mengzhuo.org/blog/wp%e6%8f%92%e4%bb%b6qq-avatar.html">[WP插件]QQ Avatar</a> | <a title="蒙卓的博客，东西很杂" href="http://mengzhuo.org/blog/feed">订阅博客</a></blockquote><blockquote><small><a href="http://creativecommons.org/licenses/by-nc-sa/3.0/deed.zh" title="保留权利声明">署名-非商业性使用-相同方式共享</a></small><blockquote>]]></content:encoded>
			<wfw:commentRss>http://mengzhuo.org/blog/wp%e6%8f%92%e4%bb%b6qq-avatar.html/feed</wfw:commentRss>
		<slash:comments>10</slash:comments>
		</item>
		<item>
		<title>x200s清理键盘记</title>
		<link>http://mengzhuo.org/blog/x200s%e6%b8%85%e7%90%86%e9%94%ae%e7%9b%98%e8%ae%b0.html</link>
		<comments>http://mengzhuo.org/blog/x200s%e6%b8%85%e7%90%86%e9%94%ae%e7%9b%98%e8%ae%b0.html#comments</comments>
		<pubDate>Fri, 16 Dec 2011 16:42:15 +0000</pubDate>
		<dc:creator>mz</dc:creator>
				<category><![CDATA[晴]]></category>
		<category><![CDATA[生活]]></category>

		<guid isPermaLink="false">http://mengzhuo.org/blog/?p=1359</guid>
		<description><![CDATA[一直不觉得笔记本电脑的键盘有多脏，直到今天我发现夹缝里有只虫子的时候才下狠心拆来清洁一下，我现在就是用洗干净的键盘来写此文的，胆大心细肯定能和我一样按原样装回去。 拆解方向 Thinkpad的键盘徒手就可以拆解了，蓝色的边表示掀开的位置，例子： C键如下图所示: 下图是所有键的方向示意，特殊结构的键为暗红色区 暗红色的键是特殊结构的键，里面都有小铝棒来平衡键，如下图所示： 所以拆的时候要多用点力。 注意！G、H的方向和键盘上其他的键正好反过来，Windows键和小一点的键都是从右边向左边掀开。 键盘安装 拆了，自然要装回去，很简单，对准直接按下就可以了。 特殊键有点麻烦，需要先将铝棒装回键的后面，再按下，如下图所示： 后记 其实不看不知道，看了吓一跳，键盘里几乎都是我的头发 清洁完，各种清爽哈 x200s清理键盘记 &#124; 订阅博客署名-非商业性使用-相同方式共享]]></description>
			<content:encoded><![CDATA[<p>一直不觉得笔记本电脑的键盘有多脏，直到今天我发现夹缝里有只虫子的时候才下狠心拆来清洁一下，我现在就是用洗干净的键盘来写此文的，胆大心细肯定能和我一样按原样装回去。</p>
<h3>拆解方向</h3>
<p>Thinkpad的键盘徒手就可以拆解了，蓝色的边表示掀开的位置，例子：<br />
<strong>C键如下图所示:</strong><br />
<a href="http://mengzhuo.org/blog/wp-content/uploads/2011/12/keyboard1.png"><img src="http://mengzhuo.org/blog/wp-content/uploads/2011/12/keyboard1.png" alt="" title="keyboard" width="300" height="186" class="alignnone size-full wp-image-1361" /></a></p>
<p><strong>下图是所有键的方向示意，特殊结构的键为暗红色区</strong><a href="http://mengzhuo.org/blog/wp-content/uploads/2011/12/4892ktx99447.jpg"><img src="http://mengzhuo.org/blog/wp-content/uploads/2011/12/4892ktx99447-610x278.jpg" alt="" title="4892ktx99447" width="610" height="278" class="alignnone size-large wp-image-1368" /></a><br />
<span id="more-1359"></span><br />
<strong>暗红色的键是特殊结构的键，里面都有小铝棒来平衡键，如下图所示：</strong><br />
<a href="http://mengzhuo.org/blog/wp-content/uploads/2011/12/special_key.jpg"><img src="http://mengzhuo.org/blog/wp-content/uploads/2011/12/special_key.jpg" alt="" title="special_key" width="400" height="313" class="alignnone size-full wp-image-1373" /></a><br />
所以拆的时候要多用点力。</p>
<blockquote class="caution"><p>注意！G、H的方向和键盘上其他的键正好反过来，Windows键和小一点的键都是从右边向左边掀开。</p></blockquote>
<h3>键盘安装</h3>
<p>拆了，自然要装回去，很简单，对准直接按下就可以了。<br />
特殊键有点麻烦，需要先将铝棒装回键的后面，再按下，如下图所示：<br />
<a href="http://mengzhuo.org/blog/wp-content/uploads/2011/12/install.jpg"><img src="http://mengzhuo.org/blog/wp-content/uploads/2011/12/install.jpg" alt="" title="install" width="450" height="456" class="alignnone size-full wp-image-1377" /></a></p>
<h4>后记</h4>
<p>其实不看不知道，看了吓一跳，键盘里几乎都是我的头发<br />
<a href="http://mengzhuo.org/blog/wp-content/uploads/2011/12/IMG_20111216_215127.jpg"><img src="http://mengzhuo.org/blog/wp-content/uploads/2011/12/IMG_20111216_215127-300x224.jpg" alt="" title="IMG_20111216_215127" width="300" height="224" class="alignnone size-medium wp-image-1379" /></a><br />
清洁完，各种清爽哈</p>
<blockquote><a title="x200s清理键盘记" href="http://mengzhuo.org/blog/x200s%e6%b8%85%e7%90%86%e9%94%ae%e7%9b%98%e8%ae%b0.html">x200s清理键盘记</a> | <a title="蒙卓的博客，东西很杂" href="http://mengzhuo.org/blog/feed">订阅博客</a></blockquote><blockquote><small><a href="http://creativecommons.org/licenses/by-nc-sa/3.0/deed.zh" title="保留权利声明">署名-非商业性使用-相同方式共享</a></small><blockquote>]]></content:encoded>
			<wfw:commentRss>http://mengzhuo.org/blog/x200s%e6%b8%85%e7%90%86%e9%94%ae%e7%9b%98%e8%ae%b0.html/feed</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>[HOWTO]网站开启缓存 加速用户载入</title>
		<link>http://mengzhuo.org/blog/howto%e5%bc%80%e5%90%af%e7%bc%93%e5%ad%98%e7%bd%91%e7%ab%99%e5%8a%a0%e9%80%9f%e7%94%a8%e6%88%b7%e8%bd%bd%e5%85%a5.html</link>
		<comments>http://mengzhuo.org/blog/howto%e5%bc%80%e5%90%af%e7%bc%93%e5%ad%98%e7%bd%91%e7%ab%99%e5%8a%a0%e9%80%9f%e7%94%a8%e6%88%b7%e8%bd%bd%e5%85%a5.html#comments</comments>
		<pubDate>Sun, 11 Dec 2011 14:36:09 +0000</pubDate>
		<dc:creator>mz</dc:creator>
				<category><![CDATA[晴]]></category>
		<category><![CDATA[技术]]></category>
		<category><![CDATA[折腾]]></category>
		<category><![CDATA[正则表达式]]></category>

		<guid isPermaLink="false">http://mengzhuo.org/blog/?p=1332</guid>
		<description><![CDATA[因为托管的服务器在美国，所以和国内的速度没有可比性，所以开启了缓存来加速各位的访问速度。火星人都不知道哈哈~ 本文针对的是Apache服务器，主要是修改一个叫.htaccess的文件。 要注意：htaccess是一层层地执行，所以最好修改的是网站根目录下面的.htaccess。 FireBug的测试结果 华丽地节省了98%的流量，独立博客们都知道这意味着什么哈，当然，只有再次访问网站的用户才能调用浏览器的缓存，所以有点老访客福利的感觉。 代码 #Cache IMG CSS Header set "Cache-Control" "max-age=2592000" #Super Cache for Jquery one year Header set "Cache-Control" "max-age=49881203" 代码解释 FilesMatch不用我说了吧，意思是：匹配文件。 重点是后面引号中的\.(flv&#124;gif&#124;jpe?g&#124;png&#124;ico&#124;swf&#124;css&#124;js&#124;bmp)$，这段表示让服务器缓存所有指定的扩展名的文件，比如常见的图片格式png、gif等。 而Cache-Control就是让浏览器控制缓存的时间，单位是秒。 可能你会奇怪，为什么后面还有jquery.*\.js$，其实是因为我网站上经常调用Jquery的JS库，但是我自己写的Js又要长期修改，不能设置得太长，所以让服务器去寻找所有：jquery开头的JS文件，并设置成577天的缓存。这样又不会干扰到我的js文件。 副作用 用户访问里以后，你更改了服务器上某个用户的缓存文件，浏览器不会一下子载入新的文件。 [HOWTO]网站开启缓存 加速用户载入 &#124; 订阅博客署名-非商业性使用-相同方式共享]]></description>
			<content:encoded><![CDATA[<blockquote><p>因为托管的服务器在美国，所以和国内的速度没有可比性，所以开启了缓存来加速各位的访问速度。火星人都不知道哈哈~</p></blockquote>
<p>本文针对的是<strong><a href="http://zh.wikipedia.org/zh/Apache">Apache服务器</a></strong>，主要是修改一个叫<code>.htaccess</code>的文件。<br />
要注意：htaccess是一层层地执行，所以最好修改的是网站根目录下面的.htaccess。</p>
<h3>FireBug的测试结果</h3>
<p><a href="http://mengzhuo.org/blog/wp-content/uploads/2011/12/timetesing.png"><img class="alignnone size-full wp-image-1343" title="timetesing" src="http://mengzhuo.org/blog/wp-content/uploads/2011/12/timetesing.png" alt="" width="365" height="105" /></a><br />
华丽地节省了98%的流量，独立博客们都知道这意味着什么哈，当然，只有再次访问网站的用户才能调用浏览器的缓存，所以有点老访客福利的感觉。</p>
<h3>代码</h3>
<pre><xmp>#Cache IMG CSS
<filesmatch "\.(flv|gif|jpe?g|png|ico|swf|css|js|bmp)$">
Header set "Cache-Control" "max-age=2592000"
</filesmatch>

#Super Cache for Jquery one year
<filesmatch "jquery.*\.js$">
Header set "Cache-Control" "max-age=49881203"
</filesmatch></xmp></pre>
<h3>代码解释</h3>
<p>FilesMatch不用我说了吧，意思是：匹配文件。<br />
重点是后面引号中的<code>\.(flv|gif|jpe?g|png|ico|swf|css|js|bmp)$</code>，这段表示让服务器缓存所有指定的扩展名的文件，比如常见的图片格式png、gif等。<br />
而Cache-Control就是让浏览器控制缓存的时间，单位是秒。<br />
可能你会奇怪，为什么后面还有<code>jquery.*\.js$</code>，其实是因为我网站上经常调用Jquery的JS库，但是我自己写的Js又要长期修改，不能设置得太长，所以让服务器去寻找所有：jquery开头的JS文件，并设置成577天的缓存。这样又不会干扰到我的js文件。</p>
<h4>副作用</h4>
<p>用户访问里以后，你更改了服务器上某个用户的缓存文件，浏览器不会一下子载入新的文件。</p>
<blockquote><a title="[HOWTO]网站开启缓存 加速用户载入" href="http://mengzhuo.org/blog/howto%e5%bc%80%e5%90%af%e7%bc%93%e5%ad%98%e7%bd%91%e7%ab%99%e5%8a%a0%e9%80%9f%e7%94%a8%e6%88%b7%e8%bd%bd%e5%85%a5.html">[HOWTO]网站开启缓存 加速用户载入</a> | <a title="蒙卓的博客，东西很杂" href="http://mengzhuo.org/blog/feed">订阅博客</a></blockquote><blockquote><small><a href="http://creativecommons.org/licenses/by-nc-sa/3.0/deed.zh" title="保留权利声明">署名-非商业性使用-相同方式共享</a></small><blockquote>]]></content:encoded>
			<wfw:commentRss>http://mengzhuo.org/blog/howto%e5%bc%80%e5%90%af%e7%bc%93%e5%ad%98%e7%bd%91%e7%ab%99%e5%8a%a0%e9%80%9f%e7%94%a8%e6%88%b7%e8%bd%bd%e5%85%a5.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

