Circle更舒适的阅读模式使用教程-支持深色模式（谷歌浏览器插件附下载地址）

Circle 是一款浏览器扩展程序，可以把网页中的内容提取出来，重新整理渲染成更方便阅读的排版界面。

感谢你安装体验 Circle ，这是一个使用指南，希望帮助你更快的上手 Circle 。如果一切就绪，此时浏览器右侧会出现一个绿色圆圈（最新版 chrome 浏览器会折叠在一块，可以按照下面的指引展开），试着点击一下

恭喜你已经学会了 Circle 的使用。再次点击可以退出 Circle

为了提高效率，Circle 支持快捷键操作（下面会详细介绍）。不妨试试按下 C 键（再次按下 C 键可以退出）

接下来我会带你探索更高级的玩法，进入 Circle 你会发现页面上右侧有几个按钮，右下方也有几个按钮，这就是所有的 Circle 功能。下面我们详细介绍这些按钮(需要下载地址的划到底部即可)

右上角三个按钮

• 全屏幕查看
• 调整页面：对页面进行自定义设置
• 退出 Circle

我们针对第二个按钮，即“调整页面”进行详细说明，点击它可以看到如下页面

从上到下分别是：

• 字体类型：系统预置部分字体，你看到的会根据系统的不同而不同。window 系统和 mac 系统进行了区分。除此之外还可以手动输入进行自定义
• 字体大小
• 页面宽度
• 文字间距：文字之间的距离
• 文字行高：行与行之间的距离
• 段落间距：段落之间的距离
• 首行缩进：段落首字母往后收缩一定的距离
• 对齐方式：页面文字的排版方向，默认左对齐
• 重置排版：对以上设置进行恢复默认设置（默认设置情况不显示该按钮）
• 隐藏图片：即无图模式，开启可以隐藏文章中的图片
• 图片居中：可以让大图居中显示，默认是左对齐（不同浏览器可能不同）
• 修改主题：默认是白色主题，你可以分别点击体验。最后一个彩色的是自定义主题，点击之后可以设置背景颜色、字体颜色和链接颜色

右下方按钮

目前只含有两个返回顶部、帮助中心

返回顶部可以快速的回到页面最顶部，需要在设置页面启用才可以看到

帮助中心包含一些快捷入口，目前有“使用指南”和“问题反馈”

以上就是所有页面模块，接下来我们来了解下隐藏的模块，右键菜单中包含

• 加入白名单：快捷的将当前页面加入白名单，下次访问直接进入 Circle
• 直接选择文章：即聚焦模式，你可以手动选择需要展示的内容，其他无关信息会隐藏
• 进入设置页面：快速进入设置页面

直接选择文章

聚焦模式是一种可以选择需要展示内容的使用方式，为了配合算法识别失败或者错误的补充功能

进入聚焦模式，滑动鼠标可以看到不同区域被选择，选择正文区域点击即可。此时其他无关信息会被隐藏，点击空白区域可以退出，同时支持通过快捷键 esc 退出（设置页面可以修改）

设置页面

通过右键菜单“进入设置页面”或者浏览器自带的“选项”按钮进入 Circle 的设置页面

新版本设置页面加入了自定义快捷键模块，分为“基础设置”、“自定义快捷键”和“帮助中心” 三大模块。如下：

基础设置

基础设置从上到下分别是：

• 白名单
• 启用纸张效果
• 启用文章目录展示
• 启用滚动到顶部
• 启用自动解析下一页
• 文章页面自动开启
• 排除规则（文章页面自动开启情况下才展示）

白名单

配置默认开启 Circle 的匹配规则，规则要求：一行一个网址或域名。如：ranhe.xyz

访问相关页面匹配到会自动开启。需要匹配特定文章直接把文章地址复制进去就行，匹配整站可以把域名复制进去

启用纸张效果

纸张效果，即含有边框的白色背景。启用后像阅读信件一样阅读文章。如下：

启用文章目录展示

开启之后，含有子级目录的文章会统一展示在页面左侧，不含子目录的文章页面不会显示

启用滚动到顶部

开启之后，滚动鼠标离开顶部会显示滚动到顶部按钮，可以快速返回顶部

启用自动解析下一页

默认 Circle 可以在满足条件的情况下自动解析除当前页面之外的页面，如下一页等

开启 Circle 的情况下，进入该网址，往下滚动到页面底部，体验该特性：https://www.xbiquge.cc/book/23251/14798524.html

部分用户其实不需要这个功能，为了支持关闭增加该选项来控制

文章页面自动开启

和白名单不同的是，该选项会对所有的网站启用 Circle ，这或许不是你想要的结果。目前算法还在完善，会存在误伤，不建议开启

排除规则

针对上面对所有网站启用 Circle 加入排除规则，规则要求：一行一个网址或域名。如：ranhe.xyz

匹配到不会默认开启 Circle

自定义快捷键

在这里你可以禁用快捷键系统和自定义你自己的快捷键

帮助中心

帮助中心包含一些介绍和反馈信息，你可以自己点击查看

下面是用户评测

页面上飞来飞去的广告、不忍直视的配色、瞅瞎眼才能看到的字体、乱七八糟的排版真是一言难尽。在一次偶然机会接触到浏览器阅读模式之后就再也无法放弃。接着就是到处找相关的产品，然后是使用、失望、卸载、继续找 。。。

这些产品最大的问题就是识别正文效果太差，识别失败、识别成非正文、漏掉正文、图片裂开等都是常事，这简直就是无法忍受的存在。

在不断尝试和不断卸载之后，萌生了自己开发一款产品的想法 - Circle 阅读模式诞生了。

Circle 是一款不太一样的浏览器扩展程序，采用自研的正文解析引擎，识别成功率大大提高，甚至于比 Safari 还要智能。只需要单击一下，Circle 还你最纯粹的阅读体验，为你更好的阅读保驾护航。如果你正在寻找一款极度轻量化的阅读辅助产品，Circle 也许可以打动你

下面由我简单介绍下 Circle ，说的再多，不如直接对比 Circle 处理的效果

这是用户自己发布的一篇文章（上线一周后通过谷歌发现的文章）

启用 Circle 之后的效果

在豆瓣上的表现

启用 Circle 之后的效果

看到这里相信你已经对 Circle 有了一个简单的认识，接下来我们看看 Circle 的更多特性

绚丽多彩的内置主题

识别成功正文只是一部分工作，如何更舒适的阅读才是我们关心的重点。为此 Circle 内置了 5 款主题，提供更多、更绚丽的主题，方便用户更好的阅读。你可以随意选择自己喜欢的样子

更灵活的自定义主题

正如莎士比亚说的 “ 一千个观众眼中有一千个哈姆雷特 ” 不同的人有不同的阅读喜好，内置的主题做不到让所有人都喜欢，所以 Circle 支持自定义你自己的主题。

更丰富的页面配置

页面字体，字体大小，行高，段落间距，页面宽度等等，统统允许你自己设置

/ ---------------------------------- 我是分割线 -------------------------------- /

上面就是 Circle 针对普通用户可以感知的特性，接下来我们介绍 Circle 最强大最厉害的部分 - 识别正文能力

Circle 强大智能的识别能力

其实和 Circle 一样做阅读模式的产品超级多，真正能和 Circle 媲美的真的少之又少，Circle 厉害的在于可以识别任何正文。我平时使用苹果系统比较多，很喜欢 Safari 自带的阅读模式。我们来对比下 Circle 和 Safari 自带的阅读模式的识别能力

我们拿中国科学院的一篇文章来举例，地址： http://www.shb.cas.cn/kjjz2016/201607/t20160712_4639424.html

Safari 的识别效果如下，细心的小伙伴会发现文章标题已经不对了，多了“中国科学院上海分院” 字样，正文也不对，遗漏了大段的开头内容

Circle 的表现如下：

可以说相当完美了，其他网站你可以自己安装 Circle 体验，不会让你失望。除了常用的网站，各种野鸡大学官网、国家机构网站、知网、百度文库，只要是正文都可以很好的识别展示。由于 Circle 是基于算法实现，不存在小众网站，只要是正文就可以识别！

其他亮点

当前页面打开

Circle 可以直接当前网页展示，退出直接展示原网页，不存在页面跳转的时间。业界做到这一点的比较少，大多都是新生成一个页面后展示，退出之后再跳转到原网页，这将导致来回跳转，浪费浏览时间

自动加载下一页

接下来介绍 “自动解析下一页”，它可以自动解析下一页内容追加到当前文章下面。比如看小说，使用 Circle 阅读顺畅的不要不要的（需要含有下一页链接才能识别）

轻量级到底是多轻？

Circle 的轻量做到了极致，整个扩展只有 69KB（新版 89kb），解析引擎只有 5KB，简约轻量又强大

以上就是对 Circle 的所有介绍，更多特性欢迎你自己来探索。下面贴上一些相关的链接，方便大家下载体验

1，Chrome 浏览器扩展市场 https://chrome.google.com/webstore/detail/circle-reader-mode/dhpfcgilccfkodnhbllpiaabofjbjcbg
2，Microsoft Edge 浏览器扩展市场 https://microsoftedge.microsoft.com/addons/detail/circle-%E9%98%85%E8%AF%BB%E6%A8%A1%E5%BC%8F%EF%BD%9Creader-mode/hjkjecmcifblnghjpcjaofpakjpgfjio
3，Firefox 浏览器扩展市场 https://addons.mozilla.org/zh-CN/firefox/addon/circle-reading-mode/
4，360 浏览器扩展市场 https://ext.chrome.360.cn/webstore/detail/dhpfcgilccfkodnhbllpiaabofjbjcbg
5，直接下载安装包 https://ranhe.xyz/post-images/circle.zip

官网 https://ranhe.xyz/circle/
源代码 https://github.com/hewenguang/circle

Circle v1.0.3 版本更新记录

全新的解析引擎，从 9kb 缩小到 5kb 的极致轻量，解析能力做到更强大更智能，覆盖更多文章页面

页面右侧工具栏

1 “调整页面” 按钮和 “退出” 按钮替换顺序，为了方便退出 Circle

快捷键相关

1 自定义快捷键
2 解决输入或者复制等操作的冲突
3 双击触发修改为单击触发，支持单键（如：C）、组合键（如：Ctrl + C）和多组合键（如： Ctrl + Shift + C）

bug 修复

1 Edge 平台验证码冲突
2 图片等资源的重复加载

新特性

1 返回顶部
2 文章目录
3 一键隐藏文章图片
4 设置图片对齐方式

右键

1 右键进入设置页面
2 右键加入白名单
3 右键进入聚焦模式

下载地址：

Circle 阅读模式：https://gio.lanzoui.com/inDRtpzgyqb