大猫の意淫筆記 » codex

让你的域名作为RSS地址可订阅

bigCat — Sun, 27 Nov 2011 09:03:24 +0000

花了一下午整理Google Reader,发现很多博客没法直接用自己的域名作为RSS地址订阅

例如在 Google Reader 里直接输入域名即可订阅

或者让Firefox 自动检测并提示可订阅,点击直接订阅到 Google Reader 里

(这按钮在firefox4.0的时候取消默认显示了,可以在刷新按钮上右键>自定义>拖回来)

那,秘诀就是在你的首页源代码里加一句

http://feed.ooxx.me/" />

这里的href指向真实的RSS地址

所谓真实的RSS地址一般wordpress是

http://ooxx.me/feed

或

http://ooxx.me/?feed=rss2

但我推荐搞个二级域名指向到feed托管服务商那

例如

http://feed.ooxx.me

目前指向的是 feedsky(feed优化>域名绑定), 当然你也可以feedburnner(好久没用忘了哪里捆绑域名了)

好处是用自己域名做feed,方便随时换托管商,并且托管商会帮你统计订阅数,顺便减轻服务器压力

还能挂个小图...

/////延伸阅读////////////////
软酥酥和阿童木的区别

暧昧贴

订阅那点事 (17)

CSS3动画-彩虹列表

bigCat — Fri, 28 Jan 2011 08:12:09 +0000

昨天在微薄问了个 JScript 的问题, 李振文同学解答了一下,顺便摸过去,发现他的热门文章列表很淫荡
于是抄袭了一个分享出来,嘿嘿

要体验的同学可以用 chrome 在俺 blog 侧边里看到
鼠标移上去的时候一个个亮起来,移走的时候慢慢消失掉

颜色可以用 Photoshop 拉好渐变取色

ul a,
ul:hover a {-webkit-transition-property:color;-webkit-transition-timing-function: cubic-bezier(1,0,1,0);}
ul a{-webkit-transition: all 1s ease-in-out;}
ul:hover li:nth-child(1) a {color:#DA020E;-webkit-transition-duration: 1s;}
ul:hover li:nth-child(2) a {color:#D30454;-webkit-transition-duration: .9s;}
ul:hover li:nth-child(3) a {color:#CB0A9B;-webkit-transition-duration: .8s;}
ul:hover li:nth-child(4) a {color:#C729B0;-webkit-transition-duration: .7s;}
ul:hover li:nth-child(5) a {color:#C75E81;-webkit-transition-duration: .6s;}
ul:hover li:nth-child(6) a {color:#C7A236;-webkit-transition-duration: .5s;}
ul:hover li:nth-child(7) a {color:#C7C40D;-webkit-transition-duration: .4s;}
ul:hover li:nth-child(8) a {color:#B8C10F;-webkit-transition-duration: .3s;}
ul:hover li:nth-child(9) a {color:#A2AD22;-webkit-transition-duration: .2s;}
ul:hover li:nth-child(10) a {color:#767954;-webkit-transition-duration: .1s;}

代码就这样子,结合了艺术网的一个例子 <　推荐这个名字很土的假中国鬼子网站...

暧昧贴

正向代理与反向代理的区别

bigCat — Sat, 25 Dec 2010 10:04:39 +0000

大家圣诞快乐~

和小操同学讨论到反向代理的时候逻辑混乱没理清,发一篇再理一次,哈

正向代理的概念

正向代理,也就是传说中的代理,他的工作原理就像一个跳板,
简单的说,
我是一个用户,我访问不了某网站,但是我能访问一个代理服务器
这个代理服务器呢,他能访问那个我不能访问的网站
于是我先连上代理服务器,告诉他我需要那个无法访问网站的内容
代理服务器去取回来,然后返回给我

从网站的角度,只在代理服务器来取内容的时候有一次记录
有时候并不知道是用户的请求,也隐藏了用户的资料,这取决于代理告不告诉网站

结论就是正向代理是一个位于客户端和原始服务器(origin server)之间的服务器，为了从原始服务器取得内容，客户端向代理发送一个请求并指定目标(原始服务器)，然后代理向原始服务器转交请求并将获得的内容返回给客户端。客户端必须要进行一些特别的设置才能使用正向代理。

反向代理的概念

继续举例:
例用户访问 http://ooxx.me/readme
但ooxx.me上并不存在readme页面
他是偷偷从另外一台服务器上取回来,然后作为自己的内容吐给用户

但用户并不知情
这很正常,用户一般都很笨

这里所提到的 ooxx.me 这个域名对应的服务器就设置了反向代理功能

结论就是反向代理正好相反，对于客户端而言它就像是原始服务器，并且客户端不需要进行任何特别的设置。客户端向反向代理的命名空间(name-space)中的内容发送普通请求，接着反向代理将判断向何处(原始服务器)转交请求，并将获得的内容返回给客户端，就像这些内容原本就是它自己的一样。

两者区别

从用途上来讲：

正向代理的典型用途是为在防火墙内的局域网客户端提供访问Internet的途径。正向代理还可以使用缓冲特性减少网络使用率。反向代理的典型用途是将防火墙后面的服务器提供给Internet用户访问。反向代理还可以为后端的多台服务器提供负载平衡，或为后端较慢的服务器提供缓冲服务。

另外，反向代理还可以启用高级URL策略和管理技术，从而使处于不同web服务器系统的web页面同时存在于同一个URL空间下。

从安全性来讲：

正向代理允许客户端通过它访问任意网站并且隐藏客户端自身，因此你必须采取安全措施以确保仅为经过授权的客户端提供服务。

反向代理对外都是透明的，访问者并不知道自己访问的是一个代理。

淫荡开发

因为某些特殊原因,我平时写前端代码都是本地开发(貌似你也是)
我怎么知道我的代码嵌入后是什么样子呢?
在本地搭建一个网站?公司网站一个机房的机器都放不下,更别说我一台PC鸡

这个时候就可以利用反向代理
我先把公司网址例如 miao.in 改HOST方式指向127.0.0.1 也就是自己机器
然后在自己机器上装一个 Apache
并且设置反向代理整站到线上服务器,但排除了目录 faq

于是我输入 http://miao.in/family/ 的时候,请求发送到本机的apache,本机的apache去线上获取内容吐给我,就像他自己的一样
而我输入 http://miao.in/faq/的时候,请求发送到本机的apache,apache发现这是个排除的目录,于是找本机上对应的目录文件(开发目录)吐给我

这样子就实现了完全模拟线上环境的开发模式

这个时候有人会跳出来说,我靠,用Fiddler不就行了
原理是一样的,亲爱的windows用户

操

小操同学你的姓太给力了,每次大喊:"操!吃饭去"
都是一种幸福啊~

Fiddler

http://www.fiddler2.com/ 是windows下神一样的东西,有兴趣自己去了解下
淫荡的佩玉同学开发了一个以他老婆命名的 Fiddler 插件,我们大家都爱用
不过透露的话会以泄露国家机密罪爆菊花,就不提了

参考资料

http://en.wikipedia.org/wiki/Reverse_proxy
http://baike.baidu.com/view/1165595.htm
http://zhuzhsh.javaeye.com/blog/293437

Random Posts

如何让主题支持WordPress 2.5的Gravatars (38)
搜狗拼音皮肤-鼹鼠家族之课堂传说 (35)
The Big Bang Theory (21)
SSH 入门教程(常用命令) (85)
韩寒很帅,但凡客,盗链不带这样玩 (59)
囧mail (151)
处男 (28)
Invitation to MediaTemple (dv) 4 Private Beta (31)
手机深圳通 iPhone4 MicroSim 卡初体验 (29)
解决foobar占用cpu15-20的问题 (0)

GIF和几种PNG(8/24/32)以及Alpha/索引色透明对比

bigCat — Sat, 18 Dec 2010 12:37:58 +0000

PNG这种文件格式值得科普下,对比GIF来说

PNG和GIF都支持动画
PNG的动画也叫APNG,只是firefox支持,详见 http://ooxx.me/apng.orz ,如Firefox看这里的favicon,是会动滴
所以动画图片来说,还是GIF支持最好

第一种PNG叫PNG8(索引色透明),简单说可以理解为静态的GIF
他们都只有256色,也支持索引透明,就是指定一个像素点是不是透明
但是PNG由于算法的优势,体积比较少
所以,静态GIF完全可用PNG8取代

第二种PNG也叫PNG8(Alpha透明),牛逼在可指定像素点的透明度,例如50%透明度
这种优点在于比PNG24/32体积小,因为也只有256色嘛
缺点在于IE6支持不好,会把半透明的像素点显示成全透明

第三种PNG叫PNG24
PNG24不透明,但是颜色数很多,不止256色
而Photoshop里导出的png24其实是png32

第四种PNG叫PNG32
缺点在于IE6支持不好,会把透明区域显示成蓝灰底色,把半透明区域显示成叠加蓝灰底色后的颜色

PNG32和PNG24的区别就是多了透明信息

(新增)第五种PNG叫Fireworks源文件
类似于Phosothop的PSD,有图层通道信息神马的
是PNG的一种扩展
这种丢到浏览器里表现和PNG32一样

简单的归纳就是

动画:
支持: GIF, APNG(firefox only)
不支持: 常规PNG

索引色透明(某像素是全透明还是全不透明):
支持: GIF/PNG都支持
不支持: IE6下的PNG8(Alpha透明)和PNG24/32

Alpha透明(可指定透明度):
支持:PNG8(Aplha透明)/PNG32
不支持: GIF/PNG8(索引色透明)/PNG24

图层
支持: PNG(FW源文件)
不支持: PNG8/PNG24/PNG32/GIF

颜色
256色：GIF PNG8(2种)
其他的格式颜色数不过来,好多

附加说明:

Photoshop 只能创建GIF、 PNG8(索引透明)和PNG24(其实是PNG32)

Fireworks 能创建任意格式的GIF和PNG

PNG8(索引透明)在创建的时候有个参数叫(PS杂边|FW色板),这个作用就是用杂边色加上像素点的透明度例如50%,生成伪透明的不透明像素点
适用于固定底色的伪半透明,例子里用的杂边是黑色,在白背景下就很明显

PNG8(Alpha透明)在IE6下会有过度裁剪的问题,可能是把半透明的像素都去掉了,所以某些图片会如最上面第一张图所示,被狗咬的感觉
规避方案:

1.用2张图,IE6用PNG8(索引透明),非IE6用PNG8(Alpha透明),在CSS里用_这个IE6hack来区别
2.半透明在作图的时候就要考虑到被去掉后的样子,对设计师有要求,不大现实
3.说服自己接受这坨大便,然后咽下去就这样了你想咋样

静态GIF、PNG 24、PNG32不大推荐在网页上用

实例在

http://code.sh/lab/png/

有兴趣自己去看

如有疑问和补充请留言，有问必答

------补充线-----------------------------------------------------------------------------------

ytzong says:

规避方案补充一个：
对IE6使用AlphaImageLoader滤镜，用在PNG8(Alpha透明)上，就像对png24用该滤镜一样，就不会有被狗咬的效果了，要平衡下性能进行取舍
http://www.misuisui.com/weblog/?p=2286

alpha透明的png8做渐进增强非常赞，例图
http://docs.google.com/File?id=ddrrtxb_1735hpptpxcm_b
高级浏览器有阴影，IE6木有

大猫对补充的补充:
1.AlphaImageLoader滤镜的缺点在于额外的CPU和内存开销,并且在图片下载失败的情况下会挂死整个页面,优点如涛哥所说
2.例图里因为非半透明区域是边缘平整的所以适合渐进增强,但是有相当一部分图就被狗咬了,具体看情况来取舍,顶渐进增强

==再补充点水分============================================

空帷拉小窗补充: 有误,有误啊~~~
PNG24和PNG32的理解有误

具体已经更新了文章,感谢印度万金油空空~

佩玉也来凑热闹,俯身献上一篇详细的PNG优化总结小报告:

http://code.sh/note/png%E4%BC%98%E5%8C%96%E5%B7%A5%E5%85%B7%E5%B0%8F%E7%BB%93/

Random Posts

恶搞专用屏保 — 蓝屏死机屏保 (5)
搞笑漫画日和特辑 (20)
地震 (69)
根据来源显示特定内容 (32)
ubuntu 主题 Elementary Art (21)
Ctrl+L Click – Intellij IDEA everyday (23)
4月底，大雨… (3)
谁偷了我的萝卜! (54)
性能优化及坑爹的 W3 Total Cache (42)
CSS河马 (20)

Facebook's URL

bigCat — Mon, 13 Dec 2010 13:17:27 +0000

首先要感谢黄老湿请来了大湿讲PPT

听大湿讲 PPT 听的热血沸腾,对 quickling 部分有个疑问

Facebook 页面切换是AJAX替换中间内容部分
好处是避免重复生成和下载共用部分(例如头尾)以节省服务器损耗和带宽还能提速

然后给URL后头加一个尾巴
好处是这地址复制给别人也能单独使用
(QQ空间不给力啊,刷新就去首页了...)

浏览器的前进后退历史记录等功能在特殊处理后也不会因为AJAX而痿掉

OK, 例如首页 http://www.facebook.com/

点了左侧的 messages

会AJAX从服务器拉中间部分的内容填进去

并把 URL 改为 http://www.facebook.com/#!/?sk=messages

当我们直接复制这串带着 hash (#后头这串)的地址给朋友,他们直接粘贴了访问的时候
浏览器请求 http://www.facebook.com/home.php
home.php里的脚本检测hash部分,
发现非空,
是#!/?sk=messages,
于是跳转到http://www.facebook.com/?sk=messages

依赖客户端做判断跳转?酱紫不是需要
服务器生成2个页面,
用户下载2个页面,
以及第一个页面hash检测脚本执行完毕之前的资源(因为脚本会阻塞后续)

为何不服务器直接根据用户请求的 URL 里的 hash 吐第二个页面给客户端捏?

混在一堆前端里头又不好意思问这个弱智问题,只好会后偷偷溜过去找大湿

大湿摸着我的头说: 我们也想啊,可客户端不发 hash过去

(一一!)

tail了一个 access_log 测试了一下,

果然如此

===毫无技术含量分隔====================

http://velocity.oreilly.com.cn/index.php?func=slidesvideos

这个 URL 包含的绝对是今年的性能和运维顶级盛宴

等有朝一日俺摸着别人头说啥啥啥的时候,肯定要谦虚的说:

"其实,我是一个运维"

Random Posts

韩寒很帅,但凡客,盗链不带这样玩

bigCat — Tue, 23 Nov 2010 13:30:14 +0000

下午突然接到报警，CPU飙了……菊花一紧！

Timmy 同学刚在抱怨，盗链严重，图床流量也没了

发现日志里全是凡客（vancl.com）的referral

这是为毛啊，顺着链接过去看，例如

打开妹子频道 http://www.vancl.com/channel/women.html

右键查看源代码，搜索 imtimmy ……

用英文说这叫 hotlink，翻译成中文叫他喵的吃果果盗链！

这段代码正是 http://imtimmy.com/jquery-lazyload-for-wordpress-img/ 原封不动啊

Timmy 哥设置了盗链木有小JJ，然后跳转到 http://imtimmy.com/404.gif 于是凡客的访客们就顺着这个到俺 (miao)里来了

统计了一下，那段代码被插到比较多页面，一屁眼时间总计有七八万次请求，摸谁谁怀孕
（这会儿看谁不爽，借力打力菊花直接盛开挖哈哈，当然这事咱不能干）

接下去的问题就是，这个404.gif 任由凡客OOXX的话一个月35G流量一会儿就烧完了

好嘛 .htaccess 出场

rewriteEngine on
rewriteCond %{HTTP_REFERER} vancl\.com
rewriteRule .* - [F]

日志里瞬间从 200 变成了403
这俩区别就是：
200 直接显示内容，也就是图片
403 给你个forbidden页面告诉你回家玩蛋去吧这页面占的流量基本可以忽略

这里需要注意的如果用另一种 Deny from 的防盗链方法，返回 404 ，会导致 WordPress 接管，调用主题里的404.php ，CPU 瞬间爆棚

最后对凡客的页面仔同学说一声：
1. 下回记得把图片存到自己服务器上
2. jQuery 库只需要调用一次……

本文图片可点击到高清无码大图
当事人写的blog在此 http://imtimmy.com/vancl-cause-server-down/

Random Posts

性能优化及坑爹的 W3 Total Cache

bigCat — Thu, 18 Nov 2010 17:56:00 +0000

(miao)里经常讨论性能优化的问题, 通俗点就是网页打开速度

比较影响速度的因素有:

1. 后台(PHP+MySQL): 根据请求,运行语句,操作数据库,生成页面返回

效率低的或查询量大会让cpu飙升

2. 线路: Ping 命令大家都会用,这时间就代表一个来回

(Ping偶尔会Timeout超时,也就是所谓的丢包,常规原因有2种:真丢,假丢

例如有些服务器设置侦测到集中密集的ICMP包会选择性的丢弃掉

10次里丢1次完全不同于10次访问有一次打不开,网页是走 TCP/IP 需要3次握手

Ping 相对重要的参数就是时间了,国外一般200-300ms左右,国内一般100内)

3. 前台: 闻名的 yslow 34 rules, 做了这些简单的调整, 可以明显的提速25%-50%

只需要装上Firefox,再继续搜 Firebug插件和 ySlow 插件
打开页面,按下 [F12] ,点 [yslow] 点 [run test] 即可分析当前页面

搞优化和搞SEO一样,没有绝对,只有相对的平衡,为了可维护性以及可用性牺牲的性能是比较值得的,而花大力气收效甚微的可往后靠

进入正题, 针对前后台和线路的解决方案

线路解决方案: 把服务器放在国内是最快的,缺点如下

1.备案(我是良民,备案除了浪费时间,可以克服)
2.安全(源码被盗,甚至密码泄露,网站被埋后门等时有耳闻
蝙蝠侠说过,能力越大责任越大
任何root只需要10个字母的系统自带命令就能监听未加密的数据包例如ftp,对,密码也会直接显示
请各位同学尽量用加密连接代替,例如sftp scp https之类的)
3. 你懂得,多说无益,小时候我数据蒸发过无数回,皆因同机房其他不良站连带

国外空间速度还能接受,价格还便宜,跟对管理员什么的,有肉吃!
唯一的缺点就是一旦发生啥大事,就会假装线路有问题,抽抽,概率较低每年几次
例如你正在看俺的这个帖子,他就位于达拉斯机房,不快,也不慢,图个稳定

后台解决方案: 静态化

也就是所谓的缓存,把数据库查询和PHP生成的页面生成html静态页面,一劳永逸
wordpress 里有缓存插件专门搞这些的 (WP Super Cache 安装与设置方法)

前台解决方案: 按照 yslow 给的建议走一遍

前文有提到

根据我的经验, 随便搞搞并效果好的是 http 请求数, 过期时间, 文件体积, 页面DOM节点太复杂, 脚本一大堆这几个

http 请求数(非常明显):

例如一个页面里有两张图片三个样式四个脚本,用户打开的时候就会产生1+2+3+4=10个请求
具体不分析,在文件比较小的情况下,例如表情头像什么的,请求5张10K的图片比请求一张50K的图片要慢的多
这种可以用 CSS Sprite 雪碧技术去选择性优化(切勿盲目雪碧,偶尔也要来点可乐杀杀)
多个样式表或脚本文件,方便的话,人肉复制粘贴合并,注意先后顺序,先加载的放前面

过期时间(非常明显):

管理员一般会给apache安装mod_expires,按照文件类型设置过期时间,例如(miao)设置了图片为一年过期
一旦这张图片存在于电脑的缓存里,电脑查询到还没过期,就直接取本地,跳过了请求也跳过了线路问题

浏览器缓一般只有几十MB,有新内容放不下会按照时间顺序删掉比较老的(即使没过期)
那会儿还专门做了个缓存生成器(擦车)测试过

唯一的缺点就是同名文件服务器更新了,本地电脑不鸟他, 可以用时间戳搞定
Google 新出的 mod_pagespeed 使用换文件名形式来规避这个问题

文件体积(非常明显):

下过毛片的同学都知道,mkv和rmvb的区别我就不多说了
解决方案就是搞个 gzip 压缩,一般 100k 的文本文件例如样式和脚本能压缩到30-50K
服务器在压缩后会在某个目录先留着,第二次请求的时候就不用再压缩了,所以CPU占用可以忽略
例如(miao)默认会按照文件类型压缩: 脚本样式网页什么的

脚本一大堆+页面太复杂(明显)

经常遇到有同学装了不少插件,插件调用了很多脚本文件
蹭有一个页面同时加载了YUI Jquery Prototype AE...(AE是什么框架?哈哈)
解决方案就是... 自己选一个炫和快的平衡点

好吧,这么多实现起来有难度啊

非技术流的同学可咋办好?

不用怕! WordPress有个插件叫 W3 Total Cache
他直接把前后台都优化了
出发点是好,估计技术还不行
只要装了 W3 Total Cache ,肯定比不装还要卡

奶奶的,遇到好几个站了,用的就是W3 Total Cache
CPU占用异常高!!!

搜了下也有一堆测评
Use WP Super Cache for WordPress speed, not W3 Total Cache (评论闪闪发光,很多技术细节)
WordPress load test part 2 - amendment
WordPress Cache Plugin Benchmarks
W3 Total Cache versus WP Super Cache

综上所述:
不要用 W3 Total Cache (方向对,但做的很烂)
用 WP Super Cache (WP Super Cache 安装与设置方法)

暧昧贴

改HOSTS文件更换网址对应IP

bigCat — Sun, 14 Nov 2010 11:16:59 +0000

嗷呜?豆瓣(www.douban.com)怎么打开是庙的内容?

经常遇到的情况是,我有一个网站,例如叫www.douban.com,他在正常运行
但是我需要测试下一个新的空间,如果直接更改www.douban.com的A Record(也叫IP指向)到新的服务器
这会让所有用户都转向测试用的服务器,这样就不好玩了

既要用域名测试,又不中断同样域名用户正常访问
今天要介绍的妹子叫做HOSTS文件

先介绍几个概念
域名 www.douban.com (不介绍,你懂的)
DNS 主 b.ns.douban.com 辅 d.ns.douban.com (在你输入域名回车后,电脑会去这个地址查域名对应的IP)
IP 211.147.4.49 (这是DNS服务器告诉电脑域名所对应的IP)
IP地址对应一台装了网站内容的服务器,电脑再去联系那个IP说我要www.douban.com对应的网页
IP对应的服务器就把豆瓣给你看了

这个所谓的HOSTS文件呢,他的用处就是你输入网址回车后,直接告诉你对应的IP
跳过了DNS环节,浏览器就傻逼逼的去向那个IP要文件了

他的位置呢,在咱自己的电脑里,如下

windows在 C:\Windows\System32\drivers\etc\HOSTS

linux 在 /etc/hosts

可以直接双击用记事本或其他你喜欢的编辑器打开

注意: win7用户需要更改下权限(方法在最后补充) linux用户需要sudo一下不然没法保存

语法简单到爆

写一串IP然后空格然后网址就可以了
#井号是注释

保存之后,浏览器关掉再开, www.douban.com 对应的IP就是你打在HOSTS文件里的那个了,即使ping一下也是新IP
只是改了HOSTS的机器里,不影响其他用户

这样子,换空间的时候就能先改HOSTS调试完毕后再换DNS服务器上的IP指向,实现无缝过渡

最后再补充win7的权限设置:

在HOSTS文件上右键,属性,接下去如下图

有啥问题请留言,俺一一答复

------update--------------win7更安全的使用HOSTS-------

Win7下按照我这种方法,就是把HOSTS文件弄成谁都可以随便上的文件,方便了自己也方便了恶意程序
同理777的危害

下面两种就类似linux的sudo方式,就是需要的时候赋予打开文件的程序以管理员权限,平时各回各家各找各妈

啊哈 ,maduoyuan says: 以管理员身份运行Notepad++ 或其他编辑器

zgy5729 says: Win7 下面可以开一个管理员权限的CMD，然后导航到hosts所在的地方，notepad hosts一下就可以，这样即安全也不会出现修改完以后忘了改回去被病毒传改了HOSTS

暧昧贴

win7 无法修改 host 文件解决方案 (37)

ubuntu 主题 Elementary Art

bigCat — Thu, 11 Nov 2010 13:41:02 +0000

点击上图看大图

选系统和选妹子一样，一定要长得靓
有很多同学在星巴克搅着飘香咖啡摊开MBP启动WINXP并且装着苹果主题也都是冲着这点吧想必

第一次进 ubuntu 官方主题站的时候……传送门实在是……丑的可以

所以一直用系统默认的 new wave , 直到有一天蛋疼看到了Elementary Art 这款主题，初恋的感觉呐，小心肝儿扑通扑通跳

安装方法：

$ sudo add-apt-repository ppa:elementaryart/ppa

$ sudo add-apt-repository ppa:am-monkeyd/nautilus-elementary-ppa

$ sudo apt-get update

$ sudo apt-get install elementary-theme elementary-icon-theme elementary-wallpapers

$ sudo apt-get upgrade

然后桌面右键最后一个啥的恩恩

PS: 下面那个叫 Docky 在软件中心直接搜索就能拿到
1. Gmail 提醒（支持Google Apps 邮局），左键浏览器打开右键查看邮件列表
2. 天气预报
3. 简洁直观，个人不喜欢pin一大堆图标

暧昧贴

WP Super Cache 安装与设置方法

bigCat — Wed, 10 Nov 2010 11:32:05 +0000

wordpress 的插件越来越多,速度也越来越慢,咋整?

静态化!

今天主要是把流程 Step by Step 一下,不用理解为啥这么设置, 只需要知道设置后会变的很快

所谓提前优化是万恶之源的意思就是说,之前网站做的越烂,优化的空间就越多
和老板说看,之前多烂多烂,俺给你省了多少多少钱,一般都能拿奖金
静态化也一样,之前一大堆插件,开个页面上百次MYSQL查询,或烂人写的没效率SQL会让人不禁抓栏杆撕床单

WP Super Cache 并不是100%静态化,不过这个不重要,他把最卡的部分搞定了即可

WP Super Cache 他唯一的缺点就是如果你在改主题或搞啥插件,后台设置了前台看不出变化,为毛?下面有解决方案

OK, let's gou

首先，永久连接不能使用默认格式
修改永久链接格式,中文推荐采用 /%post_id%.html (这下你知道我的.orz哪里来了吧)
如果你和我一样蛋疼愿意为每篇文章写一个英语的post slug
建议采用这样的格式：/%postname%.html (百分号外面的随意写)

这里我一二三四五六七都标注了就不介绍了吧,常规装插件也是这个套路

那些个神马ftp时代都已经过去鸟过去鸟

装完后激活一下

激活了,但他说还需要去设置一把, Rock it

凡是推荐的都打钩,无脑输出嘛

需要注意的是(miao)的用户不要开Compress pages so they’re served more quickly to visitors. (Recommended)

因为默认已经压缩了,再压缩一次一是可能乱码,而是增加不必要的损耗变得更慢

需要注意的是Don't cache for known users的意思是对已经登录的用户不缓存

这就解决的后台改主题无法更新的缺点

也就是说,平时的时候这个选项不打钩,当你需要改主题或调试插件什么时候就打他,改完了再去掉

因为我们选择了最快的mod_rewrite 方式,所以继续往下拉,会看到一坨螺旋状大黄色的容器,点里头的update mod_rewrite rules

不出意外会给个绿色的确认,某某.htaccess被插了...

有个激动人心的功能上几个版本才加进来的叫Preload,具体有兴趣可以看我写过的Preload 就不累赘再说一次了

全都搞定后去前台页面,右键查看源代码,拉到最下面,会有三行状态告诉你已经搞定鸟

FAQ:

Q: 我流量那么小,有必要搞这个么?
A: 搞这个纯粹为了自High,和流量没关系,例如打开自己的网站快个两三秒不是一键很爽的事咩?

Q: 那个过期时间我能改咩?
A: 建议用默认的

Preload 模式下更改过期时间,会导致全站文件一遍遍的重新生成,这是完全没必要的
普通模式下更改过期时间,太短或太长都会导致CPU飙升,得不偿失,除非你流量大一个月五六千才有必要

Q: 我发表新日志,或访客留言后他会全站再静态化一次么?
A:不用担心,使用起来和没有装是一样的,有内容更新它会重新生成对应的页面的静态文件,没有更新的就没必要再去重新生成一次

Q: 这个对SEO有没有影响?
A: 有,SEO里爬虫对页面打开速度比较敏感,

常规模式下第一次访问才生成,到期后回收掉,也就是说第一次比较慢
Preload模式先给你都静态了,不管何时访问都快,对SEO更好

Q: 乱码啦乱死人啦～～～

A: 关掉 Compress pages so they’re served more quickly to visitors. (Recommended)

还有啥Q请留言

暧昧贴