V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
爱意满满的作品展示区。
hustlzp
V2EX  ›  分享创造

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

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

    最近和小伙伴 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   ·   实用小工具   ·   1142 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 27ms · UTC 23:44 · PVG 07:44 · LAX 15:44 · JFK 18:44
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.