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

给网站加了个评注的功能,顿时觉得萌萌哒了

  •  2
     
  •   xinyu198736 · 2014-12-02 17:37:51 +08:00 · 6042 次点击
    这是一个创建于 1808 天前的主题,其中的信息可能已经有所发展或是发生改变。
    观摩地址: http://www.html-js.com/article/2494

    今天下午突然蹦出个点子,想给专栏加一个任意点评的功能。这种点评不止是针对整个文章的评论,而是更有针对性的直接指出文章某个位置的问题或者讨论。

    于是,晚上跟朋友喝完烧酒吃完火锅回家后,开动。

    然后等大家都睡了的时候,新功能就这样上线了。

    基本的动效就是这样的,因为时间紧,各种粗暴:

    
    可以添加,也可以评论,新加标注的时候作者会收到一封邮件通知,所以也别太频繁的标注了哦。

    以下是几个效果,欢迎大家多多使用,这种标注方式真心很有用的。

     
    84 回复  |  直到 2014-12-24 15:32:04 +08:00
        1
    bengol   2014-12-02 17:42:51 +08:00
    cool~
        2
    welsmann   2014-12-02 17:45:36 +08:00
    图全部挂了
        3
    x86   2014-12-02 17:49:20 +08:00
    评注功能默认关吧,我觉得看似很酷其实很不方便
        4
    nomemo   2014-12-02 17:54:28 +08:00
    很吊

    推荐在旁边加个评论的时间轴,用于过滤评论
        5
    learnshare   2014-12-02 17:55:00 +08:00
    像弹幕一样飘来飘去吧 >_<|||
        6
    clino   2014-12-02 17:55:25 +08:00
    挺酷的
    挺像弹字幕的哈
        7
    slax   2014-12-02 17:55:50 +08:00
    能做成wordpress插件吗?哈哈
        8
    markmx   2014-12-02 17:58:32 +08:00
    有点意思 不错的想法
        9
    jiangzhouq   2014-12-02 18:01:20 +08:00
    密集恐惧症。。。
        10
    plprapper   2014-12-02 18:05:18 +08:00
    挡住内容了 ,这样不好吧。
        11
    linkiosk   2014-12-02 18:08:06 +08:00
    随意双击就能评论
        12
    akfish   2014-12-02 18:09:24 +08:00
    真巧,也给自己博客加了逐段标注,还没上线。

    有考虑不同版本文章之间的diff么,不然一改文章就错位,类似功能主要的难点也就是在处理diff上。
        13
    lingyired   2014-12-02 18:14:53 +08:00
    cool 但。。

    不应该随意位置
    不应该占用左键点击
        14
    ChanneW   2014-12-02 18:23:59 +08:00
        15
    xz   2014-12-02 18:34:47 +08:00
    就是在随意位置评论吗?
        16
    Cee   2014-12-02 18:39:49 +08:00
    Cool
    不占用鼠标左键就更好了
        17
    S1ahs3r   2014-12-02 18:51:27 +08:00
    改进下应该学学轻之国度在线版阅读那样批注.这样酷炫但不实用
        18
    hansnow   2014-12-02 18:54:55 +08:00
    原来前端乱炖的站长是楼主呀~关注了一段时间了,很不错!
        19
    wcp1231   2014-12-02 19:04:57 +08:00
    让我想起这个 https://bearyboard.com/
        20
    kimw   2014-12-02 19:32:28 +08:00
    long long ago, there was a diigo.com...however gfw was not working at that time...

    话说,diigo我现在还在用。
        21
    kimw   2014-12-02 19:33:25 +08:00
    不过创意不错,真的很炫耶~
        22
    xiaowudesign   2014-12-02 19:40:16 +08:00 via iPhone
    来支持未来姐夫……
        23
    xinyu198736   2014-12-02 19:48:20 +08:00
    @hansnow 谢谢亲(*^3^)
        24
    xinyu198736   2014-12-02 19:52:51 +08:00
    昨晚突发奇想搞出来的,参考了一些网站,体验也有缺陷,亮出来大家看看批评下,会改进,哈哈(⌒▽⌒)
        25
    feiyuanqiu   2014-12-02 19:53:51 +08:00
    使用了一下,感觉做成双击点评要好些
        26
    GuangXiN   2014-12-02 20:02:07 +08:00 via Android
    千万不要双击触发,我最喜欢边读文章变点击标注读到哪里了
        27
    hugsky   2014-12-02 20:46:54 +08:00
    很适合摄影站,对图片的点评
        28
    sneezry   2014-12-02 20:55:58 +08:00
    楼主模仿bing的效果应该比较好 =D
        29
    soruNis   2014-12-02 20:56:05 +08:00
    为什么突然之间都想加评注了,是因为 glose 和 豆瓣读书 吗?
        30
    coolcfan   2014-12-02 21:10:01 +08:00
    最早是在有妖气看到这样子的。
        31
    RobberPhex   2014-12-02 21:23:01 +08:00
    弹幕都到技术站了么?这样真的很不正式。
    一般讨论一段的话不是引用吗?
        32
    SamZeng   2014-12-02 21:29:49 +08:00
    挡到内容了,我觉得 [Medium](http://medium.com) 那种挺好的。
        33
    durrrr   2014-12-02 21:30:11 +08:00
    做成通用的浏览器扩展吧!像 diigo 那种。
    除了批注,把高亮、过滤、搜索都搞出来。
        34
    soruNis   2014-12-02 22:24:07 +08:00
    想一下可能的竞品: medium, wired, glose, google doc, douban, duokan
        35
    Edward   2014-12-02 22:51:38 +08:00 via iPhone
    确实 medium 的模式要好一些。。

    @slax 已经有 WordPress 插件了,还有一款付费主题内置支持这玩意,很酷。。。
        36
    geew   2014-12-02 22:54:05 +08:00
    能开源不
        37
    ids   2014-12-02 22:54:52 +08:00
    @Edward 哪有?
        38
    phyng   2014-12-02 23:03:17 +08:00
    Cool,似乎可以像medium一样放在右侧不挡住内容,我最初觉得这种设计非常棒是在这个文档: http://djangobook.py3k.cn/2.0/chapter01/ 文档有不清楚的地方点开评论基本上有人讨论过了
        39
    kmvan   2014-12-02 23:05:28 +08:00
    貌似我自己受不了这圆点,鸡皮疙瘩。。。
        40
    aWangami   2014-12-02 23:58:58 +08:00
    看着有点。。。难受...
    能加一个一键隐藏的功能么
        41
    Yannis1990   2014-12-03 00:36:46 +08:00
    https://redpen.io/ 原版再次,昨天才看见,楼主今天就出了,赞,求开源插件~
        42
    discrete   2014-12-03 00:57:15 +08:00
    同求Wordpress插件。
        43
    paloalto   2014-12-03 01:57:06 +08:00
    风扇呼呼响,建议把 CSS 3 的 animation 换成简单的 gif,或者取消圆点标注的动画效果,用静止的小圆点。
        44
    Mihuwa   2014-12-03 03:10:29 +08:00 via iPhone
    @Edward 同求wordpress插件和付费主题链接
        45
    xiaogui   2014-12-03 08:52:00 +08:00
    这东西还是小团队使用的吧,人多了,还不点满了。
        46
    blue7wings   2014-12-03 09:09:35 +08:00
    挺有意思的。。。
        47
    Arrowing   2014-12-03 09:12:51 +08:00
    昨天看了个网站就和楼主做的效果一模一样!难道是楼主的站?

    有意思,但是我不喜欢用!
        48
    chizhong   2014-12-03 09:16:12 +08:00
    有意思的想法,像极了弹幕……估计以后的90后程序员会喜欢
    虽然我也是90后……
        49
    ityao   2014-12-03 09:18:41 +08:00
    倒是对文章里面的图点评会比较有意思
        50
    minuo0day   2014-12-03 09:29:13 +08:00
    不知道能不能做成v9的插件
        51
    Twinkle   2014-12-03 09:34:35 +08:00
    233 忍着没去添加 好玩
        52
    maaakor   2014-12-03 09:38:08 +08:00
    要是鼠标移到上面才显示就更好了。。
        53
    ryanyu104   2014-12-03 09:39:46 +08:00
    昨天还玩过 创意挺好 就是感觉不方便
        54
    nowit   2014-12-03 09:40:17 +08:00
    挺有意思的,建议如下改善会更好一点:

    1、评论点圈最好不要遮挡文字、图片,干扰阅读,尤其是以阅读为主的页面;
    2、控制点的数量与Style,不要让页面一瞬间就『长满了痘痘』(☞'ω')☞
        55
    ooksm   2014-12-03 09:46:24 +08:00
    密集物恐惧症怎么办
        56
    dddd1919   2014-12-03 10:20:36 +08:00
    文字版的弹幕
        57
    apirl   2014-12-03 10:28:53 +08:00
    公司网站大量的文章苦于没有互动,之前和我们boss提过类似的想法,文字版弹幕,结果被古板的boss给否了,楼主能实现出来太赞了。。。修改下体验会更好,密集恐怖症看着确实心里发毛,而且挡住内容了。
        58
    konakona   2014-12-03 10:35:56 +08:00
    挺有意思的!不过密集了点……
        59
    EXDestroyer   2014-12-03 10:36:17 +08:00
    炫酷
        60
    xinyu198736   2014-12-03 10:38:37 +08:00
    这个帖子是被刷了,通常的话体验不会是这样,哈哈,刷点点的会封号处理。

    细节体验的确需要优化。
        61
    xinyu198736   2014-12-03 10:41:14 +08:00
    其实这个功能的最大作用就是:


    提高一下网站的活跃度,

    估计过一阵就要下掉了,因为没人用。。。
        62
    laxapple   2014-12-03 10:50:58 +08:00
    静态弹幕
        63
    karjarjam   2014-12-03 11:21:14 +08:00
    看起来是很cool,不过随意位置确实有点挡内容。而且没有隐藏选项页有点干扰阅读
    个人觉得最好中间一栏是文章,两边空间放批注。反正一行文字也不是太长,指到特定一行也基本能指到批注批的是哪一段了。
        64
    aaalzk   2014-12-03 11:24:15 +08:00
    要是推广开来,淘宝或者HAO123还能用吗
        65
    wiz001   2014-12-03 12:31:12 +08:00
    这个好像之前一个叫白板的东东
        66
    baskice   2014-12-03 12:45:12 +08:00
    这个好棒
        67
    ldehai   2014-12-03 12:59:19 +08:00
    Medium有这个功能
        68
    neutrino   2014-12-03 15:09:29 +08:00
    参考有妖气漫画等站点,目的在于“就是要挡住内容”来形成“独特的效果”更有意思。
        69
    sammo   2014-12-03 15:36:00 +08:00
    diigo 的网页评注有类似的功能,只对高级用户开放,于是发展成版聊
        70
    saber000   2014-12-03 16:03:34 +08:00
    本来想用标注把隐藏标注的label盖住的,没成功...
        71
    metalbug   2014-12-03 16:25:41 +08:00
    代码发出来玩玩如果做成单个JS插件就更好了。
        72
    Edward   2014-12-03 16:45:24 +08:00
    @ids
    @Mihuwa

    https://upthemes.com/themes/largo/ 付费主题,配合得挺好。至于插件,好像还是免费的,在官方库里有应该,不过跟不同主题搭配有些累。。。
        73
    xinyu198736   2014-12-03 16:50:51 +08:00
    这个帖子被大家玩坏了。。。
        74
    Rorysky   2014-12-03 19:29:05 +08:00
    类似参考 豆瓣阅读 或者 多看阅读 注释、评论的添加方式
        75
    adeweb   2014-12-03 20:09:42 +08:00
    楼主有考虑过深度密集恐惧症的人的感受么,头皮发麻啊。
        76
    klam   2014-12-03 20:34:16 +08:00
    鱼头牛逼
        77
    openroc   2014-12-04 11:15:47 +08:00
    打开后,CPU秒High~~~。 哈哈。。。
        78
    cxl008   2014-12-04 16:30:17 +08:00
    好多麻子
        79
    sunnykevin   2014-12-04 16:30:55 +08:00
    其实我想说,密集恐惧症患者看了会抓狂的~
        80
    jinzhe   2014-12-04 22:26:48 +08:00
    不太实用啊!感觉有点乱
        81
    lamtin   2014-12-08 15:37:21 +08:00
    密集恐惧症患者路过...
        82
    vicwutaojun   2014-12-11 15:26:16 +08:00
    @akfish 正解。。欢迎了解 qudian.org
        83
    clino   2014-12-18 13:42:57 +08:00
    楼主前端乱炖是挂了还是怎么了?
    504 Gateway Time-out
    nginx/1.0.15
        84
    lansexinyu   2014-12-24 15:32:04 +08:00
    楼主,就我知道前端乱炖已经挂了好几次了,请问是什么情况,是什么问题?我看了下,服务器是阿里云的,应该不会这么容易挂吧!
    关于   ·   FAQ   ·   API   ·   我们的愿景   ·   广告投放   ·   感谢   ·   实用小工具   ·   944 人在线   最高记录 5043   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.3 · 42ms · UTC 21:39 · PVG 05:39 · LAX 13:39 · JFK 16:39
    ♥ Do have faith in what you're doing.