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

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

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

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

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


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

不知道大伙有啥想法?

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

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

一直想做这个!求教 heroku 怎么用 phantomjs 的?

#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 这里有个非常详细的教程,我是看这个一步到位的,不过是日文。。。。

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

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

#5 楼 @cqcn1991

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

国内访问挺快的

#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=

#8 楼 @cqcn1991

No web processes running

先把服务器跑起来..

#9 楼 @saiga 这个线索太给力了…… heroku ps:scale web=1 起死回生……

做的非常赞!

#11 楼 @shin thanks 😄

顺便说一下,刚刚改了一下界面,用上了七牛的镜像加速,简直业界良心。但是发现字体文件好像只下载了 .woff 格式,导致 chrome 和 opera 转了 n 久,最后手动上传才完事。有人碰到这种情况么?

可不可以提供源码学习一下?

#13 楼 @joezhang 这个网站的初衷是想写个 demo 来实践一下 trailblazer...现在被 trailblazer 搞得生活不能自理,代码也没有参考的意义了 😢

需要 登录 后方可回复, 如果你还没有账号请 注册新账号