hewenguang / Circle
Programming Languages
Labels
Projects that are alternatives of or similar to Circle
Circle 阅读模式 – 为网页适配更舒适的阅读模式，支持深色模式
目前已经上架 Chrome、Firefox 和 Microsoft Edge 扩展市场，其他平台陆续上架中。下载安装
广告太多分散注意力、配色太丑不忍直视、字体太小看不清、排版太乱找不到正文，阅读真的需要这么困难吗？有没有产品可以把网页中的内容提取出来重新整理，渲染成更方便阅读的排版界面呢？
Circle 就是一款这样的浏览器（目前仅支持 Chrome 浏览器）扩展程序，如下图所示
具有同样功能的产品很多，这类产品最大的问题就是识别正文效果太差，识别失败、识别成非正文、漏掉正文、图片裂开等都是常事。在我看来目前做的比较好的是苹果系统的 Safari 浏览器。即使是 Safari 浏览器也或多或少的存在此类问题，除此之外 Safari 的设置界面太简单，定制型不够灵活
为了解决上面普遍存在的问题，Circle 诞生了。Circle 是一款不太一样的浏览器扩展程序，我们采用自研的正文解析引擎，识别成功率大大提高，甚至于比 Safari 还要智能。只需要单击一下（或许不需要），Circle 还你最纯粹的阅读体验，为你更好的阅读保驾护航。如果你正在寻找一款极度轻量化的阅读辅助产品，Circle 也许可以打动你
出色强大的识别能力
借助于自研解析引擎的能力，Circle 更加智能更加强大。你可以分别使用 Circle 和其他相关产品访问如下网址对比识别效果
http://www.shb.cas.cn/kjjz2016/201607/t20160712_4639424.html
原始网页
识别效果对比
上面的网址内容结构不够规范，对于大部分产品都是从中间部分开始展示，漏掉了大段的前半部分正文（ Safari 也不例外）
绚丽多彩的内置主题
识别成功正文只是一部分工作，如何更舒适的阅读才是我们关心的重点。为此 Circle 内置了 5 款主题，提供更多、更绚丽的主题，方便用户更好的阅读。如下图所示：
更灵活的自定义主题
正如莎士比亚说的 “ 一千个观众眼中有一千个哈姆雷特 ” 不同的人有不同的阅读喜好，内置的主题做不到让所有人都喜欢，所以我们支持自定义。如下图所示：
更丰富的页面配置
页面字体，字体大小，行高，段落间距，页面宽度等等，统统允许你自己设置。如下图所示：
部分真实用户评价
文海*：非常棒！简洁，功能也简单，解析特别快，用起来舒适！千万不要做复杂化了！！找了N久，是真的，几年了，每隔段时间就找阅读插件，只有这款最符合我的需求~
Andong Wang： Awesome！Apple上习惯了Safari的阅读模式，这个插件一使用我就知道是我想要的感觉了，简洁、美观。
Yanyan su： 值得五星推荐，比简悦简约不要太多！希望作者做一下导出功能。
chuanliang zang：Reader View、简悦... 还有好几款阅读模式都在用，现在只保留了前面两个，简悦因为交了钱也退不了，功能繁杂不太想用。平常Reader View用的多一些，刚才试用了一下 Circle，一下子就喜欢上了。最喜欢的就是能方便的调节页面宽度、行距、段距(!!)，非常的推荐。
aione：之前用过一个差不多的插件，外国的，十分顺心。这个和我之前用的那个差不多。 我不是来推荐之前那个插件的，我的意思是，可以遇见这么好同类的插件，也是十分不易的
Aeon Khronos：小众软件推荐过来的，确实好用！赞！！！
LI Yi：很快很简洁，感谢开发者！非常期待黑白名单~
曾小*：小巧，漂亮，高效！
安装指引
目前已经上架 Chrome、Firefox 和 Microsoft Edge 扩展市场，其他平台陆续上架中
进入Firefox 浏览器扩展市场 安装
进入Chrome 浏览器扩展市场下载
无法访问外网的同学可以通过这里下载，下载之后按照如下三步指引进行安装
第一步： 如上图所示入口 1 设置 -> 2 更多工具 -> 3 扩展程序打开扩展程序页面，或者地址栏输入 Chrome://extensions 按下回车打开扩展程序页面
第二步：如上图所示 点击 1 打开扩展程序页面的 “开发者模式”，点击 2 加载已解压的扩展程序 。选择下载的解压后的文件夹即可
第三步：给我点赞，谢谢 🤣
使用指引
首次安装，Circle 会自动打开初始化界面，指引你完成初始化过程，初始化过程请不要关闭窗口。如下图所示：
稍等片刻完成初始化之后会进入如下界面
此刻安装任务已经全部做完，你可以选择查看使用指南或者进入设置页面进行个性化设置
Circle 启用后在浏览器右上角显示一个灰色的圆圈图标（下图 2 处），即是 Circle 。最新版 chrome 会把所有扩展图标都折叠在了一处类似拼图的图标，你可以点击展开然后在圆圈图标右侧的图钉按钮（下图 1 处）移除到浏览器的右上角方便使用
当打开任何文章页面（如当前页面），圆圈图标会变成绿色，点击可进入文章排版渲染之后的界面，再次点击可以退出（按下 esc 快捷键也支持退出）。在圆圈图标右键可以看到 “选项” 点击可以进入设置界面
问题反馈
遇到任何问题或者产品缺陷可以在 https://github.com/hewenguang/circle/issues 提 issue
没有 github 账号的话，可以通过邮箱 [email protected] 联系我
QQ 讨论组：605710052
相关链接
支持我
如果 Circle 确实帮助到你，不如请我喝一杯 ☕️ 以示鼓励和支持（请不要超过你的早餐价格）。如果囊中羞涩，请 star 或者在社交平台发一遍文章谈谈使用感受，让更多人了解 Circle，你的认可是对我最大的鼓励
开发和构建
-
执行
yarn安装依赖 -
执行
yarn dev进行开发 -
执行
yarn build进行版本构建