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

花了半个月写了个在线小说阅读网站

  •  
  •   qping · 2019-07-24 18:58:50 +08:00 · 6903 次点击
    这是一个创建于 1709 天前的主题,其中的信息可能已经有所发展或是发生改变。
    这是第二次迭代了,使用 vue 重构,勉强能出来见人了,界面参考了起点和百度小说。。。。
    不会粘图。。各位还是看演示地址吧。。。

    演示地址: http://demo.qping.me:8888/novel/1
    github 地址: https://github.com/qpingcode/reader
    第 1 条附言  ·  2019-07-24 21:34:28 +08:00
    问题一:怎么翻页
    默认是水平方向翻页,把屏幕水平方向三等分,点左边部分进入上一页,点击中间部分进入设置,点击右边进入下一页

    设置中可以选择其他翻页方式,第一种是网页滚动,第二种是默认的水平翻页,第三种是垂直方向翻页

    问题二:网站怎么只有一本小说
    现在是个半成品,纯粹是为了满足自己看小说的需求,因为版权问题,暂时不打算开放,不过以后会开源前后台代码和 docker 镜像,有需求可以自己搭建
    第 2 条附言  ·  2019-07-25 14:26:49 +08:00
    只是一个 demo。。。
    第 3 条附言  ·  2019-07-27 20:44:50 +08:00
    各位老哥好,刚刚发布了一版
    1、增加了用户的设置、历史阅读记录保存到 localstorage 的功能
    2、在 pc 端阅读时会显示上一页、下一页的按钮
    3、增加了个首页,可以看到更多的书

    楼下的老哥提的建议都非常好,感谢各位,下一步是优化爬虫,根据用户需求实时爬入书籍

    首页地址是: http://demo.qping.me:8888
    第 4 条附言  ·  2019-07-30 12:18:34 +08:00
    谢谢 @bengcaca 老哥提醒,网站已关闭
    第 5 条附言  ·  2019-08-23 11:57:33 +08:00
    偷摸更新一波。。。增加了搜索功能。。访问地址:aHR0cDovL2RlbW8ucXBpbmcubWUvcmVhZGVy
    46 条回复    2019-08-05 15:08:12 +08:00
    pkwenda
        1
    pkwenda  
       2019-07-24 19:01:14 +08:00
    pc 端无法滑动
    pkwenda
        2
    pkwenda  
       2019-07-24 19:02:17 +08:00   ❤️ 1
    我来第一个 star
    playnoa
        3
    playnoa  
       2019-07-24 19:04:19 +08:00 via Android   ❤️ 1
    经过我个把小时的探索,各位观众,它是点击翻页的😄
    qping
        4
    qping  
    OP
       2019-07-24 19:17:04 +08:00 via Android
    @playnoa 下个版本加滑动翻页(捂脸)

    @pkwenda 你是什么浏览器?默认是左右翻页,点击屏幕右边进入下一页…谢谢 star
    agdhole
        5
    agdhole  
       2019-07-24 19:55:53 +08:00
    点击翻页加个按钮
    qping
        6
    qping  
    OP
       2019-07-24 21:09:43 +08:00 via Android
    @agdhole 可能 pc 上看适合加按钮,手机上小屏幕影响观看,真的有 pc 上看小说的需求吗
    maxxfire
        7
    maxxfire  
       2019-07-24 21:18:39 +08:00
    怎么就一本小说?
    qping
        8
    qping  
    OP
       2019-07-24 21:26:59 +08:00 via Android
    @maxxfire 爬虫部分还在完善,这个只是演示,版权问题,应该不会提供在线服务…不过以后提供 docker 镜像,有需求的可以自己在服务器上跑一个服务…
    hkitdog
        9
    hkitdog  
       2019-07-24 21:36:23 +08:00 via iPhone
    希望加个和原生 app 一样的翻页效果,像 iBook 那种
    rogwan
        10
    rogwan  
       2019-07-24 21:41:58 +08:00 via Android
    楼主有没有可能实现:滚动+上下翻页,混合模式?
    有时候情节紧凑的地方,不想翻页,只要向上滚动几行;情节无聊的地方,快速点翻页略过。
    qping
        11
    qping  
    OP
       2019-07-24 22:17:07 +08:00 via Android
    @rogwan 想法挺好的,可以通过操作来区分,点击就下一页,滑动屏幕就滚动几行。网页实现起来有点难度,可能需要写 app 来实现。
    qping
        12
    qping  
    OP
       2019-07-24 22:17:41 +08:00 via Android
    @hkitdog 没用过 ibook,是指翻书的那种特效吗
    qping
        13
    qping  
    OP
       2019-07-24 22:35:11 +08:00 via Android
    @rogwan 仔细想了下,可以实现一个没有翻页特效的简易版,能满足你所说的(捂脸)
    hkitdog
        14
    hkitdog  
       2019-07-24 22:39:08 +08:00 via iPhone
    @qping 对,就是翻书效果
    sindri
        15
    sindri  
       2019-07-24 22:54:53 +08:00
    干的漂亮。
    rogwan
        16
    rogwan  
       2019-07-24 23:11:13 +08:00
    @qping 应该是滚动翻页的增强版。滚动翻页,然后下半部的轻触,计算屏幕高度,向上滚蛋一个屏幕高度的距离。

    想了下,这样实现应该可行吧。
    mztql
        17
    mztql  
       2019-07-24 23:14:35 +08:00 via iPhone
    翻页特效有点拖慢看书速度,另外滚动模式下,可以考虑下滑到底部再下滑自动下一章,还可以弄个预加载
    mztql
        18
    mztql  
       2019-07-24 23:17:56 +08:00 via iPhone
    @rogwan #10 点中间的菜单跳章就好了
    niubee1
        19
    niubee1  
       2019-07-25 00:06:29 +08:00
    算了, 一是莫法赚钱, 二是还会带来官非
    jasonyang9
        20
    jasonyang9  
       2019-07-25 06:32:33 +08:00
    @maxxfire #7 改数字发现还有一本在 http://demo.qping.me:8888/novel/2。。。
    qping
        21
    qping  
    OP
       2019-07-25 09:28:17 +08:00   ❤️ 1
    @niubee1 #19 @jasonyang9 #20 纯粹是爱好。。。。

    @jasonyang9 #20 其实还有挺多本的 。。。
    qping
        22
    qping  
    OP
       2019-07-25 09:33:51 +08:00
    @mztql #17 下个版本可以加上,另外滚动模式最大的问题是用时间长了手累(捂脸)
    efaun
        23
    efaun  
       2019-07-25 10:25:29 +08:00
    这本小说我也在追,不过不知道是不是最近大环境的原因,更的好慢……😂😂
    figurant
        24
    figurant  
       2019-07-25 11:13:35 +08:00
    莫法赚钱,难搞
    gransh
        25
    gransh  
       2019-07-25 11:17:46 +08:00
    太简陋了 ,先不说了就放了一本小说 ,不是数量问题,既然是个小说网站基本菜单得齐全吧...
    然后左右翻页的话没有进度条显示体验极差
    i4oolish
        26
    i4oolish  
       2019-07-25 13:03:22 +08:00
    Error: Request failed with status code 403
    Sapp
        27
    Sapp  
       2019-07-25 13:24:27 +08:00
    小说网站最起码的方向键翻页切换下一章都没有吗
    morizawatt
        28
    morizawatt  
       2019-07-25 14:15:03 +08:00
    我选择普通小说网站的 safari 阅读器...
    qping
        29
    qping  
    OP
       2019-07-25 14:20:37 +08:00
    @Sapp #27 有了

    @morizawatt #28 我用 iphone 的时候也是用的 safari 的阅读视图
    qping
        30
    qping  
    OP
       2019-07-25 14:22:18 +08:00
    @gransh #25 这只是个 demo。。。
    qping
        31
    qping  
    OP
       2019-07-25 14:22:57 +08:00
    @i4oolish #26 估计老哥你是赶上我更新重启了。。。
    assur
        32
    assur  
       2019-07-25 15:45:03 +08:00
    这小说我也在看 刚开始看挺恐怖的...
    Dogergo
        33
    Dogergo  
       2019-07-25 16:57:43 +08:00
    老哥,我有一个疑问,你是爬虫爬了整本爬完么?我之前也想过实现一个类似小程序的,但是我离线机制没有想好,我一开始想的只是做个转换器,不爬,每次都请求然后过滤无用信息,然后再排版回来。
    OxO
        34
    OxO  
       2019-07-25 17:26:32 +08:00   ❤️ 1
    可以的,在你这个网站追这个小说了。
    Cloudust
        35
    Cloudust  
       2019-07-25 17:40:25 +08:00 via Android   ❤️ 1
    看起来不错
    awen233333
        36
    awen233333  
       2019-07-25 18:05:25 +08:00 via Android
    往下滑动把 chrome 的导航栏隐藏后,点进去看小说页面底部会有空白,好像是游览器导航栏的高度
    qping
        37
    qping  
    OP
       2019-07-25 22:18:28 +08:00 via Android
    @assur 哈哈,握手,这种小说越恐怖越好看

    @Dogergo 整本爬完,后面有更新再增量爬

    @awen233333 确实是,不过再上滑就正常了,chrome 隐藏地址栏时 js 获取 client height 没有加上导航的高度,无解…
    qping
        38
    qping  
    OP
       2019-07-25 22:51:41 +08:00 via Android
    @efaun 大环境不好, 这小说书名都封了一段时间书名被迫改了…其他很多小说丢章节,倒是 daoban 小说可以看完整的……
    love
        39
    love  
       2019-07-25 23:37:49 +08:00
    卧槽放个恐怖小说太缺德了,上个厕所都要开灯了
    achenme
        40
    achenme  
       2019-07-26 15:41:30 +08:00
    更新太慢了。。
    bengcaca
        41
    bengcaca  
       2019-07-30 11:42:41 +08:00   ❤️ 1
    haps42
        42
    haps42  
       2019-07-30 16:18:51 +08:00
    为啥我无法访问。。。
    qping
        43
    qping  
    OP
       2019-07-30 17:48:34 +08:00
    @haps42 #42 现在可以了,楼上老哥提醒了版权问题,连忙下线整改了
    gz911122
        44
    gz911122  
       2019-08-04 11:13:31 +08:00
    @qping 访问不了了啊
    又下线了吗?
    qping
        45
    qping  
    OP
       2019-08-04 22:19:33 +08:00
    @gz911122 #44 aHR0cDovL2RlbW8ucXBpbmcubWUvcmVhZGVyIA==
    julypanda
        46
    julypanda  
       2019-08-05 15:08:12 +08:00
    不小心入迷神秘复苏
    唉,lz
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   我们的愿景   ·   实用小工具   ·   1021 人在线   最高记录 6543   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 29ms · UTC 19:57 · PVG 03:57 · LAX 12:57 · JFK 15:57
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.