分享五一期间做的网站—豆田

[wbolor]

先上网址： http://doutian.me

“豆田”来自于海子的诗《梭罗这人有脑子》：“我的云彩，四方邻国的云彩，安静在豆田之西，我的草帽上”。

目前仅仅完成基本功能，还有许多待开发，估计也有不少bug，欢迎大家给出意见和建议。

终于把评论功能给上线了，目前评论功能还比较简单，仅仅只是个评论，后续会增加消息系统，将基本的社交功能闭环。

[MaiCong]

Traceback (most recent call last):
File "/root/pythonenv/lib/python2.7/site-packages/tornado/web.py", line 1346, in _when_complete
callback()
File "/root/pythonenv/lib/python2.7/site-packages/tornado/web.py", line 1367, in _execute_method
self._when_complete(method(*self.path_args, **self.path_kwargs),
File "/root/code/meet/src/category/meet_category.py", line 42, in get
cate_id = self.get_argument("cate_id")
File "/root/pythonenv/lib/python2.7/site-packages/tornado/web.py", line 383, in get_argument
return self._get_argument(name, default, self.request.arguments, strip)
File "/root/pythonenv/lib/python2.7/site-packages/tornado/web.py", line 452, in _get_argument
raise MissingArgumentError(name)
MissingArgumentError: HTTP 400: Bad Request (Missing argument cate_id)

[chenhui7373]

只有我觉得漂亮吗

[seki]

这是 debug 模式没关么，跑出这么多信息

[DearTanker]

走Google Material风，我的最爱。

[qiayue]

还不错，加油

[Moker]

前段时间也想过做一个时间线的东西
其实大概像是微博的精简版 限制关注人数..或者每天阅读数是限定的

[Huadb]

@chenhui7373 背景太干

[ZhaoMiing]

风格好喜欢

[Tyler1989]

如何修改头像啊

[wbolor]

@MaiCong 麻烦告知下这是从哪个页面出来的，我debug模式没有关掉，哈哈。。。。

[wbolor]

@chenhui7373 谢谢！

[wbolor]

@DearTanker 要做到Google Material 还有很多事情要做，嘿嘿

[wbolor]

@Huadb 对设计一窍不通，只好用纯色背景图了。。。你觉得怎样的背景会更好。。。

[wbolor]

@seki 是debug模式忘了关了。。。。囧。。。。

[wbolor]

@Tyler1989 在右侧边栏滑动出的用户信息，鼠标悬浮到头像上应该会有可以修改头像的提示，点击即可。

[HunterPan]

类似微博客，但更简洁

[wbolor]

@HunterPan 嗯，做的时候参考了tumblr，现在的微博，空间有太多无意义的杂讯，希望能保持简单。

[cbsw]

都上线了，还开着 debug 真够大胆的，随手看了404

Traceback (most recent call last):
File "/root/pythonenv/lib/python2.7/site-packages/tornado/web.py", line 1339, in _execute
self._when_complete(self.prepare(), self._execute_method)
File "/root/pythonenv/lib/python2.7/site-packages/tornado/web.py", line 1914, in prepare
raise HTTPError(self._status_code)
HTTPError: HTTP 404: Not Found

[cbsw]

不过设计挺不错的，不像我

[wbolor]

@cbsw 感谢提醒哈，上线的时候忘了。。。。

[Anybfans]

压缩一下吧。。感觉打开卡卡卡的

[MaiCong]

@wbolor 页码请求地址←_←

[wbolor]

@Anybfans ok，需要优化的地方还很多，目前服务器是东京的linode机房，不知道打开速度怎么样？

[wbolor]

@MaiCong 已经关闭debug，后续需要做一些出错页面，感谢提醒哈

[cbsw]

@wbolor 建议图片扔国内 qiniu or upyun 速度会快不少。我之前在 digitalocean 的 nyc 节点，国内打开速度简直了，图片半天都是一片空白，转到国内好多了

[wbolor]

@cbsw 感谢建议哈，会考虑的~~

[sefemp]

不是很明白，把一个网站做漂亮，和有用比起来，权重有多高？

[laoertongzhi]

@sefemp

A对B说：“你为什么做菜总放那么多胡椒粉啊~，这样子的菜有人吃吗？”

B：“做给自己吃的，又不开馆子……”

[wbolor]

@sefemp 有用是怎么定义的呢？twitter刚出来的时候大家也说140个字有什么用，连完整表述一句话的意思字数都不够用。

[wbolor]

@laoertongzhi 总有人爱吃胡椒粉多的，也总有人爱吃胡椒粉少的，都可以理解。

[llyx]

赞楼主

[bravecarrot]

界面挺好看的。

[wbolor]

@llyx 谢谢！

[wbolor]

@bravecarrot 谢谢！

[paloalto]

很不错！

[wbolor]

@paloalto thks！

[MrJing1992]

很不错！有点像点点： http://www.diandian.com

[bellchu]

@MrJing1992 你直接说有点像tumblr么好了

楼主，网页滚屏有点卡

[wbolor]

@MrJing1992 点点已经要关门了吧，哈哈

[wbolor]

@bellchu 界面确实是参考了tumblr，基本功能是不一样的哈~~ 滚屏卡可能跟图片太大没压缩有点关系，我会继续优化哒，多谢支持。

[bellchu]

@wbolor right sidebar渐变出来很卡。

[MrJing1992]

@wbolor 我惊异它为什么还没有关门，许朝军做的东西貌似都濒临死亡：点点、啪啪、乌鸦

[wbolor]

@bellchu 嗯，这个我也发现了，在我自己的电脑上chrome很流畅，safari很卡，我找找原因。

[wbolor]

@MrJing1992 点点应该要快了吧，tumblr在国外发展的很好，点点却做挂了。。。

[haopic]

不错，有点意思！？
什么程序写的啊？

[7anshuai]

@wbolor 啊哈，发现个Bug，首页第一张图有11M大

[wbolor]

@7anshuai 目前上传图片没压缩。。。确实太大了，可以拿来测网速了。。。

[wbolor]

@haopic 后台python。。。。

[jokcy]

作为一个垃圾前端给你点设计上的建议

最基础的：文字啊文字，包括字体，字号，颜色，正文的字体太大了，颜色层次感不足，另外
```
rgba(0, 153, 204, 0.95);
font-family: Arial, "Helvetica Neue", Helvetica, "Microsoft YaHei", "微软雅黑", sans-serif;
```
这里的乱码什么节奏？实在不行就选个雅黑吧
顶上的菜单还是不要弄得跟安卓菜单一样了。。。好别扭的，文字带图标，而且靠在一边为好
主内容区高点阴影吧，太扁平了，或者可以搞点透明，hover的时候来点变化

还有一些就不说了，尽代表个人意见，话说我其实不喜欢圆角

[wbolor]

@jokcy 感谢你的意见，那个乱码其实就是微软雅黑四个字，可能跟文件编码有关系。。。。
最近在看google Material，后续会尽可能将页面动感起来，现在只是最基本最基本的功能上的实现，值得改进的地方还很多。

后端狗没做过前端，都是怎么简单粗暴怎么来，哈哈~~

[MarioLuisGarcia]

注册不好使，点了按钮没反应

[wbolor]

@MarioLuisGarcia 不能够啊，能麻烦问下你是什么浏览器嘛

[laruan14]

注册了一个。图片下面不能评论吗？

[wbolor]

@laruan14 嗯，评论的功能还在开发中哦。。。。

[laruan14]

@wbolor 加油呀。自己做东西的感觉很赞呢

[staticor]

注册了一个 一波文艺气息扑来不得不关注一下 :)

[MarioLuisGarcia]

@wbolor OSX下chrome，不过通过代理插件访问的网站

[VienDave]

http://doutian.me/image/55480e3785819101b3f38a78 PO主这张图片压缩下吧...加载了至少1min，UI不错。

[MarioLuisGarcia]

现在好了。刚才可能是网络原因

[wbolor]

@laruan14 嗯嗯，谢谢！

[wbolor]

@staticor 嗯，多谢关注！

[wbolor]

@VienDave 这张图片是我今早用相机拍的，没压缩，上传图片也没压缩，确实太大了，我先下掉好了。。。

[wbolor]

@MarioLuisGarcia 嗯，还是感谢你的反馈！

[qianlifeng]

UI赞一个

[cszhiyue]

简洁赞一个

[wbolor]

@cszhiyue
@qianlifeng
谢谢！

[iichenbf]

创意不错啊

[wbolor]

@iichenbf 谢谢！

[phx13ye]

求源码学习,谢谢

[wbolor]

@phx13ye 呃，目前还没有信心能把源码放出来。。。
可以说下目前的整体结构：
后端：nginx+tornado+redis+mongodb
前端开发环境：jquery+coffeescript+less
目前还是通过tornado渲染模板，前后端分离等等都没有，整体是比较简单的。

[sobigfish]

linode 日本有这么快啊 信用卡泄漏风波后逃离的，居然还不支持Paypal等第三方支付－。－

[wbolor]

@sobigfish linode 我自己用觉得速度也还不错，不过挂着信用卡确实偶尔会提心吊胆的。。。

[xylitolLin]

野生前端来说两句：js没有压缩，更好的应该要打包；这种以图片为内容的网站，应该将图片放到其他存储服务器了（强烈推荐七牛云存储），图片也应该有lazyload

[wbolor]

@xylitolLin 嗯，谢谢建议，目前js压缩和并都没有处理，图片存储确实是个问题，目前我相当于自己写的一个图片服务器，在redis中缓存，现在很担心机器的内存被用光。七牛，又拍云还在看。

[mrjoel]

good

[wbolor]

@mrjoel thks!

[adubi]

留下QQ

[wbolor]

@adubi Why？

[adubi]

@wbolor 有些想法和你聊聊

[wbolor]

@adubi 352707912

[fullpowers]

好漂亮的网站，好想和你友联

[wbolor]

@fullpowers 谢谢。不过暂时还没有要做友链的打算。

[LeoQ]

注册了一个,挺漂亮的, 纯色也很好看, 就是没有一个单独的登录页面这一点有点奇怪

[wbolor]

@LeoQ 感谢注册哈，没有登录页是不是比较难发现在哪登录，哈哈

[hayao650]

我觉得需要加一个回到顶部

[wbolor]

@hayao650 嗯，谢谢反馈，有这个想法。