莲蓬志  

贡献者
toozoofoo
莲蓬网几个月前开始对用户收藏的网页进行截屏,并展示在链接左侧,在底层用得工具是wkhtmltoimage,原理其实就是模拟浏览器行为,渲染出网页后进行截屏。但是现在发现这个工具对于某些网站,截图之后的图片是一片空白,这个实在令人难以忍受。在一番研究之后才了解到,这样的网页一般是有图片的,而这些图片展示有两种情况:使用了一种叫做parallax的技术(例如这个:http://llidesign.co.uk/iconic-furniture/)图片使用了异步加载的方式这两种情况都是需要人用鼠标往下滚动页面时出发了一些js脚本,产生图片显示,我查下了wkhtmltoimag的各种参数,貌似都不支持。而我知道现在的一种叫做headless webkit的实现,它也是一种浏览器,只不过没有界面,暴露一些浏览器的api给开发使用。当然,它的出现得益于nodejs的诞生。这样的js库有很多,这里只列出一个PhantomJS,它的api里就有截屏的接口,网站中甚至提供了一个简单的例子:var page = require('webpage').create(); page.open('http://github.com/', function() { page.render('github.png'); phantom.exit(); });在python里调用PhantomJS的这个api,只需要写个js,然后通过Popen运行。但是问题在于由于网页的下载和渲染,包括截屏都是异步的,python程序里调用后,并没有等待截屏结束。在google之后,得到的解决,借助selenium:driver = webdriver.PhantomJS() # or add to your PATH driver.set_window_size(1024, 796) # optional driver.set_page_load_timeout(20) driver.get(url) driver.save_screenshot(target) # save a screenshot to disk driver.quit() 具体selenium在内部如何实现同步的,有兴趣可以看下源码。

莲蓬一直用第三方网站的favicon服务来显示收藏链接的网站图标(像这样: apiary.io):google:https://s2.googleusercontent.com/s2/favicons?alt=site&domain=lianpeng.meduckduckgo:https://icons.duckduckgo.com/ip2/lianpeng.me.ico开源的实现(GAE上部署的):http://g.etfv.co/http://lianpeng.me?defaulticon=lightpng但是这些无一例外的被Q了,所以现在莲蓬实现了获取网站图标的功能,存储在自己的服务器上。如果你有兴趣,可以直接使用:http://lianpeng.me/service/favicon/?url=http://apiary.io/。

收藏的列表页面现在除了网页小图之外,全是文字,显得有些单调,现在大家在每次收藏网页后,莲蓬会在后台获取收藏网页的截图,并在列表页面展示,一方面使得页面更加丰富,另一方面我们根据图片可以迅速识别和找到想要找的链接,不需要完全靠网页标题来识别。对于大家以前收藏的网页,没有全部去获取截图,如果有需要可以选择保存某个链接,这样莲蓬就会自动去获取截图。

在这么长的时间里一直忽略了和和大家的沟通,现在希望通过QQ群(251623482)建立和大家的交流的渠道,我知道在莲蓬的用户中很多是做程序开发和设计的“蓬友”,大家可以在这里互相结识,发表自己的见闻和想法。 

我们发布了一个简单的笔记功能,你可以用它来记录你脑中的想法,也可以像莲蓬志这样当作博客来用。你可以直接前往这里,或者在如下图所示的地方找到入口:

现在可以只订阅某个特定专辑,而不用关注用户的所有专辑

谷歌Chrome浏览器可以为插件设置快捷键,喜欢快捷键的同志有福了,可以为莲蓬设置快捷键,快速收藏网页。下面介绍具体做法:首先找到扩展程序的菜单,“菜单栏->工具->扩展程序”,点击“扩展程序”,在出现的页面里最下方找到“键盘快捷键”的链接。菜单位置:找到“扩展程序”里最下面的“键盘快捷键”:在点击这个链接后出现的对话框里找到“莲蓬”一栏,在右边的输入框里填写需要设置的快捷键(例如:“Ctrl” + “Shift” + “L”),设置完成后即可使用,你可以尝试按住你刚设置的快捷键,收藏当前这篇文章。设置快捷键:

这次的改版没花多少时间来进行,主要变化是布局、配色以及收藏(编辑)网页链接的方式。前一版:新版:布局以前三栏的形式现在改成了两栏,原来的菜单一栏占据了很大的空间,有点浪费,现在去掉了,所有菜单现在全部在新增的导航栏上。颜色颜色上也参考了现在风行的Flat UI的配色,颜色更加鲜亮醒目。站内新加和编辑收藏现在网站里新加和编辑收藏的方式和浏览器插件工具保持一致,统一用弹出对话框的形式。 除此之外,在探索发现里设立了一个精选专辑的页面,这是我对用户公开的专辑筛选出的专辑,并且给这些专辑配上一个漂亮的封面。总的来说,界面更加干净清爽,希望你会喜欢。


刚刚