Inoreader 卡片视图样式分享（含链接）

效果：Inoreader Morden 风卡片视图，鼠标 Hover 时会悬浮抬出，收紧图片高度给文本腾出空间，方便预览和长标题翻译。

因为 Stylish 没有喜欢的样式，就结合 AI 自己创建。最近使用卡片视图浏览 RSS 体验和速度大增，平铺卡片视图的空间和观感对阅读时眼动体验很友好，很少疲劳。（不亚于仿生人类阅读体验）

最近也经常用完 GPT4 CAP，我自定义样式都微调优化了一遍。体验是，还是很需要学些基础。你需要给 AI 补充相关样式片段，需要娴熟的给出网站特定选择器指示，这都需要经验。AI 是个好裁缝，但非全能包办创造者。

---
补充图中 AI 资讯网站 Emergent Mind Feed 最近出的 RSS：
https://www.emergentmind.com/feeds/rss

Reference
仿生人类文本处理提升阅读体验
Hacker News Morden UI
Unclutter：网页阅读 Morden UI

#AI #CSS

公众号 Markdown 自动排版 丨Substack 风格

昨天重新排版了发布内容，发现 Substack 的排版简约粗暴很舒服，顺便结合 AI 简单修改个 Markdown CSS，Substack like 极简风格，可以直接贴在公众号。（链接）

排版的中英文两端对齐是个问题，缩小字符间距可以解决。以及中英文的空隙一些排版小知识，之前也有分享供参考。

目前在用 MD 排版工具 markdown.com.cn，其它排版工具：

https://doocs.github.io/md/
https://knb.im/mp/
https://wechat.bmpi.dev/

Reference
关于中文标点符号「直角引号」
文字排版相关知识
前面撸的 Inoreader 卡片视图样式

#productivity #CSS

Marking When/Github

这个网站真美，类似 Markdown 语法的交互式文本到时间轴制作，支持多种样式/图像/日期/链接等展示，也可以本地托管运行。

Reference
文明的岁月丨人类各大事件的时间轴

#CSS

X/ Twitter 使用 Combo丨图片浮出效果

X/ Twitter 视图优化脚本
Inoreader 卡片视图样式分享
Roam Research 主题

最近做了个「X/ Twitter 视图优化」的油猴脚本，通过缩小 X 显示的图片和视频尺寸，优化其作为 RSS 阅读器体验，Hover 图片和主链时有浮出效果。

X 是我「RSS 三大阅读容器」之一，自从马斯克封禁推特 API/ RSS 全部失效开始（目前 RSSHub 貌似已经救活很多），我就放弃 All in Inoreader，直接以 X list 作为聚合阅读器，目前体验效果很好，内容迭代更快。我喜欢「瀑布流」阅读方式，通过这个视图优化插件加上前面介绍的「隐藏 X 主链图片展开」等插件，推文阅读变得非常集中和顺畅。X 直接作为阅读器目前仍然有许多摩擦，比如不能回溯上次浏览历史（如微信朋友圈），这对 RSS 阅读来说也很痛苦，尤其当列表内容更多时。然后发现个 TwitterLastRead 脚本，但实际效果很糟糕。目前解决方法是，每天开始阅读某个列表时将前三个打书签，浏览到上次书签时阅读结束。不知道 X 是否有其它更优雅的阅读方式。

图片浮出效果是我现在越来越喜欢的一个视觉呈现，更有现代感，不至于让所有观看太僵硬。我的 Roam 主题也值得尝试，主界面和侧边栏采用卡片风格，浮出效果，顶部适配 TAB 插件，字体加粗，如果需要可按 CSS 调整。

Reference
RSS 三大阅读容器
ChatGPT 修改标签样式

#TfT #RSS #CSS