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

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

爱意满满的作品展示区。

这是一个创建于 3520 天前的主题，其中的信息可能已经有所发展或是发生改变。

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

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

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

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

主要 feature 如下：

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

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

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

第 1 条附言 · 2015-04-24 10:22:21 +08:00

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

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

句子

文字

茴香

71 条回复 • 2015-04-26 17:58:18 +08:00

ericpeng

2015-04-23 16:35:57 +08:00

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

too2ye

2015-04-23 16:44:46 +08:00

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

talentliuyang

2015-04-23 16:55:24 +08:00

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

hustlzp

2015-04-23 16:59:30 +08:00

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

hustlzp

2015-04-23 17:00:33 +08:00

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

zld

2015-04-23 17:04:46 +08:00

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

hustlzp

2015-04-23 17:10:01 +08:00

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

picasso250

2015-04-23 17:10:25 +08:00

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

talentliuyang

2015-04-23 17:16:40 +08:00

@hustlzp youngleoyzu#gmail.com 多谢了

hustlzp

2015-04-23 17:20:04 +08:00

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

sunus

2015-04-23 17:25:00 +08:00

代码写的也很不错，厉害

laoertongzhi

2015-04-23 17:25:20 +08:00

多谢分享！

ZhaoMiing

2015-04-23 17:27:46 +08:00

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

hustlzp

2015-04-23 17:35:48 +08:00

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

nicksite

2015-04-23 17:53:12 +08:00

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

kasp

2015-04-23 17:58:08 +08:00

点击左上按钮404

hustlzp

2015-04-23 18:14:26 +08:00

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

kasp

2015-04-23 18:16:39 +08:00

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

hustlzp

2015-04-23 18:17:21 +08:00

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

kasp

2015-04-23 18:17:38 +08:00

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

hustlzp

2015-04-23 18:18:16 +08:00

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

oott123

2015-04-23 18:58:28 +08:00

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

no13bus

2015-04-23 19:28:09 +08:00

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

hustlzp

2015-04-23 20:52:44 +08:00

@oott123 感谢！

hustlzp

2015-04-23 20:53:09 +08:00

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

jas0ndyq

2015-04-23 20:55:08 +08:00

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

hustlzp

2015-04-23 20:58:56 +08:00

@jas0ndyq ^_^

no13bus

2015-04-23 21:20:20 +08:00

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

hustlzp

2015-04-23 22:14:35 +08:00

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

laotaitai

2015-04-23 23:01:06 +08:00

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

hustlzp

2015-04-23 23:55:56 +08:00 via iPhone

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

sunine

2015-04-23 23:58:13 +08:00

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

hustlzp

2015-04-24 00:03:38 +08:00 via iPhone

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

sunine

2015-04-24 00:14:22 +08:00

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

sunine

2015-04-24 00:19:18 +08:00

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

charlie21

2015-04-24 00:31:19 +08:00

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

laotaitai

2015-04-24 00:31:25 +08:00

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

hustlzp

2015-04-24 08:41:42 +08:00

@laotaitai 恩...

miaozaiye

2015-04-24 08:46:07 +08:00

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

miaozaiye

2015-04-24 09:19:32 +08:00

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

lztrey90

2015-04-24 09:27:54 +08:00

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

no13bus

2015-04-24 09:29:11 +08:00

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

yuankui

2015-04-24 09:38:03 +08:00

赞!

vob636

2015-04-24 09:44:15 +08:00

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

hustlzp

2015-04-24 09:44:40 +08:00

@sunine
@lztrey90
@miaozaiye

已发

hustlzp

2015-04-24 09:46:21 +08:00

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

scarlex

2015-04-24 09:47:11 +08:00

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

hustlzp

2015-04-24 09:52:51 +08:00

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

hustlzp

2015-04-24 09:54:49 +08:00

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

scarlex

2015-04-24 09:56:30 +08:00

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

scarlex

2015-04-24 09:58:51 +08:00

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

hustlzp

2015-04-24 10:00:16 +08:00

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

hustlzp

2015-04-24 10:01:33 +08:00

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

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

hustlzp

2015-04-24 10:06:56 +08:00

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

hustlzp

2015-04-24 10:08:07 +08:00

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

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

vob636

2015-04-24 10:30:29 +08:00

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

bohan

2015-04-24 10:32:29 +08:00

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

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

hustlzp

2015-04-24 10:35:28 +08:00

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

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

gangsta

2015-04-24 10:40:41 +08:00

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

hustlzp

2015-04-24 10:45:11 +08:00

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

datou552211

2015-04-24 10:48:54 +08:00

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

hustlzp

2015-04-24 11:06:56 +08:00

@charlie21

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

gangsta

2015-04-24 11:14:15 +08:00

@hustlzp 首页

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

huigeer

2015-04-24 11:23:43 +08:00

风格不错，比较喜欢，

hustlzp

2015-04-24 11:39:15 +08:00

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

不知道为什么会这样。

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

bullettrain1433

2015-04-24 13:04:33 +08:00

赞一个

Yannis1990

2015-04-24 13:07:14 +08:00

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

hustlzp

2015-04-24 13:39:53 +08:00

@Yannis1990 已发

woodrat

2015-04-24 23:09:23 +08:00

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

hustlzp

2015-04-25 11:20:56 +08:00

@woodrat 已发

luckygood

2015-04-26 17:58:18 +08:00

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