题图

[Kenshin]

描述

为你的阅读模式提供 题图。

地址

https://simpread.ksria.cn/plugins/details/PcmPCT9rgM

效果

可以 模仿 Safari 阅读模式样式 配合使用。

选项

随便进入一个页面 e.g. https://sspai.com/post/71576 并进入 阅读模式 → 右下角 → 动作 → 插件触发器

按照下图所示即可查看此插件的选项页。（注意：如果你的界面没有插件触发器，请根据此 解决方案 修复。

功能

1. 设置题图来源，包括：当前页的题图 正文的第一张图片 Unsplash 来源

   

2. 一般使用题图建议安装 模仿 Safari 阅读模式样式 后，可得到（最上面第一个图的效果）

   

3. 支持使用 Unsplash 做作为题图，并支持 定制化

   

4. 当题图的宽度小于布局时，是否使用 Unsplash 作为背景源

   

5. 白名单机制

   

注意

因 Unsplash Source 彻底下线 了，所以当你在使用题图时遇到了下图所示的效果，请升级到 1.1.0（含），即可自动解决此问题。

更新日志

1.1.1

• Fix 当题图小于宽度时不显示题图的错误 #5797

1.1.0

• Add 更换 Unsplash Source 改为 Unsplash API

• Add 定制 Query 参数

• Add 定制 Size 参数

• Optimize 去掉 un_source 相关逻辑

• Optimize 题图的设置逻辑，依次为：白名单、Unsplash、题图、正文第一个图

• Optimize 更改 白名单 为专门用于定制的参数

1.0.5

• Add 白名单机制

• Add 占位符

1.0.4

• 修复 某些页面样式错误问题

• 当题图的宽度小于布局时，是否使用 Unsplash 来源？

• 题图来源设置为：当前页的题图 正文的第一张图片 Unsplash 来源

1.0.3

版本号初始变更为 1.0.0

• 当没有勾选 unsplash.com 并且也没有题图时，Title 无法显示。

• unsplash.com 等完成加载后再删除标题

1.0.2（原 0.0.2）

• 修复加入稍后读后多个 sr-rd-title 的问题

• favicon size 错误

1.0.0（原 0.0.1）

1. 自动获取当前页面的题图

2. 当没有题图时，可选：

   • 是否将第一个图片作为题图？

   • 是否使用 Unsplash Source URL 作为题图？

引申

安装插件或带有插件触发器的插件失效的 解决方案。

[Kenshin]

Unsplash 设置

注意

题图 1.1.0 版升级了 Unsplash Source 为 Unsplash API，所以下面的内容以 Unsplash API 为基准说明，如果你的题图选项界面与下面说明不一样，请升级题图插件。

Unsplash API

当开启下图所示的选项后，当没有题图时，会自动获取 Unsplash 作为题图。

默认值

用户继续开启这个选项，即便什么都不做就可以实现将 Unsplash 作为题图。

定制化

尺寸

值可不设置，也可以为 1402x708 或仅设置宽度 1400 同时宽度支持 占位符

检索

当不设置时为 topics=wallpapers&orientation=landscape&order_by=popular

支持定制，细节 请看这里。

[Kenshin]

占位符

1.0.5 版增加了占位符，共有三种：

	说明
{{width}}	正文的宽度
{{screen_width}}	分辨率的宽度
{{win_width}}	浏览器的宽度

用法

• 不设置

• 定值 1400x540 或 {{width}}x540

• 仅设置宽度 1400 或 {{screen_width}}

[Kenshin]

白名单

白名单是题图 1.0.5 增加的功能，可以更精细的设定题图。

注意

题图 1.1.0 版重构了白名单机制，支持 query 参数。

结构

{"site":"site", "pic":"<尺寸>", "query":"<查询>"}

	说明	例子	说明
site	支持 域名 与 URL	twitter.com 或 https://sspai.com/post/69972	必填，为 -1 时当前规则不设置题图
pic	题图的尺寸	{{screen_width}}x540 1400x480 {{width}}	可为空，即使用默认尺寸规则
query	题图的查询规则	topics=textures-patterns&orientation=landscape	可为空，即使用默认查询规则

不设置题图

当 pic 的值为 -1 时，不设置当前页面的题图。e.g. {"site":"[yuque.com](https://sspai.com/post/78480)","pic":"-1"}

即当访问 https://sspai.com/post/78480 不设置题图。

一个例子

{"site":"twitter.com","pic":"{{screen_width}}x540"}
{"site":"yuque.com","pic":"{{win_width}}"}
{"site":"chat.openai.com"}
{"site":"https://sspai.com/post/78480","pic":"-1"}
{"site":"https://simone.org/tracking-screen-time/","pic":"1400x400","query":"topics=textures-patterns&orientation=landscape"}

简单的解释

1. 当主域名为 twitter.com 时，设置题图尺寸 {{screen_width}}x540 并使用 默认的查询规则 得到题图。

2. 当域名为 https://simone.org/tracking-screen-time/ ，设置题图尺寸 1400x400 题图检索规则 topics=textures-patterns&orientation=landscape

3. 当主域名为 chat.openai.com 时，使用 默认的题图尺寸与查询规则 得到题图。

优先级

1. 白名单

2. 选择 Unsplash

   

3. 当前页的题图

   

4. 当前页正文的第一张图片