新的界面更友好，可以在不刷新的情况下对各文件进行操作。
但是，之前用来获取 SkyDrive 文件永久外链的小书签和脚本失效了 – -

测试文件：
青い栞，Galileo Galilei，那朵花 OP

A.shun 一直使用并推荐 SkyDrive 作为音频外链空间。
免费、容量大、永久保存、速度快、可以使用自己的播放器，要再找到拥有这些优点的网盘不容易了。
如果不能用了，那会很困扰。

于是马上试听了以前的 mp3 外链，发现一切正常。
SklyDrive 的改版后的外链地址并没有失效，规则也没有变化，只是以前的脚本不管用了。问题不太大。

于是拜托 yysama 重新修改了脚本。果然很快就 OK 了。

Bookmarklet：获取 SkyDrive 文件外链地址 2011.06.25

Opera 按钮：获取 SkyDrive 文件外链地址 2011.03.25

脚本说明：

• 出处：获取skydrive网盘永久链的JS（2011.06.25）（访问 oc 需要修改 hosts）
• 这个小书签可以获取到 skydrive 网盘 public 文件夹（公开）里的永久链接。
• 具体操作：点击选中要获取外链地址的文件（让那行蓝色高亮），然后执行小书签/按钮。
• 只对详细信息视图（列表视图）有效，缩略图视图无效，因为点缩略图就弹出下载对话框了。

» 转载请以超链接形式注明来源：A.shun Blog » 《SkyDrive 改版，获取文件外链脚本更新》
» 本文链接地址：http://www.a-shun.com/archives/21472.html

© A.shun Blog 2009-2010 | 发表评论 | 阅读评论 | Twitter | 0b509d655a529f3b7820d7fb7e63fb0e

很多做主题的朋友都会参照这两项进行优化，并分享改进的经验。

那我也赶下潮流，稍微花了些时间，把 YSlow 和 Page Speed 的分数都提高到了 A 级，当然这只是首页的成绩。

晒测试成绩

成绩如图：

测试的项目为全部，也就是 YSlow 23项、Page Speed 28项。
Use a Content Delivery Network (CDN) 这一项基本是 0 分，嘛，小网站无视。
另外还有一些图片缩放、CSS 选择器部分导致扣分。

如何提高 YSlow 和 Page Speed 的分数

其实也不难，下面从几个常见的方面说说怎么提高等级。大多来自朋友们分享的经验。

减少页面文件大小

• 优化图片：压缩体积，减少使用缩放的图片
• 压缩 CSS 和 JS 文件

减少 HTTP 请求数，减少 DNS 查询

Http 请求数当然是越少越好，这方面的优化也很简单：

• 合并 JS 、CSS 文件
• 给背景图片做 CSS sprite
• 不要外链太多其他域名的文件

Use cookie-free domains

Use cookie-free domains 这一项对分数影响很大，建议折腾。

当浏览器向服务器请求一张静态的图片前,会先发送同域名下的 cookie，服务器对于这些 cookie 不会做任何处理。因此它们只是在毫无意义的消耗带宽。所以你应该确保对于静态内容的请求是无 cookie 的请求。

在 wp-config.php 加入
define('COOKIE_DOMAIN', '你的博客域名');

这样你的所有子域就 Cookie-free 了，然后用子域名来作图床是很好的选择。
对于不加 WWW ，而是直接用顶级域名的，那么上面设置之后，子域名还是会带 Cookies，只能用另外的域名做图床了。

Add Expires headers

Expires header，就是过期时间的header报文。这个文件过期时间，其实就是通过header报文来指定特定类型的文件在浏览器中的缓存时间。有些文件(例如样式表中调用的背景图片和文章中调用的图片)其实在很长一段时间内我们都不会对它们有什么改变，这类文件可以设置非常长的缓存时间，这样浏览器以后就不需要再从服务器下载这些文件而直接从缓存中读取，从而大大加速网站的载入速度。

这个我们只要在 .htaccess 文件添加几行代码即可。
# Expire images header
ExpiresActive On
ExpiresDefault A0
ExpiresByType image/gif A2592000
ExpiresByType image/png A2592000
ExpiresByType image/jpg A2592000
ExpiresByType image/jpeg A2592000
ExpiresByType image/ico A2592000
ExpiresByType text/css A2592000
ExpiresByType text/javascript A2592000

Configure entity tags (ETags)

在 .htaccess 中添加：
FileETag none

其他方面的优化

• 尽量不使用内嵌脚本、样式，应从外部加载
• 把 CSS 文件放在源代码的开头，把 JS 放在页面底部加载
• 优化 CSS 选择器（网页分析其实部分目的也是为了提高这方面的技巧）。
• 开启 Gzip ，这方面插件和代码的实现方法都有很多，有的主机控制面板还可以直接设置。
• 使用缓存插件（Hyper Cache、WP Super Cache 等）、数据库缓存插件（WordPress Object Cache、DB Cache Reloaded 等）

参考资料

以前把相应的链接放在了文章每段中，都有同学反映说我没给出方法。。。
囧，难道是因为链接样式不显眼么。这次试试单独放一段。

感谢这几位博友提供的经验。

• WordPress速度优化之Expires Headers | Axiu’s blog
• html代码层次加速WordPress – Kangzj
• Cookie-free Domains Yslow 极限页面性能优化 – 大猫の意淫筆記
• [网站加速]之优化网站Yslow评分到99 | 自力博客

Gtmetrix：在线测试 YSlow 和 Page Speed

YSlow 和 Page Speed 都是基于 Firebug 的插件，使用 Firefox 的朋友就方便了，直接装扩展即可。

A.shun 这里用来测试的是在线网页性能分析工具 Gtmetrix，同时进行 YSlow 和 Page Speed 的测试，也会详细列出各个项目的成绩，给出改善的建议。

官方提供了 Bookmarklet 方便调用，拖到你的书签栏或个人栏：Gtmetrix Test any page easily
顺便提供 Opera 按钮（国际惯例 ），拖到你的工具栏：Gtmetrix Test any page easily

P.S.

1. 其实要把分数再提高些也完全可以做到，只是没必要。
分数这些只是个参考，过分追求就不美了。而且有些优化会给我们平时修改主题带来麻烦。

2. 本文谈的问题主要是网页的性能，这不等于访问速度。
访问速度在极大的程度上是取决于主机的带宽和性能，以及访问者的网络环境。

» 转载请以超链接形式注明来源：A.shun Blog » 《YSlow 和 Page Speed 优化》
» 本文链接地址：http://www.a-shun.com/archives/21431.html

© A.shun Blog 2009-2010 | 发表评论 | 阅读评论 | Twitter | 0b509d655a529f3b7820d7fb7e63fb0e

什么是 Quix，Quixapp 有多强大？

主页：http://quixapp.com/
Quix 就是一个适用于各种浏览器的 Bookmarklet，作为浏览器功能的小补充。
但与普通的小书签不同的是，点击 quix 的 Bookmarklet 之后，会以对话框的方式弹出一个输入框，在上面输入想要执行的指令即可。

安装 Quixapp

Quixapp
将这个链接加入书签，或者拖到个人栏（收藏栏）即可。

quix 的命令

列举几个常用的命令来说明 Quixapp的强大。

• read，使用 Readability 来增强阅读体验。
• bitly，用 bit.ly 缩短当前 URL
• kd，分析当前页面信息、关键词密度、外链
• whois，显示当前域名的 Whois 信息
• wp，WordPress 函数搜索
• nofollow，高亮显示页面中所有包含 nofollow 属性的链接
• firebug ，启用 Firebug lite
• …更多的命令：输入 help 即可转到官方帮助页面。

Quix 有上百个内置命令，总有你需要的。
而且还支持可以自定义命令，只要掌握一定的语法即可。
详见：http://quixapp.com/help/syntax/

在浏览器中更方便的使用 Quix

常用方法

官方的页面也有相关浏览器整合的信息。
不过作为一个小书签，常见的无非就是下面几种方式。

1.设置书签昵称，通过地址栏执行。

2.通过快捷键执行。
Opera 直接改快捷键，格式为，Goto page,”Bookmarklet 的内容”。
Friefox 需要 SiteLauncher 或是 KeyConfig。
Chrome需要 Shortcut Manager。
Safari 参照书签栏顺序有相应的快捷键。
IE，一边凉快去，不过壳子们应该可以做到。

3.通过手势执行，基本同快捷键。

把 Quixapp 输入框整合到浏览器

无论是前面那一种方法，都是执行 Bookmarklet之后，在弹出的窗口=输入命令，再回车的。
下面我提供一种简单的方法来说缩短使用流程，仅适用于 Opera 。

Opera 提供多种工具栏元素，常用的当然是按钮（Button）了。
这回换一种方式，我们把它写成一个输入框，直接在那上面输入 Quix 指令并回车即可。

如图，我把它放到开始栏上，基本不占地方。

按钮：Quixapp
点击或拖拽到工具栏即可。

扩展阅读

• Quix 官方帮助页面
• Quix 使用手册 [ 1.0 ] by lucifr

» 转载请以超链接形式注明来源：A.shun Blog » 《把强力小书签 Quix 整合到浏览器》
» 本文链接地址：http://www.a-shun.com/archives/21373.html

© A.shun Blog 2009-2010 | 发表评论 | 阅读评论 | Twitter | 0b509d655a529f3b7820d7fb7e63fb0e

我一直使用 SkyDrive 作为 mp3 等音频文件的外链空间，也推荐很多博友这么做。

以前介绍过获取 SkyDrive 真实外链地址的方法，但随着 Office Live 的上线， SkyDrive 的地址跳转到了 Office Live，以前的获取脚本失效了，好在获取到的地址依然有效。

Now，我们又有新的方法。

外链测试：
Miss Monday，Life is beautiful feat. キヨサク from MONGOL800, Salyu, SHOCK EYE from 湘南乃風

获取 SkyDrive 外链的小书签

相比脚本形式，A.shun 更喜欢小书签（Bookmarklet）的形式，更加环保。
之前 任平生提供的小书签依然是有效的，但我还是要介绍一个新的。

来自 Oc 的 yansyrs：获取skydrive网盘永久链的JS
这个获取 SkyDrive 外链后，以弹出对话框形式代码显示出来，省去了定位到外链显示框的时间。配合 Opera 10.5x 以上版本，页面覆盖的形式的对话框，体验比较好。
而且代码更加简洁，有错误提示，支持所有主流浏览器（包括 IE6）。

Bookmarklet，所有主流浏览器
获取 SkyDrive 外链地址

Opera 按钮，点击添加，或者拖拽到工具栏。
获取 SkyDrive 外链地址

UserJS 用户脚本

引用 yy酱的原话：

office的上线，skydrive改版了，之前一直用的JS也失效了。。。于是自己写了个，除了跟原来的那个功能一样外，这个不必等页面加载完就能生效，并修正了文件夹内只有单个文件时获取不了永久链的问题。喜欢的可以拿走。

下载地址：skydrive_static_link.rar

Ps

1.在《极限主题邀请码发放 第二期》中，由软言软语同学另外提供的8枚邀请已经发出，请尽快激活。
2.小站广告位出售中，欢迎咨询，查看详情。

2011.06.26 up 现在由于 SkyDrive 改版，以上方法失效。
新的小书签请见：SkyDrive 改版，获取文件外链地址的脚本更新

» 转载请以超链接形式注明来源：A.shun Blog » 《获取 SkyDrive 真实外链地址的新方法》
» 本文链接地址：http://www.a-shun.com/archives/21370.html

© A.shun Blog 2009-2010 | 发表评论 | 阅读评论 | Twitter | 0b509d655a529f3b7820d7fb7e63fb0e

尽管如此，在当天确认了这一消息的时候，还是让人感到一阵愤怒。
当然，愤怒无济于事，这事渐渐过去了。再次也稍微说一下。

优秀的国外服务总有这么一天

终于也轮到 Dropbox 被墙了。
继一大批知名的国外服务：Twitter、Blogger、Facebook、YouTube 、Wordpress.com、MyOpera…之后， Dropbox 也获得了 G￥F￥W 认证。
但 Dropbox 是一个基本无关言论，也没有招谁惹谁的服务，也依然被墙了。

可以看出某些部门是不讲道理的，国外的优秀服务难免都会是这种命运。

Dropbox 的无法连接的解决方法

少了 Dropbox 的确在很多地方给我们造成了不方便。毕竟它是何其的优秀。

当然，我们还是可以用 Dropbox 的，通过修改 host 加入 Dropbox 的 IP 或者使用SSH代理、vpn等手段。

Dropbox 是值得信任的，麻烦一点也继续使用。

Dropbox 的替代工具

尽管很不想提这个，有点办后事的感觉。
但作为文件同步、存储和分享服务，从速度和方便性来说，靠代理就有点不现实了。唉。有备无患吧。

同类网络同步软件中比较知名的有 Live Mesh 、SugarSync 、Syncplicity。
其中 Live Mesh是微软出品的网络同步服务，但和 Syncplicity 都需要.Net 。

ZumoDrive 和 Dropbox 一样是是基于 Amazon S3 的网络存储，但是客户端需要Java支持。

A.shun 选择的是 SugarSync 。本地客户端能支持同步多个文件夹，支持更多的移动平台。
SugarSync 的免费用户的空间大小同样是 2G，支持推荐注册增加容量，据说额外获得的空间有时间限制- -。
Web 端没有 Dropbox 那么灵活。支持增量备份，但仅支持3个版本。速度上还是 Dropbox 快些。

此外还有 SpiderOak 、Mozy 、IDrive、CloudApp 、Box.net 、MobileMe 。。等众多服务，可以体验下。

最后

推荐两篇文章：

《备份与同步（一）——云应用篇》

《SkyDrive使用技巧和本地同步软件》

《Dropbox的6款暂时性替代工具》

最后的最后，5月35日不远了，那个时候肯定会有更多的服务离开我们，要早点习惯，要淡定些。

» 转载请以超链接形式注明来源：A.shun Blog » 《Dropbox 被墙之后及同类服务推荐》
» 本文链接地址：http://www.a-shun.com/archives/21358.html

© A.shun Blog 2009-2010 | 发表评论 | 阅读评论 | Twitter | 0b509d655a529f3b7820d7fb7e63fb0e

方法虽然简单，但还算管用。从此告别输错Email或域名的烦恼。

Opera是我最喜欢的浏览器，但一如所有的软件，都有其自身的缺点。比如没有Ai RoboForm和LastPass那样的工具，自带填写表单功能就让我偶尔吐槽- -。

Wand作为一个密码管理器算是很强大的，支持多帐号和自动提交，但那只能对保存过的站点生效。
而没有保存过的，只能用：右键—插入个人信息。这对于偶尔的注册和完善个人资料还是不错的。
但是像A.shun这样频繁的在其他博客评论的朋友们，只有两个字：不爽～

so，不爽就折腾吧。

演示

Opera一键填表方法的简单实现

其实很简单。
先在“首选项”—“高级”—“快捷键”，对标准菜单建立一个副本，重命名。当然，你也可以编辑配置文件。

新建一个快捷键，按键随意（如：F1）。
命令为：

focus previous widget &Insert, "Url" & focus previous widget & Insert, "Email" & focus previous widget & Insert, "A.shun" & focus next widget & focus next widget & focus next widget

加在Application、Browser Window、Document Window其中一段均可。
当然，上面的Url、Email和A.shun分别对应你的域名、邮箱和ID。

这样，往后新到一个博客去发表评论的时候，只要先定位到评论输入框（注意是评论输入框不是用户名输入框），按下快捷键，Opera就会自动帮你把上面三行填好，并将焦点回到评论输入框。

因为评论框比较大，好定位，才这么写的。如果遇到有验证码的，则定位到验证码输入框，按下快捷键再输验证码。万恶的验证码～

Opera自动填表的补充

上面的方法固然很方便，但是遇到一些有个性的主题，会把信息框放在输入框的下面，就不好办了。根据我的经验来看，这种不超过10%。

so，补充一种写法，虽然没有上面的方便，但通用性强。

这样在要发表评论的时候，是定位到信息框的第一格（通常是Name），按下快捷键。

新建一个快捷键，如（ctrl+F1）。命令为：

Insert, "Name" & focus next widget & Insert, "Email" & focus next widget &Insert, "Url" & focus next widget

A.shun现在就是F1使用第一种方式填表，ctrl+F1就用第二种。
如果你不喜欢自己判断，那么只用这一种也够了。

javasript方式

Auston Jary同学补充的JS方式。
优点：可用于所有浏览器，不需要先定位到评论框（这个其实一样，反正输入评论时还是要定位的）。
缺点：针对id的写法，遇到wordpress以外的等就得修改命令了，需要启用javasript。

命令为：

Go to Page, "javascript:(function(){document.getElementById('author').value='名字';document.getElementById('email').value='邮箱';document.getElementById('url').value='网址';})()"

» 转载请以超链接形式注明来源：A.shun Blog » 《懒人必备：Opera自动填表的简单实现》
» 本文链接地址：http://www.a-shun.com/archives/21345.html

© A.shun Blog 2009-2010 | 发表评论 | 阅读评论 | Twitter | 0b509d655a529f3b7820d7fb7e63fb0e

云是当前的热门话题，云存储，云杀毒都是雷声很大，但是搜狗却悄悄的研发了这个，一出来可以说让很多人震惊。
不过，下面的那个事情吸引了更多眼球。


咳咳，上面只是输入效果演示，让我们回到正文。

什么是搜狗云输入法

搜狗云输入法是基于搜狗拼音输入法，依托云计算技术的一个概念性输入法产品。与一般输入法最明显的区别在于，完全靠服务器运算，具有更强大语言模型和词库，能大幅提升输入准确率，特别是长句输入准确率。作为演示性的概念产品，目前搜狗云输入法只能在网页上使用。

详情见http://pinyin.sogou.com/cloud/

搜狗云输入法的特点

无须安装无须下载，鼠标点击即可使用

基于JavaScript技术，利用Ajax通信原理，真正跨平台。当然前提是浏览器支持js和ajax

强悍的词库，精准的匹配率，相当智能。（服务器的运算能力和庞大的存储量不是pc可以比拟的）

如何使用搜狗云输入法

点击下面图标即可进行体验。
前提是浏览器没有禁用js，系统输入法在英文键盘状态。

我们可以用右键把它添加到书签以方便调用。

按照惯例，提供Opera按钮一枚：启用搜狗云输入法
方便喜欢带着op上网吧和计算机室的同学们调用，你也可以把它放在输入框的右键菜单里。

输入法主界面很简洁，选词条风格和搜狗相似。目前界面没有广告。
实际测试，输入明显有延迟。但是词库和智能程度真不是盖的。看上面第一个图就能想象了
虽然我不用搜狗，但是这个确实要赞下。
详细的就不罗嗦了，自己体验吧。

搜狗云输入法目前存在的问题

反映速度有点慢，对网络速度依赖性很大，而输入法是很难容忍延迟的东西，哪怕是一丁点。

只针对当前页，每个页面都要单独打开输入法，导致使用操作繁琐。虽然我们可以方便的调用，但是也麻烦

就目前来说，兼容性差。在测试中发现，用Gmail富文本写邮件的时候，这个输入法是无法撰写邮件正文的。（opera和FF都是如此）

搜狗云输入法的意义和前景

尽管它存在上面的种种问题，但其本身就是一种创新。这正是目前我国网络公司所需要的。
目前的应用范围还是比较狭窄，但能派上用场。比如说在其他机器上没有中文或者拼音输入法，临时换其他系统可以用来凑合搜索东西。

相信以后会有更大作为！当然，不久就有copy党。

不得不说，搜狗在输入法领域又一次走在了巨头们的前面～

» 转载请以超链接形式注明来源：A.shun Blog » 《让概念变成真实：搜狗云输入法》
» 本文链接地址：http://www.a-shun.com/archives/21301.html

© A.shun Blog 2009-2010 | 发表评论 | 阅读评论 | Twitter | 0b509d655a529f3b7820d7fb7e63fb0e

当然，作为一个在线工具，你不能指望它像Firebug和Dragonfly那样强大。只是这不会占用你硬盘上的空间，也不会像扩展那样影响浏览器性能。所以建议收藏着。

什么是YAML Debug

YAML Debug是Web开发的一个辅助工具，允许您快速审查代码质量和语义结构的任何网站（特别是YAML的基础的。
完美支持Opera9.x+和FF3.x+。在 Safari 3.x中有一些小问题：无法禁用外部的样式表。IE7仅支持部分功能。

来自德国，官方主页：http://debug.yaml.de/

官方描述：

YAML Debug is …
… an assistive tool for web developers, that allows you to quickly review code quality and semantic structure of any website (particularly those based on YAML) as well as testing it against common oversights.

主界面如下：

YAML Debug的功能

由于我英文水平实在太囧，这是通过自己实际体验并对照着Google翻译写出来的，大家将就着看吧。

查看网页信息

YAML Debug能检测网页的编码、文档类型、渲染模式（支持HTML 5）。
还可以计算出外部样式表、脚本和图像的数量。

样式选项

在样式表选项卡，会列出该页所有的外部和嵌入式样式表。通过点击，可以禁用或启用相应样式表。
可以查看每一个外部样式表，支持代码颜色。还直接发送给W3C进行CSS验证 。

代码性质检查

检查页面内没有alt属性的<img>元素，不建议使用的HTML元素，找到空元素（如<p></p>）。
和包含内联元素样式。段落的样式。这些可以点击相应的按钮以高亮发生显示。

内容和屏幕布局查看

YAML Debug可让您轻松直观的任何网页语义结构和Div布局。
此外，可以添加背景网格测试典型大小的网页。

辅助功能

这些功能可以帮助网络开发人员发现他们的网页上可访问性问题。
YAML的调试允许显示title和lang属性，突出命名锚点，特别是从同一网页的引用。

显示所有超链接

显示页面的超链接地址。

如何使用

点击即可体验，或者将链接存为书签方便进行调用。（适用于各种浏览器）

YAML Debug

点击添加到自定义按钮，或者将下面这个按钮拖到你向要的位置。（仅适合Opera用户）

Yaml Debug

或者把下面代码加到你的菜单文件中（仅适合Opera用户）

Item, "Yaml Debug"="Go to page, "javascript:(function()%7Bvar%20s%20=%20document.createElement('script');%20s.setAttribute('type',%20'text/javascript');%20s.setAttribute('class',%20'ydebug');%20s.setAttribute('src','http://debug.yaml.de/debugger.js');%20document.getElementsByTagName('head')%5B0%5D.appendChild(s);%20%7D)();", ,"YAML Debug" , "DOM Console""

目前版本为Version: 0.9.3 beta，这只是一个公开测试版，出现什么问题可以向作者反馈。

» 转载请以超链接形式注明来源：A.shun Blog » 《YAML Debug：强大的在线网页调试工具》
» 本文链接地址：http://www.a-shun.com/archives/21283.html

© A.shun Blog 2009-2010 | 发表评论 | 阅读评论 | Twitter | 0b509d655a529f3b7820d7fb7e63fb0e