[最近的一个 Python Flask 小作品] 壹经典:每天分享好句子 - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
爱意满满的作品展示区。
hustlzp
V2EX    分享创造

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

  •  2
     
  •   hustlzp 2015-04-23 16:23:00 +08:00 6388 次点击
    这是一个创建于 3830 天前的主题,其中的信息可能已经有所发展或是发生改变。

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

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

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

    主要 feature 如下:

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

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

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

    第 1 条附言    2015-04-24 10:22:21 +08:00
    目前尚无移动版,不过利用 Bootstrap 做了些简单的响应式适配。

    用 iPhone 的同学可以在 Safari 中打开网站,然后选择“添加到主屏幕”,就可以把访问入口放到手机桌面上。
    71 条回复    2015-04-26 17:58:18 +08:00
    ericpeng
        1
    ericpeng  
       2015-04-23 16:35:57 +08:00
    小清新的一个网站,积淀文字的精华。
    too2ye
        2
    too2ye  
       2015-04-23 16:44:46 +08:00   1
    点击作者和书名旁边的图标有全屏显示功能,这个做的很赞,提供很专注的环境。
    talentliuyang
        3
    talentliuyang  
       2015-04-23 16:55:24 +08:00   1
    很喜欢,最近心理需要疏导,需要看看这些文字沉淀一下,求邀请码
    hustlzp
        4
    hustlzp  
    OP
       2015-04-23 16:59:30 +08:00
    @talentliuyang 谢谢,来个邮箱我发邀请码给你~
    hustlzp
        5
    hustlzp  
    OP
       2015-04-23 17:00:33 +08:00
    @too2ye 谢谢,某天忽然想到了这个效果,于是就尝试做了,模拟 iPhone 的高斯模糊效果
    zld
        6
    zld  
       2015-04-23 17:04:46 +08:00   1
    每条下面的全屏按钮,我还以为是拖拽按钮,第一反应就是去拖拽一下,然后发现是全屏→_→
    赞内容和高斯模糊
    hustlzp
        7
    hustlzp  
    OP
       2015-04-23 17:10:01 +08:00
    @zld 额,确实有点拖拽的错觉 -_-
    picasso250
        8
    picasso250  
       2015-04-23 17:10:25 +08:00   1
    竟然我也做过一个类似的站
    http://sayit.sinaapp.com/
    talentliuyang
        9
    talentliuyang  
       2015-04-23 17:16:40 +08:00
    @hustlzp youngleoyzu#gmail.com 多谢了
    hustlzp
        10
    hustlzp  
    OP
       2015-04-23 17:20:04 +08:00
    @picasso250 wow,看来喜欢句子的人不少啊~ :)
    sunus
        11
    sunus  
       2015-04-23 17:25:00 +08:00   1
    代码写的也很不错, 厉害
    laoertongzhi
        12
    laoertongzhi  
       2015-04-23 17:25:20 +08:00   1
    多谢分享!
    ZhaoMiing
        13
    ZhaoMiing  
       2015-04-23 17:27:46 +08:00   1
    报一个issue,偶遇快速点两次会出来两个全屏浮层。顺便求个邀请zhaoming#outlook#com
    hustlzp
        14
    hustlzp  
    OP
       2015-04-23 17:35:48 +08:00
    @ZhaoMiing 非常感谢,晚上我去查查bug。
    nicksite
        15
    nicksite  
       2015-04-23 17:53:12 +08:00   1
    赞,前后端都可以借鉴学习一下。。
    kasp
        16
    kasp  
       2015-04-23 17:58:08 +08:00

    点击左上按钮404
    hustlzp
        17
    hustlzp  
    OP
       2015-04-23 18:14:26 +08:00
    @kasp 我这边没有复现,请问点击左上按钮后 404 的 URL 是什么啊?
    kasp
        18
    kasp  
       2015-04-23 18:16:39 +08:00
    hustlzp
        19
    hustlzp  
    OP
       2015-04-23 18:17:21 +08:00
    @kasp 谢谢,你每次都会出现这种情况吗?还是偶尔出现?
    kasp
        20
    kasp  
       2015-04-23 18:17:38 +08:00
    @hustlzp 通过点击右侧弹出窗的全屏按钮
    hustlzp
        21
    hustlzp  
    OP
       2015-04-23 18:18:16 +08:00
    @kasp 知道了,是一个bug,非常感谢。
    oott123
        22
    oott123  
       2015-04-23 18:58:28 +08:00   1
    未登录状态下,评论位置提示:
    登陆 后评论
    这里有个错别字 :)
    no13bus
        23
    no13bus  
       2015-04-23 19:28:09 +08:00   1
    赞。 UI看着很舒服。用reactjs重构下?哈哈。然后做一个apple watch版本的,每天8点弹一个好句子,类似定点收音机广播似的, 每天保持好心情。 ios做一个 widget小插件也挺好的。自己瞎想的。
    hustlzp
        24
    hustlzp  
    OP
       2015-04-23 20:52:44 +08:00
    @oott123 感谢!
    hustlzp
        25
    hustlzp  
    OP
       2015-04-23 20:53:09 +08:00
    @no13bus WOW,Apple Watch,好创意啊!Thanks~
    jas0ndyq
        26
    jas0ndyq  
       2015-04-23 20:55:08 +08:00
    很好呀,还有源码,学习了
    hustlzp
        27
    hustlzp  
    OP
       2015-04-23 20:58:56 +08:00
    no13bus
        28
    no13bus  
       2015-04-23 21:20:20 +08:00
    @hustlzp 嗯。最近还有好几个iwatch的idea,可惜swift还没学好,并且更重要的是没有iwatch,Iphone和Mac都备好了。
    hustlzp
        29
    hustlzp  
    OP
       2015-04-23 22:14:35 +08:00
    @no13bus 恩,以后有时间也试试iWatch开发
    laotaitai
        30
    laotaitai  
       2015-04-23 23:01:06 +08:00
    我咋觉得代码写得好丑哦, 一点都没代码的感觉, 我指的是代码外貌.
    hustlzp
        31
    hustlzp  
    OP
       2015-04-23 23:55:56 +08:00 via iPhone
    @laotaitai 能否举一些写得比较漂亮的代码?我学习学习
    sunine
        32
    sunine  
       2015-04-23 23:58:13 +08:00
    网站很赞,特意看了下移动端,因为手机上屏幕很窄,按现在这样一行显示不了几个字,影响阅读体验,建议修改下小尺寸屏幕下排版。
    顺便要个邀请码:isunine#gmail.com
    hustlzp
        33
    hustlzp  
    OP
       2015-04-24 00:03:38 +08:00 via iPhone
    @sunine thanks, 目前已经躺床上了,明天发码。移动端确实有问题,得改。
    sunine
        34
    sunine  
       2015-04-24 00:14:22 +08:00
    @hustlzp 再提个小建议,“偶遇”可以用“茴香”的显示方式。按目前的样子,有的句子还没看完就到下一条了,自己点一下看下一条方便控制。
    sunine
        35
    sunine  
       2015-04-24 00:19:18 +08:00
    @hustlzp 现在是按字数来判断时常?
    charlie21
        36
    charlie21  
       2015-04-24 00:31:19 +08:00
    “ 偶遇 ” 这个功能很赞 !!
    希望能把这个功能给出具体的网址链接
    laotaitai
        37
    laotaitai  
       2015-04-24 00:31:25 +08:00
    @hustlzp 一个都没看到, 都是逻辑和策略好看的, 没得一个代码外观很好看的. 我估计是语言的问题, 缓存Ruby, 代码估计就很好看了.
    hustlzp
        38
    hustlzp  
    OP
       2015-04-24 08:41:42 +08:00
    @laotaitai 恩...
    miaozaiye
        39
    miaozaiye  
       2015-04-24 08:46:07 +08:00
    [email protected], 喜欢此类产品。如果界面能够更加文气一些就更好啦#_#
    miaozaiye
        40
    miaozaiye  
       2015-04-24 09:19:32 +08:00
    UI 的话,可以看看http://mindstore.io, 它在几个PH类型网站中算比较清新的。
    lztrey90
        41
    lztrey90  
       2015-04-24 09:27:54 +08:00
    赞!伸手要个邀请码 [email protected]
    no13bus
        42
    no13bus  
       2015-04-24 09:29:11 +08:00
    @laotaitai 这话好牛逼。是四川人吧。
    yuankui
        43
    yuankui  
       2015-04-24 09:38:03 +08:00
    赞!
    vob636
        44
    vob636  
       2015-04-24 09:44:15 +08:00
    代码……还行,就是土了点,稍后要是有时间会用restful以及ng重新搞下。
    hustlzp
        45
    hustlzp  
    OP
       2015-04-24 09:44:40 +08:00
    hustlzp
        46
    hustlzp  
    OP
       2015-04-24 09:46:21 +08:00
    @miaozaiye 我用SendCloud发你邮箱的时候报错了,我直接把邀请码发你邮箱吧。
    scarlex
        47
    scarlex  
       2015-04-24 09:47:11 +08:00
    http://aniquo.com/
    我也做过一个,虽然还没做完
    hustlzp
        48
    hustlzp  
    OP
       2015-04-24 09:52:51 +08:00
    @vob636 恩,目前是传统的开发方式,没有用到前端MVC。
    hustlzp
        49
    hustlzp  
    OP
       2015-04-24 09:54:49 +08:00
    @scarlex ng的体验相当好,收藏了。
    scarlex
        50
    scarlex  
       2015-04-24 09:56:30 +08:00
    @hustlzp 我这个的数据几乎都是手动收录的,不知道你的站是爬的还是手动录入的?
    scarlex
        51
    scarlex  
       2015-04-24 09:58:51 +08:00
    @hustlzp
    对了,我这个也是开源的,有空来围观下吧。
    前端: https://github.com/scarletsky/Silmeria
    后端: https://github.com/scarletsky/Lenneth
    hustlzp
        52
    hustlzp  
    OP
       2015-04-24 10:00:16 +08:00
    @scarlex 我的站点目前数据很少,不到100条句子。是用户自己分析内容。
    hustlzp
        53
    hustlzp  
    OP
       2015-04-24 10:01:33 +08:00   1
    @scarlex 开源不错,已 star & fork 有时间学习下。

    看来有必要用前端 MVC 框架重构下我的站点,这种体验太顺畅了。
    hustlzp
        54
    hustlzp  
    OP
       2015-04-24 10:06:56 +08:00
    @charlie21 你是说点击“偶遇”后,跳转到一个URL不同的页面是吧?
    hustlzp
        55
    hustlzp  
    OP
       2015-04-24 10:08:07 +08:00
    @sunine 是的,目前的话初步设定是10字/s,不过有时候可能需要停留久一点,因为需要慢慢读。

    你的建议挺好的,我找时间改一下。
    vob636
        56
    vob636  
       2015-04-24 10:30:29 +08:00
    逻辑很清晰的说,刚刚又详细看了下,不错,前面的话先收回,可能用框架用多了……有点先入为主。fork下来,借鉴下创意啦~~
    bohan
        57
    bohan  
       2015-04-24 10:32:29 +08:00
    哈哈,好多Python的同学,求Python小伙伴。

    http://www.v2ex.com/t/185710
    hustlzp
        58
    hustlzp  
    OP
       2015-04-24 10:35:28 +08:00
    @vob636 没事。欢迎任何意见 :)

    以后有时间学学ng重构下,现在还把握不住ng...
    gangsta
        59
    gangsta  
       2015-04-24 10:40:41 +08:00
    好顶赞~
    另请教一个问题:页面的ScrollBar是如何做到自动隐藏的呢?谢谢
    hustlzp
        60
    hustlzp  
    OP
       2015-04-24 10:45:11 +08:00
    @gangsta 你好,你是指那个页面的Scroll Bar?
    datou552211
        61
    datou552211  
       2015-04-24 10:48:54 +08:00
    很喜欢读书,上面的书目虽然不是我的fan,但是有些句子确实能产生共鸣。
    hustlzp
        62
    hustlzp  
    OP
       2015-04-24 11:06:56 +08:00   1
    gangsta
        63
    gangsta  
       2015-04-24 11:14:15 +08:00
    @hustlzp 首页

    我在自己的项目发现Chrome的scrool bar一旦定义了CSS样式,在OS X下就不会自动隐藏了
    但是看到你这个滚动条在各个浏览器都会自动隐藏(甚至Win下)
    所以好奇这个效果是怎么实现的
    huigeer
        64
    huigeer  
       2015-04-24 11:23:43 +08:00
    风格不错, 比较喜欢,
    hustlzp
        65
    hustlzp  
    OP
       2015-04-24 11:39:15 +08:00
    @gangsta 我没有多scroll bar做任何额外的修改,也没有定义样式...

    不知道为什么会这样。

    不过我这边测试Win下不会隐藏。
    bullettrain1433
        66
    bullettrain1433  
       2015-04-24 13:04:33 +08:00   1
    赞一个
    Yannis1990
        67
    Yannis1990  
       2015-04-24 13:07:14 +08:00
    已 star,求个邀请 excellentbright#gmail.com
    hustlzp
        68
    hustlzp  
    OP
       2015-04-24 13:39:53 +08:00
    @Yannis1990 已发
    woodrat
        69
    woodrat  
       2015-04-24 23:09:23 +08:00
    很清爽,赞一个. 求一个邀请码 mithrilwoodrat#gmail.com
    hustlzp
        70
    hustlzp  
    OP
       2015-04-25 11:20:56 +08:00
    @woodrat 已发
    luckygood
        71
    luckygood  
       2015-04-26 17:58:18 +08:00
    赞一个,一缕清风,上边有些句子值得仔细品读
    关于     帮助文档     自助推广系统     博客     API     FAQ     Solana     2811 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 29ms UTC 06:29 PVG 14:29 LAX 23:29 JFK 02:29
    Do have faith in what you're doing.
    ubao msn snddm index pchome yahoo rakuten mypaper meadowduck bidyahoo youbao zxmzxm asda bnvcg cvbfg dfscv mmhjk xxddc yybgb zznbn ccubao uaitu acv GXCV ET GDG YH FG BCVB FJFH CBRE CBC GDG ET54 WRWR RWER WREW WRWER RWER SDG EW SF DSFSF fbbs ubao fhd dfg ewr dg df ewwr ewwr et ruyut utut dfg fgd gdfgt etg dfgt dfgd ert4 gd fgg wr 235 wer3 we vsdf sdf gdf ert xcv sdf rwer hfd dfg cvb rwf afb dfh jgh bmn lgh rty gfds cxv xcv xcs vdas fdf fgd cv sdf tert sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf shasha9178 shasha9178 shasha9178 shasha9178 shasha9178 liflif2 liflif2 liflif2 liflif2 liflif2 liblib3 liblib3 liblib3 liblib3 liblib3 zhazha444 zhazha444 zhazha444 zhazha444 zhazha444 dende5 dende denden denden2 denden21 fenfen9 fenf619 fen619 fenfe9 fe619 sdf sdf sdf sdf sdf zhazh90 zhazh0 zhaa50 zha90 zh590 zho zhoz zhozh zhozho zhozho2 lislis lls95 lili95 lils5 liss9 sdf0ty987 sdft876 sdft9876 sdf09876 sd0t9876 sdf0ty98 sdf0976 sdf0ty986 sdf0ty96 sdf0t76 sdf0876 df0ty98 sf0t876 sd0ty76 sdy76 sdf76 sdf0t76 sdf0ty9 sdf0ty98 sdf0ty987 sdf0ty98 sdf6676 sdf876 sd876 sd876 sdf6 sdf6 sdf9876 sdf0t sdf06 sdf0ty9776 sdf0ty9776 sdf0ty76 sdf8876 sdf0t sd6 sdf06 s688876 sd688 sdf86