花了半个月写了个在线小说阅读网站 - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
爱意满满的作品展示区。
qping
V2EX    分享创造

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

  •  
  •   qping 2019-07-24 18:58:50 +08:00 7696 次点击
    这是一个创建于 2274 天前的主题,其中的信息可能已经有所发展或是发生改变。
    这是第二次迭代了,使用 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
    莫法赚钱,难搞
    iixy
        25
    iixy  
       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
    t/576941?p=4 老哥好自为之
    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     Solana     1069 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 41ms UTC 18:13 PVG 02:13 LAX 11:13 JFK 14:13
    Do have faith in what you're doing.
    ubao 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