打造个人数字阅读环境

        创造一个阅读和学习的环境到底有多难?这不是一个轻松的话题,看看身边的阅读和学习的环境你就大体上可以理解到,看起来正统的自习室环境下你却没有心思精力集中地阅读和学习,看起来不是那么容易被人接受的时间和地点却恰恰是你学习的重要来源(比如WC阅读 😛 )。

        既然学习已经不再单单是坐在教室里面看课本式的学习,那接触和接收新知识的方法是不是也要与时俱进地小小地改变一下呢?

        我个人认为非常有必要,一本书阐述一道理,千百家争鸣论真相。另外,在信息化、数字化高度发展的现在,真正为了寻求广博的知识的人,一定不会不知道数字化知识寻找工具的代表——Google的魅力(百度就算了吧)。另外,阅读的多样性也在不断发展中,以Ipad为代表的平板阅读、以android、ios操作系统为代表智能手机阅读、以evernote、instapaper为代表的定制的个性化阅读、以digg、quora为代表的社交阅读以及声音、图像等等阅读类别都与现有的传统阅读学习方式构成互补关系。

        花费了大约一天的时间,我搭建了一个自己的数字阅读环境——digest.definite.name

        实现了,在Google Reader 中加星标注感兴趣的文章,即在digest中优雅地排版呈现出来,方便随时随地阅读。


        首先,几个重要工具和服务:

Google Reader  、 Ifttt 、 wordpress 、 evernote  、 Read it later 等等

        

        其次,几个自己积累出来的知识来源,这个需要依赖平时在网络上闲逛时积累的精品网站、博客或者新闻站等等。

        最后就是动手搭建了。

1.需要有Google Reader 的账号,并且最好有自己积累的精品内容。

2.注册ifttt.com网站账号,并且学会了 if this then that 的办事逻辑。

3.在ifttt上自己写一个recipe,让你在Google Reader 里面阅读到好的内容后,一旦加星,就会同步到你已经有的wordpress博客上面,能够让你的博客成为一个个人知识的网摘。

4.另外,我还通过撰写recipe实现了加星的文章自动转发至evernote上面、重要的来不及看的文章转发至read it later 上面。

5.wordpress模板和代码的调整和优化。

其中wordpress模板和代码的调整和优化是一件比较麻烦的事情,不过为了良好的阅读效果……努力改吧。

在修改和编码的过程中我做了几项改变和努力:

1.根据已有的模板大大减少了不必要的空白,能够提供更多的有效信息。

2.模仿Pinterest的效果制作了竖排的文章排版样式。

下图pinterest  点击可看大图

下图Digest  点击可看大图

 

3.特别适合ipad等9.7吋平板的阅读。

4.另外加入了针对android 手机的自缩放功能

自动缩放,恰好显示一列

5.针对可能出现的源文章中的图片缺失导致digest网站上图片也不显示的问题,专门写了个爬虫,将源文章中的外链图片等文件下载到wordpress的媒体库中,然后替换掉digest中的远程图片链接,改为本地图片的链接。

6.针对首页还特别修改了一段代码,实现了如果文章中有图片的话,就在首页的摘要中显示出一个小的缩略图,能够在平板或者手机上看文章时不再乏味。

接下来的任务就是——Enjoy It !

小小地炫耀一下过去的一个月里面的阅读量……  :P

 

End!

3 Comments

[…] 本文链接地址: 打造个人数字阅读环境 […]

skyone says:

楼主能不能具体把你实现的过程写下来,我很喜欢这种方式,希望自己也能打造一个自己希望的阅读网站。

[…] Posts Google换favicon了 用Wordpress打造类Paintrest图片网站 打造个人数字阅读环境 WordPress memory 相关错误小小的解决 Tech Bubbles […]

Leave a Reply to Definite Digest » 打造个人数字阅读环境 Cancel Reply

Your email address will not be published.

To create code blocks or other preformatted text, indent by four spaces:

    This will be displayed in a monospaced font. The first four 
    spaces will be stripped off, but all other whitespace
    will be preserved.
    
    Markdown is turned off in code blocks:
     [This is not a link](http://example.com)

To create not a block, but an inline code span, use backticks:

Here is some inline `code`.

For more help see http://daringfireball.net/projects/markdown/syntax