[最近的一个 Python Flask 小作品] 壹经典：每天分享好句子

[hustlzp]

最近和小伙伴 Eric Peng 用 Flask & Bootstrap 写了个小站点：壹经典。

• 网址： http://www.1jingdian.com
• 代码： https://github.com/1jingdian/1jingdian

我们平时都很喜欢文字，就想一起做一个分享文字片段的产品。目前同类产品有：

• 句子迷
• 茴香

其中句子迷设计依然停留在上个时代，茴香做得非常不错，就是太过私密，我们想做一款社会化元素重一点的产品，于是采用了 Product Hunt 模式来做每日排名。

主要 feature 如下：

• 排名：采用每日排名模式分享文字片段
• 句集：句子可收纳到句集中，形成内容沉淀
• 公共编辑：句子和句集可接受用户的公共编辑啊，并记录编辑日志（类知乎）
• 全屏：更加沉浸式地欣赏文字
• 偶遇：随机展示句子

码农设计能力一般，严重“参考”了这些产品：Product Hunt、NEXT、稀土、知乎等，看到不错的 UI 就借鉴一下。

壹经典应该不会是一个特别闹的产品，对灌水是强烈抵制的。喜欢读书、喜欢文字的童鞋可以留下邮箱，我发邀请码给你。

目前尚无移动版，不过利用 Bootstrap 做了些简单的响应式适配。

用 iPhone 的同学可以在 Safari 中打开网站，然后选择“添加到主屏幕”，就可以把访问入口放到手机桌面上。

[ericpeng]

小清新的一个网站，积淀文字的精华。

[too2ye]

点击作者和书名旁边的图标有全屏显示功能，这个做的很赞，提供很专注的环境。

[talentliuyang]

很喜欢，最近心理需要疏导，需要看看这些文字沉淀一下，求邀请码

[hustlzp]

@talentliuyang 谢谢，来个邮箱我发邀请码给你~

[hustlzp]

@too2ye 谢谢，某天忽然想到了这个效果，于是就尝试做了，模拟 iPhone 的高斯模糊效果

[zld]

每条下面的全屏按钮，我还以为是拖拽按钮，第一反应就是去拖拽一下，然后发现是全屏→_→
赞内容和高斯模糊👍

[hustlzp]

@zld 额，确实有点拖拽的错觉 -_-

[picasso250]

竟然我也做过一个类似的站
http://sayit.sinaapp.com/

[talentliuyang]

@hustlzp youngleoyzu#gmail.com 多谢了

[hustlzp]

@picasso250 wow，看来喜欢句子的人不少啊~ :)

[sunus]

代码写的也很不错， 厉害

[laoertongzhi]

多谢分享！

[ZhaoMiing]

报一个issue，偶遇快速点两次会出来两个全屏浮层。顺便求个邀请zhaoming#outlook#com

[hustlzp]

@ZhaoMiing 非常感谢，晚上我去查查bug。

[nicksite]

赞，前后端都可以借鉴学习一下。。

[kasp]

点击左上按钮404

[hustlzp]

@kasp 我这边没有复现，请问点击左上按钮后 404 的 URL 是什么啊？

[kasp]

@hustlzp http://www.1jingdian.com/piece/undefined
chrome版本 41.0.2272.118 m

[hustlzp]

@kasp 谢谢，你每次都会出现这种情况吗？还是偶尔出现？

[kasp]

@hustlzp 通过点击右侧弹出窗的全屏按钮

[hustlzp]

@kasp 知道了，是一个bug，非常感谢。

[oott123]

未登录状态下，评论位置提示：
登陆 后评论
这里有个错别字 :)

[no13bus]

赞。 UI看着很舒服。用reactjs重构下？哈哈。然后做一个apple watch版本的，每天8点弹一个好句子，类似定点收音机广播似的， 每天保持好心情。 ios做一个 widget小插件也挺好的。自己瞎想的。

[hustlzp]

@oott123 感谢！

[hustlzp]

@no13bus WOW，Apple Watch，好创意啊！Thanks~

[jas0ndyq]

很好呀，还有源码，学习了

[hustlzp]

@jas0ndyq ^_^

[no13bus]

@hustlzp 嗯。最近还有好几个iwatch的idea，可惜swift还没学好，并且更重要的是没有iwatch，Iphone和Mac都备好了。

[hustlzp]

@no13bus 恩，以后有时间也试试iWatch开发

[laotaitai]

我咋觉得代码写得好丑哦, 一点都没代码的感觉, 我指的是代码外貌.

[hustlzp]

@laotaitai 能否举一些写得比较漂亮的代码？我学习学习

[sunine]

网站很赞，特意看了下移动端，因为手机上屏幕很窄，按现在这样一行显示不了几个字，影响阅读体验，建议修改下小尺寸屏幕下排版。
顺便要个邀请码：isunine#gmail.com

[hustlzp]

@sunine thanks, 目前已经躺床上了，明天发码。移动端确实有问题，得改。

[sunine]

@hustlzp 再提个小建议，“偶遇”可以用“茴香”的显示方式。按目前的样子，有的句子还没看完就到下一条了，自己点一下看下一条方便控制。

[sunine]

@hustlzp 现在是按字数来判断时常？

[charlie21]

“ 偶遇 ” 这个功能很赞 !!
希望能把这个功能给出具体的网址链接

[laotaitai]

@hustlzp 一个都没看到, 都是逻辑和策略好看的, 没得一个代码外观很好看的. 我估计是语言的问题, 缓存Ruby, 代码估计就很好看了.

[hustlzp]

@laotaitai 恩...

[miaozaiye]

[email protected], 喜欢此类产品。如果界面能够更加文气一些就更好啦#_#

[miaozaiye]

UI 的话，可以看看http://mindstore.io, 它在几个PH类型网站中算比较清新的。

[lztrey90]

赞！伸手要个邀请码 [email protected]

[no13bus]

@laotaitai 这话好牛逼。是四川人吧。

[yuankui]

赞!

[vob636]

代码……还行，就是土了点，稍后要是有时间会用restful以及ng重新搞下。

[hustlzp]

@sunine
@lztrey90
@miaozaiye

已发

[hustlzp]

@miaozaiye 我用SendCloud发你邮箱的时候报错了，我直接把邀请码发你邮箱吧。

[scarlex]

http://aniquo.com/
我也做过一个，虽然还没做完

[hustlzp]

@vob636 恩，目前是传统的开发方式，没有用到前端MVC。

[hustlzp]

@scarlex ng的体验相当好，收藏了。

[scarlex]

@hustlzp 我这个的数据几乎都是手动收录的，不知道你的站是爬的还是手动录入的？

[scarlex]

@hustlzp
对了，我这个也是开源的，有空来围观下吧。
前端： https://github.com/scarletsky/Silmeria
后端： https://github.com/scarletsky/Lenneth

[hustlzp]

@scarlex 我的站点目前数据很少，不到100条句子。是用户自己分析内容。

[hustlzp]

@scarlex 开源不错，已 star & fork 有时间学习下。

看来有必要用前端 MVC 框架重构下我的站点，这种体验太顺畅了。

[hustlzp]

@charlie21 你是说点击“偶遇”后，跳转到一个URL不同的页面是吧？

[hustlzp]

@sunine 是的，目前的话初步设定是10字/s，不过有时候可能需要停留久一点，因为需要慢慢读。

你的建议挺好的，我找时间改一下。

[vob636]

逻辑很清晰的说，刚刚又详细看了下，不错，前面的话先收回，可能用框架用多了……有点先入为主。fork下来，借鉴下创意啦~~

[bohan]

哈哈，好多Python的同学，求Python小伙伴。

http://www.v2ex.com/t/185710

[hustlzp]

@vob636 没事。欢迎任何意见 :)

以后有时间学学ng重构下，现在还把握不住ng...

[gangsta]

好顶赞~
另请教一个问题:页面的ScrollBar是如何做到自动隐藏的呢?谢谢

[hustlzp]

@gangsta 你好，你是指那个页面的Scroll Bar？

[datou552211]

很喜欢读书，上面的书目虽然不是我的fan，但是有些句子确实能产生共鸣。

[hustlzp]

@charlie21

http://www.1jingdian.com/piece/meet

[gangsta]

@hustlzp 首页

我在自己的项目发现Chrome的scrool bar一旦定义了CSS样式,在OS X下就不会自动隐藏了
但是看到你这个滚动条在各个浏览器都会自动隐藏(甚至Win下)
所以好奇这个效果是怎么实现的

[huigeer]

风格不错， 比较喜欢，

[hustlzp]

@gangsta 我没有多scroll bar做任何额外的修改，也没有定义样式...

不知道为什么会这样。

不过我这边测试Win下不会隐藏。

[bullettrain1433]

赞一个

[Yannis1990]

已 star，求个邀请 excellentbright#gmail.com

[hustlzp]

@Yannis1990 已发

[woodrat]

很清爽,赞一个. 求一个邀请码 mithrilwoodrat#gmail.com

[hustlzp]

@woodrat 已发

[luckygood]

赞一个，一缕清风，上边有些句子值得仔细品读