写了一个报纸样式的 RSS 阅读器 - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
爱意满满的作品展示区。
RenzHoly
V2EX    分享创造

写了一个报纸样式的 RSS 阅读器

  •  1
     
  •   RenzHoly 2021-09-19 09:35:27 +08:00 6846 次点击
    这是一个创建于 1484 天前的主题,其中的信息可能已经有所发展或是发生改变。

    FEEDPAPER

    支持自定义数据源和网页元素过滤规则,欢迎体验!

    (用某些手机浏览器打不开,可能是内存不够导致的

    23 条回复    2021-09-26 18:16:17 +08:00
    pheyer
        1
    pheyer  
       2021-09-19 10:05:40 +08:00
    看着有点拥挤的样子
    wolfan
        2
    wolfan  
       2021-09-19 11:33:32 +08:00
    就是感觉那有点怪。
    emmmmmmmmm
    字体效果看看。
    Vegetable
        3
    Vegetable  
       2021-09-19 11:38:40 +08:00   1
    这个算不上报纸样式,只能算报纸配色。
    报纸的样式首先是主次分明,天然就可以通过篇幅给人一种「这个是重要内容」的感觉。

    报纸在实际阅读的时候是可以折叠的,所以不存在角落内容阅读困难的问题,但是在显示器上必须要考虑

    另外,报纸不一定是黑白的...
    zackwu
        4
    zackwu  
       2021-09-19 16:22:03 +08:00
    楼主看上去很久没读过报纸了……甚至连杂志估计都没怎么读 因为报刊杂志根本就不长这样
    dusu
        5
    dusu  
       2021-09-19 17:48:23 +08:00 via iPhone   1
    ios 14 滑动页面不丝滑 而且抖动 严重影响阅读
    wjx0912
        6
    wjx0912  
       2021-09-19 21:38:34 +08:00   2
    还别说,真有种读报纸的感觉
    RenzHoly
        7
    RenzHoly  
    OP
       2021-09-20 08:07:21 +08:00 via iPhone
    @dusu 修好了
    RenzHoly
        8
    RenzHoly  
    OP
       2021-09-20 08:54:48 +08:00
    @Vegetable 逐条回复:
    - 从技术的角度来说,我对 HTML 进行了处理,并调整了 CSS,选择了合适的字体,并不仅仅是搞了个配色这么简单。
    - 不认同“通过篇幅给人一种「这个是重要内容」的感觉”是报纸样式的首要优点,我想做的反而是不故意勾引视觉。
    - 今天加上了在文末点击滚动回文首的功能。
    - 这条太杠了,那我只能回杠:你没仔细看,我用的是 grayscale(10%),保留了一点色彩,不是黑白的。
    AX5N
        9
    AX5N  
       2021-09-20 10:01:36 +08:00
    我觉得还不错,挺好玩的,就是实用性不高。比如同一水平位置上有 2 篇文章感兴趣,但一篇是长文,读完左边那篇右边那篇都不知道飞哪去了。
    AX5N
        10
    AX5N  
       2021-09-20 10:02:50 +08:00
    @AX5N 又或者是先看到左边那篇文章,读完之后右边的内容会被忽略掉一大堆。
    RenzHoly
        11
    RenzHoly  
    OP
       2021-09-20 10:28:56 +08:00 via iPhone
    @AX5N 没太理解,同一水平(横向)位置只有一篇文章呀?
    sbilly
        12
    sbilly  
       2021-09-20 10:56:12 +08:00
    觉得不错~ 不过:
    1. 分栏太多,至少不是中文的阅读习惯。感觉只有广告版才这样。。。
    2. 没有索引,对于 RSS 多一点的简直是灾难
    RenzHoly
        13
    RenzHoly  
    OP
       2021-09-20 11:32:23 +08:00
    @sbilly 感谢反馈!
    报纸就是多栏的呀,不只是广告版。如果是觉得换行太频繁,可以考虑加一个调整栏宽度的功能。
    索引这方面我打算加一个按时间索引的功能,但应该不会有按某个 RSS 进行筛选的功能。
    PeacePeach
        14
    PeacePeach  
       2021-09-20 11:56:02 +08:00
    还挺有意思的,虽然有些小问题。
    yky80
        15
    yky80  
       2021-09-20 17:20:22 +08:00
    请问怎么导入其它 RSS 订阅源...找不到入口 谢谢
    RenzHoly
        16
    RenzHoly  
    OP
       2021-09-21 00:13:43 +08:00
    @yky80 目前还没有办法可以直接导入,需要一条一条输入: https://feedpaper.app/playground
    nanxiaobei
        17
    nanxiaobei  
       2021-09-21 03:57:10 +08:00
    不错,挺有意思的!
    2i2Re2PLMaDnghL
        18
    2i2Re2PLMaDnghL  
       2021-09-21 17:16:44 +08:00
    请 word-break: break-word
    像是 a
    nd 和 opt
    ions 这样的断行会造成阅读困难,而 Is
    sues 和 p
    roperties 这样的断行是灾难。超链接和 <code> 中建议干脆禁止自动折断单词。

    超链接缺乏视觉提示,请不要去掉下划线

    每个分栏的高度不应超过一屏,否则需要上下反复滚动。
    但文字内容量放在那儿,可以考虑以下之一 1. 超过的部分换页重新从最左侧起头; 2. 干脆撤销纵向滚动,仅允许横向滚动。
    RenzHoly
        19
    RenzHoly  
    OP
       2021-09-21 20:36:16 +08:00
    @2i2Re2PLMaDnghL 感谢反馈!这四个方案都考虑过,但其中三个方案最终没有选择
    - break-world:每一栏的左右需要对齐,如果使用 break-word,有些行就会很稀疏。现在用的办法是 hyphens: auto,有些词会在行末有连字符“-”,但有些单词又不会加,我还不知道浏览器的判断规则是什么样的。
    - 超链接缺乏视觉提示:因为报纸正文一般没有下划线,为了模拟报纸效果,故意去掉的下划线,仅有一点颜色差异。
    - 每个分栏的高度不应超过一屏:
    - 超过的部分换页重新从最左侧起头:这个方案我打算试试,还没实现。
    - 仅允许横向滚动:试过,不好用。而且并没有解决反复滚动的问题,仅仅是从反复上下滚动变成了反复左右滚动。
    - 目前使用的折衷方案:把鼠标移动到每个文章的最下面,会出现可以点击的 bottom bar,点一下回到文章开头。
    2i2Re2PLMaDnghL
        20
    2i2Re2PLMaDnghL  
       2021-09-22 09:46:38 +08:00
    @RenzHoly
    1. Firefox 下没问题,Edge 和 Chromium 下发现这样设置会拒绝任何断词,这个问题需要仔细考虑一下。不过变得稀疏是 justify 的 feature,英语报纸本来就这样。计算机进入新时代,屏幕分辨率空前地高但屏幕宽度空前地低,Unicode/UTF-8 兼容性已经堪用,同等信息占用宽度低且断行更随意的 CJK 字符有极高的优势。
    2. 因为报纸上从来没有超链接,所以也应当采用从未出现过的视觉装饰。
    3. 不需要反复左右滚动,下一篇文章在上一篇文章的右侧,干脆取消任何上下滚动。
    3.1. 目前缺乏视觉信息指示当前文章完结,对于 Chromium 更新这种带上大量历史记录导致其非常长的,我想跳到下一篇的话就比较麻烦。

    4. 表格排版炸了……
    RenzHoly
        21
    RenzHoly  
    OP
       2021-09-22 11:45:49 +08:00
    @2i2Re2PLMaDnghL
    1. 我用的 Chrome,是有断词符的,这个问题我再考虑考虑。
    2. 有道理,我加上了下划线。
    3. 懂了,技术上有点难实现,我再试试。每一页和浏览器窗口大小是一样的,至于是左右还是上下滚动可以让用户选择。
    4. 修好了。
    AboutRSS
        22
    AboutRSS  
       2021-09-23 13:34:22 +08:00
    一开始没有 load example,填进去 feed url 完全不管用。。。换了好几个浏览器和电脑去试都不行。后来 load example 才发现 url 后面要带个冒号。。。。
    Zatoichi1966
        23
    Zatoichi1966  
       2021-09-26 18:16:17 +08:00
    java 仔表示:感觉楼主好厉害
    关于     帮助文档     自助推广系统     博客     API     FAQ     Solana     2758 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 31ms UTC 14:32 PVG 22:32 LAX 07:32 JFK 10:32
    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