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

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

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

    📰 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
    这个算不上报纸样式,只能算报纸配色。
    报纸的样式首先是主次分明,天然就可以通过篇幅给人一种「这个是重要内容」的感觉。

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

    另外,报纸不一定是黑白的...
    keith1126
        4
    keith1126  
       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   ·   实用小工具   ·   1017 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 21ms · UTC 19:36 · PVG 03:36 · LAX 11:36 · JFK 14:36
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.