页面

显示标签为“GreaseMonkey”的博文。显示所有博文
显示标签为“GreaseMonkey”的博文。显示所有博文

2011年5月7日星期六

最大化Google Reader的阅读面积

在我以前写的那篇介绍Google Reader的文章里面就有提到可以用GreaseMonkey脚本来扩大Google Reader 的阅读面积。当初我是推荐的阿禅的脚本的,但是前几天Google在Reader的页面顶上加了一条Google服务的导航条,将放在顶上一排的按钮全给挡住了。然后我在userscripts.org发现了名为Google Reader Minimalistic的一个脚本。试用之后我发现这个脚本去掉的东西有点太多了,虽然我知道Google Reader还可以用快捷键来控制,但是有时候会懒得把手放在键盘上,看文章的时候一只手难着鼠标就好了嘛……接下来就只好自己动手丰衣足食了。

研究了下代码,发现还有按w就能恢复原来界面的功能。在firebug的辅助下很快就把搜索框等等一堆东西找回来了,顺带把一些CSS修改给去掉了,反正我是觉得原来的就挺好看的,改了反而不习惯。然后得到的就是这个

之后又参考原来阿禅的脚本,把搜索框弄小了丢到添加订阅的边上了,得到的是这个

以上两个脚本由于基本没有什么改动,作者信息我都保留了……

然后又考虑到那个恢复原来界面的功能实在是没什么用,参照着两个原有的两个脚本干脆自己重写了一遍,去掉恢复原来界面的功能并简化了代码。成果是这个这个,第一个是原版的搜索框,第二个用了简化版的搜索框。这两个基本都是我自己写的所以作者信息也写的是我,并且加上lite后缀以示区别。

这些脚本修改后都会在页面顶部流出4个像素的空白,虽然用Firebug确定了网页中有问题的语句,但是我这个半瓶子实在是不知道该写脚本来改,望高手赐教。

2011-05-09更新:在麤蟲童鞋的提示下我意识到可以用负的top参数来去除空白,于是上面提到的那个问题就能够解决了,跟上面四个向对应的修改版我就直接提供打包下载好了,分别弄也怪麻烦的……下载链接。话说我原来一直在想怎么覆盖掉原来的margin-top参数而没有想到CSS里面的定位参数还可以用负数,虽然现在想想不能用负数才叫奇怪……而昨晚我查CSS的优先级之后发现用“!important”强制覆盖原来的margin-top参数似乎也是可行的,但是这样写在实现恢复原来界面的时候会有麻烦,还是选用麤蟲提供的方法比较方便。

2011-06-24更新:今天GReader的CSS改了,把搜索框跟Google的logo都放在top-bar元素中了,用原来的脚本顶上会有一行空白,而且top-bar也不能简单的隐藏了事,否则搜索框也一并隐藏了。这回根据麤蟲的建议上传到userscripts.org了。
下载页面

PS:代码都是托管在GoogleCode上,但似乎是由于Google的URL过滤的原因,后缀为JS的文件在上传之后就无法修改……

PS2:最近打算加大发文的频率,但是不知道能不能坚持下来……

2010年9月12日星期日

玩转Google Reader

嗯嗯,虽然不是第一次写软文,但这篇算是“玩转”系列的正式开始。虽然有些东西我也不敢说完全会用,但是至少也是玩的比较顺手了。虽然按照最先的计划,玩转系列的第一篇文章应该是关于火狐浏览器的。但是昨天意外试用了一个增进Google Reader使用体验的火狐扩展,实在是很赞,迫不及待要推荐一下。至于是什么插件,容我卖一下关子……

首先是基础知识部分。Google Reader从本质上说,是一个基于网络的聚合器,但是聚合的内容是什么呢?那就是各个网站提供的Feed。不过这个Feed不是饲料的意思哈,这个指的是为满足希望以某种形式持续得到自己更新的需求而提供的格式标准的信息出口,算是“饲料”这层意思的一个延伸。可以理解为用来“饲养”聚合器的“饲料”。而现在常见的Feed包括RSSAtom两种,其中RSS是比较古老的一种,而Atom设计出来就是为了取代RSS的地位,不过现在两种协议都很常见的,而且包括Google Reader在内的聚合器都能对二者进行兼容。

接下来的问题应该是为何要使用GReader。这个答案就非常广泛了。对我而言,GReader就是我的资讯聚合器,我几乎把我关心的所有信息够集合在GReader中进行阅读。这样就避免了去一个一个的开网页查看有没有更新,特别是对于个人博客。个人博客大多是没有固定的发文频率,多是博主高兴就写一篇而已。比如说我自己就是无意发现一些好东西或者一时兴起折腾出一些成果以后才会发文章。虽然日常的牢骚和吐槽也不少,但是那些基本都往twitter或者校内上喷了,再加上我这人懒点,一个月都没有一篇文章也是有过的。这时GReader的好处就体现出来了,只要登录GReader的页面,就能一目了然的看到已订阅的那些博客中是否有更新。当然能够订阅的不仅仅是博客啦。比如说在追美剧的话,在VeryCD的相应页面都有提供Feed,在页面地址后面加"feed"(不包括引号)就是Feed地址了。还有很多地方提供Feed订阅,通过这些Feed,就能把GReader打造成自己的资讯中心了。

那么如何将自己喜欢的网站添加到GReader的订阅中呢?实际上大多数博客都有像我这样在博客的边栏给出Feed的链接。而就算没有在网页上直接给出,带有Feed订阅功能也会自动发现Feed的存在,比如火狐在发现Feed地址之后就会在地址栏的右边出现标志firefoxfeed。这时只要点击这个标志就会给出一个发现的Feed的列表或者直接进入订阅Feed的导航页面。这时根据导航页面的知识,选择订阅到Google Reader就能在GReader里面订阅该网站了。或者在GReader的页面点击“添加订阅”按钮,在弹出的对话框中输入想要订阅的源地址甚至网站的地址。

在使用一段时间GReader之后,可能会订阅了一堆的网站,然后左边的订阅列表就是一大排……这时就需要对Feed进行一定的整理。可以在订阅列表中添加文件夹,而且订阅列表里的项目都是支持拖拽进行整理的。在这个基础上,我还建议对各个订阅的重要程度进行分类,然后就可以根据空闲时间的多少进行有选择的阅读。

好了现在就可以开始使用GReader了。不过要想让GReader更好用,就看看下面的进阶内容。

首先是为了方便某些键盘控的键盘操作快捷键,下面列出一些常用的:

  • j/k:下一个/上一个条目

  • n/p:向下/向上扫描(仅限列表)

  • 或输入:展开/折叠(仅限列表)

  • s:为条目加注星标

  • <Shift> + s:共享条目

  • v:查看原始

  • m: 将条目标为已读/未读

  • r:刷新

  • f:  全屏

  • <Shift> + a:全部标为已读


更多的快捷键列表在此

然后是对Reader界面的一些优化。可能会觉得GReader顶上的一堆东西,包括Google的Logo之类的东西有点太占地方了,真正用来阅读的地方有点小。这是就要firefox下的一个强大扩展GreaseMonkey出马了,GreaseMonkey的强项就是对各种网页进行自定义。在安装了GreaseMonkey以后点这里下载阿禅写的这个脚本。刷新GReader页面之后就会发现阅读面积被扩大了。

如果这个还是不满意的话,那就试试我一开始提到的那个扩展吧。那个扩展的名字是Feedly。Feedly是一个firefox扩展和他的官方网站联合工作的服务,估计是为了减少服务器端的压力才使用firefox扩展来分担一部分运算。Feedly的功能就是将GReader的内容进行重新排版,然后呈现出一种漂亮得让人难以置信的,像电子杂志式的阅读页面。这个插件还支持读取twitter的消息,当然这个是在翻墙状态下能够实现的功能……这个插件的功能可是相当强大哦,请自己慢慢探索吧……(其实我也才用了一天,所以……)

对Google Reader的介绍就到这里吧,还有一些不错的功能没有在此提到,大家自己去探索吧。

在此给出几个关于我的feed地址:

http://feed.qcts33.com/ 这个是本博客的feed订阅地址。
http://twitter.com/statuses/user_timeline/8683932.rss 我的twitter地址。
http://www.google.com/reader/shared/qcthreestones 我的Reader共享地址。
(是的,Reader有一个共享项目的功能,但是个人感觉没什么用,就没有详细介绍了。)

PS:不知不觉就写了这么多……我自己都有点震惊了,果然讲自己喜欢的东西会比较有话说……