【原创】打造自己的报纸：Firefox+Google Reader+Gears+Stylish

microfree

现在几乎不买报纸了，一是由于报纸从编辑复印到自己手上要花很长时间，二是为环保考虑节约纸张，三是现在很多网站/博客等都有RSS，更新灰常方便。
现在用在Firefox中使用Google Reader，非常方便，分享一下。

1. Firefox：方便使用插件
2. Google Reader：有Google帐号就可以。
3. Gears：方便开启离线浏览功能，下载下来方便在没有网络的地方离线阅读。
4. Stylish: 很多的代码，改善阅读的体验（Greasemonkey也不错），但是Stylish的即时刷新功能要强于后者。
    截图是本人使用后达到的效果，希望大家能有更好的方案一起分享。
  
建议在网上搜索全文输出的RSS，奶味网不错，其它也有很多。

实现以下图片效果的使用方法如下：
1. 安装Stylish插件（请到Firefox Addon网站搜索一下，很方便找到，也可以到这个网址下载http://userstyles.org/）
2. 安装完成后，重启Firefox，会在Firefox右下端状态栏发现Stylish图标。
3. 打开你的Google Reader
4. 右键点击状态栏上的Stylish图标，点击“查找适用于该页面的样式“ 选项
5. 找到以下几个Styles：
    1）Google Reader: iannnnn's Compact Header （去掉Greader上方的Google搜索及空白，留下最多空间且方便点击进入其他Google服务）
    2）Dark Reader (Last update: 2009/01/08) （注：原代码中只对Http://有效，对Https://无效，建议修改一下使用）（阅读界面变暗）
    3）Google Reader Image Resizer  （自动调整图片大小，消除由于图片大小产生的滚动条）
    4）如需实现分栏效果，请找到这个Style并安装：Materialiciouser (tile Google Reader items) （注：高分辨率的电脑使用这个效果比较好，不建议小屏低分辨率电脑使用）
6. 脚本安装：找到自己需要的Styles后，点击页面上的Load into Stylish 按钮，效果就会立刻显示在Greader页面上）

另外，本人还用了几个Greasemonkey的脚本。
本别是：Google Reader Favicon （给订阅增加图标），Google Reader Prefech More（自动加载更多的未读项目），Google Reader for wide screen（改变Greader原有的排版宽度）, Force HTTPS..等。各位按需所取。

建议：
更快，更好，更省------使用全文RSS订阅新闻：奶味网http://www.naivix.com/about/rss.shtml （本人收集的一些全文的RSS，除奶味网的外，有一些周刊，参考消息，国外的一些博客以及一些其他的RSS，有需要的我就制作成OPML给大家。

如各位觉得上述实现比较麻烦，建议安装插件Better Greader，也可以改善浏览体验。

希望：
坛子里能有个老大把我上面的所用的脚本整合到一个里面，放到Addon上面去让别人下载。


截图如下：

[ Edited by  microfree on 2009-5-3 22:58 ]

liujirong

具体如何使用的LZ详细的给介绍一下啊

tonyli1999

灰常不错啊。楼主可否详细介绍一下如何制作的？

minnows

太不详细了，最好有个step by step的介绍

ibman

楼主详细介绍下噢

microfree

按照各位的要求，简单的写了一下使用步骤，望各位指正。

ingThink

不错，写个IE的教程吧，F太拖内存了

277266

还是没搞明白！

decom

我用iphone看RSS的

microfree

QUOTE:

Posted by ingThink on 2009-5-3 18:27
不错，写个IE的教程吧，F太拖内存了

IE的Style插件本人还不会使用，不知有没有像Stylish和Greasemonkey这样能在IE上使用的修改页面CSS效果的插件。

mrzhu

把几个stylish的styles代码组合了下

1. 
   
2. @namespace url("http://www.w3.org/1999/xhtml");
   
3. 
   
4. @-moz-document url-prefix("http://www.google.com/reader"), url-prefix("https://www.google.com/reader"), url-prefix("http://google.com/reader"), url-prefix("https://google.com/reader") , url-prefix("https://www.google.com/reader/view/") {
   
5. 
   
6. .item-body img,
   
7. .item-body a img,
   
8. .item-body embed {
   
9.     max-width:100% !important;
   
10.     height: auto !important; }
    
11. 
    
12. div#search, a#logo-container, #chrome-header {display:none !important;}
    
13. div#gbar , p#global-info {font-size:8pt !important;}
    
14. div#main {top:25px !important;}
    
15. 
    
16. }
    
17. 
    
18. #entries .entry {
    
19. width:50%;
    
20. float: left;
    
21. }
    
22. 
    
23. .card .entry-container {
    
24. min-height: 380px;
    
25. }
    
26. 
    
27. #scroll-filler {
    
28. display: none;
    
29. }
    

复制代码

[ Edited by  mrzhu on 2009-6-1 21:28 ]

赌神股神

电子化是趋势

nbtp

楼主能不能做几个国外及时新闻和体育的OPML分享给大家。

smallke

不错，谢谢楼主。研究下。

microfree

QUOTE:

Posted by mrzhu on 2009-6-1 21:24
把几个stylish的styles代码组合了下


@namespace url("http://www.w3.org/1999/xhtml");

@-moz-document url-prefix("http://www.google.com/reader"), url-prefix("https://www.google.com/reader"),  ...

老大，你绝对是牛人！
背景颜色好像仍然是白的，不知能否更新一下。
最后建议放到http://userstyles.org 这个网站上去吧，让全世界都来享受你的劳动成果。

Feiyue_2008

如果是用雷鸟作为邮件客户端的,是不是直接在里面设置RSS也很好用呀?

iloven810

已经弄完

3Q

mrzhu

QUOTE:

Posted by microfree on 2009-6-19 19:03


老大，你绝对是牛人！
背景颜色好像仍然是白的，不知能否更新一下。
最后建议放到http://userstyles.org 这个网站上去吧，让全世界都来享受你的劳动成果。

背景看个人喜欢了 我一向用白底所以没有改
自己加吧