分享新写了一个网站，收集各种好看的网页

saiga · 2014年12月12日 · 最后由 saiga 回复于 2014年12月17日 · 6172 次阅读

http://web-colle.herokuapp.com/

这个网站主要是接受前台提交的网址，后台使用 PhantomJS 截图并且分析颜色构成。用户可以根据标签和颜色进行浏览（就是想仿 dribbble）

但是，我发这个贴的目的其实是想讨论一下颜色搜索这个功能...

目前颜色搜索（点击详情页右边的色条）是对颜色参数加权平均进行的范围查询，然后通过 color rank 排序。但如你所见，很多时候效果都非常差，虽然目前有个备选方案，但是实现起来有点麻烦。

不知道大伙有啥想法？

5 个赞

pobing #1 2014年12月13日

网站很漂亮，收集的网页也很漂亮

saiga #2 2014年12月13日

#1 楼 @pobing 谢谢 XD。目前开发还在卡顿中，暂时先放着。正在全力寻找博客相关的网站

cqcn1991 #3 2014年12月13日

一直想做这个！求教 heroku 怎么用 phantomjs 的？

saiga #4 2014年12月13日

#3 楼 @cqcn1991 先加入 heroku-buildpack-multi

heroku config:add BUILDPACK_URL=https://github.com/heroku/heroku-buildpack-multi.git

在项目根目录新建 .buildpacks，内容如下

https://github.com/stomita/heroku-buildpack-phantomjs.git
https://github.com/heroku/heroku-buildpack-ruby.git

最后或许还要加入环境变量，如果前两步可以就不加了：

$ heroku config:add LD_LIBRARY_PATH=/usr/local/lib:/usr/lib:/lib:/app/vendor/phantomjs/lib
$ heroku config:add PATH=bin:vendor/bundle/ruby/2.0.0/bin:/usr/local/bin:/usr/bin:/bin:/app/vendor/phantomjs/bin

http://qiita.com/riocampos/items/a372294bdcaed8b02711 这里有个非常详细的教程，我是看这个一步到位的，不过是日文。。。。

1 个赞

cqcn1991 #5 2014年12月14日

#4 楼 @saiga 然后求教下怎么用 phantomJs? 最近在抓淘宝的页面，但是会碰到页面跳转啥的，瞬间就瞎了…… 另外界面设计得蛮好看的哈~可以讨教下经验吗~~~

另外，按照你的加了 Buildpack，结果网站直接挂了……application error...可有啥办法？？？

saiga #6 2014年12月15日

#5 楼 @cqcn1991

我都是直抓的没碰到跳转的情况。有些网页情况特殊，就手动截图然后到后台上传 ===== 界面我做的工作很少，都是前端 css 框架做的。个人不大建议用 bootstrap，坊间一堆 bs脸 感觉与 bootstrap 易用难定制有一定关系的。而 semantic-ui 相对更灵活。另外 logo 也得花点心思，我开发过程都是用纯字体暂位的，换了 logo 之后感觉好了很多。（项目开发了 8 天，设计 logo 占了两天。) ===== 上日志...

huobazi #7 2014年12月15日

国内访问挺快的

cqcn1991 #8 2014年12月15日

#6 楼 @saiga http://stackoverflow.com/questions/27470865/heroku-application-error-after-using-buildpack 完全没人理我……

2014-12-14T15:15:47.043622+00:00 heroku[api]: Release v73 created by ...
2014-12-14T15:15:51.798267+00:00 heroku[router]: at=error code=H14 desc="No web
processes running" method=GET path="/" host=magicbox1.herokuapp.com request_id=6
484aae1-3004-4731-9254-0c1ad84983c9 fwd="180.160.23.109" dyno= connect= service=
 status=503 bytes=
2014-12-14T15:19:57.677752+00:00 heroku[router]: at=error code=H14 desc="No web
processes running" method=GET path="/" host=magicbox1.herokuapp.com request_id=a
5b37bd8-29c7-437a-9ea8-b605274fd62a fwd="180.160.23.109" dyno= connect= service=
 status=503 bytes=