【开发者自荐】【Chrome/Firefox插件;WebApp】易笺 - txt小说阅读器

简介

献上一个这两天自己写的一个非常简洁的网页,没有任何设置,纯粹是为了阅读。

好吧,原来想的是开发一款能看200MB+日志文件的阅读器,结果写着写着就成了看小说的了……

为啥又双叒叕要开发一个txt阅读器?

  1. 百兆文件秒开(毕竟原本就是为了看日志的),支持自动识别文件编码(我在国外系统是英文,打开中文小说简直是痛苦)
  2. 中英文小说名、作者名自动识别
    • 《书名》作者:作者名.txt
    • Bookname by author.txt
  3. 中英文标题正则自动识别 —— 自信的说,标题抓取几乎很少有超过易笺的了,看官们可以自行和别的阅读器对比
  4. 支持自动抓取小说中的脚注(下方有视频演示,支持的脚注格式可以参考我修改的《逍遥游》百度网盘|提取码: qehd
  5. 界面语言随着拖进来的文件而改变(中英自动切换,别的语言咱也不会……)
  6. 自动去除文字中的一些广告,目前只对塞班和知轩藏书的小说进行了优化
  7. 自动制作扉页,显示识别出的标题名和作者名,再戳上一个藏书章(中英文藏书章是不同的哦!藏书章纯粹是为了好玩儿,看官要是不喜欢我可以拿掉)
  8. 颜值高,颜值高,颜值高(至少我自己觉得好看hhh)
  9. 【之前忘记提了】每本txt都会自动储存阅读进度,精确到每一行!

图文示例

  1. 拖拽动画

https://www.bilibili.com/video/BV1Lk4y157Sh

  1. 拖拽(或双击)打开文件。示例用的是55MB的《极品全能高手》——这是我能找到的最大的小说文件了,如果有更大的,欢迎提供。

https://www.bilibili.com/video/BV1A8411S7Ew

  1. 秒开后就是主界面啦!左侧目录栏,右侧正文,右侧底部有翻页按键。目录栏默认只现实当前位置的章节名,鼠标移动到目录栏上方后会显示完整的目录。

https://www.bilibili.com/video/BV1Nz4y1E78y

  1. 小说脚注示例

https://www.bilibili.com/video/BV1DV4y1b7sz

  1. 英文小说示例(每个章节第一个词的第一个字母自动下沉)

https://www.bilibili.com/video/BV1Pk4y157Tx

易笺一共用了三种字体,分别是:

  1. 霞鹜文楷(免费商用, 内嵌):UI,脚注,以及所有英文字体
  2. 黄令东齐伋复刻体(免费商用,内嵌):中文标题
  3. 方正宋刻本秀楷_GBK(个人使用免费,无法内嵌,需个人安装):中文正文
    4. 【新增】京华老宋体以及常见的本地字体

强烈建议自行安装“方正宋刻本秀楷_GBK”字体,因为真的很好看!一旦安装,易笺会自动识别。如果没有安装,中文正文会用霞鹜文楷代替。

下载

官网:

易笺有自己的官网啦!请移步:https://reader.yijian.app

感谢Manjusaka大佬的热心帮助以及帮忙host易笺!鞠躬~

火狐插件下载:

链接1:易笺插件

链接2:易笺(无界面版)插件

Chrome插件下载:

链接1:易笺插件

链接2:易笺(无界面版)插件

Edge插件下载:

链接1:易笺插件

链接2:易笺(无界面版)插件

开源地址 Github:

https://github.com/henryxrl/SimpleTextReader


重大更新

20230721

易笺成为Chrome/Edge插件啦!目前有两个版本:

  1. 正常版本:点击扩展图标之后就是正常的界面,和网页一模一样;
  2. 无界面版本:任何以“.txt”结束的URL都会被易笺捕获并打开,打开后效果和网页一样。

用法:去“manifests”文件夹,选择“Chrome”或者“Firefox”文件夹,并把相对应的“manifest.json”拷贝到根目录下,然后在浏览器中加载即可。(需打开开发者模式)

20230723

修复无界面版本的各种bug :rofl: 现在应该能用了。如果碰到问题的话请告诉我!

20230724

新增:Firefox扩展完成,也是同样的两个版本。

20230725

新增:支持安装成PWA应用,可在Chrome/Edge等Chromium浏览器中使用。

20230727

如果想封装成本地应用,可以使用Electron或者Tauri。对于不太想折腾的人,可以使用更简单的工具,比如:

  1. Nativefier(基于Electron):
nativefier --name "易笺" https://txt.xrl.app --title-bar-style 'hiddenInset' --inject ./style.css

"style.css"在这里获取。打包后界面长这样:

  1. Pake(基于Tauri):
pake https://txt.xrl.app --name SimpleTextReader --transparent

打包后界面跟Nativefier结果一样。只是Pake貌似不支持中文名,也不支持自动获取网站图标作为应用图标,而且打包之后app用着貌似有些卡……或许需要一些额外的配置,我还没时间研究 :rofl: 但这两个选项应该对小白来说比较友好了!

20230728

易笺上线火狐扩展商店啦!(Chrome商店还在审核中,Edge也会有的)

20230729

新增:深色模式(右下角有个按钮可以切换)

20230805

Chrome插件上线啦!

20230914

支持行高、字号、主题颜色等参数的自定义



20230926

  1. 新增本地缓存书架 —— 特别鸣谢 cataerogong 的技术支持!

    [1] 支持同时选择/拖拽多个 txt 文档加入书架;

    [2] 自动生成书籍封面;封面颜色根据用户设置的主题颜色变化;

    [3] 书籍排列顺序:

     a. 阅读中书籍按阅读时间顺序排列
    
     b. 未读书籍按书籍名称排列
    
     c. 已读完书籍按阅读时间顺序排列
    

    [4] 在书架中显示每本书的进度以及其他详细信息;

    [5] 书架高度由书籍数量而定;

    [6] 阅读时点击右下角的书架图标返回书架界面。

  2. 界面语言默认为浏览器语言 —— 如果浏览器语言中包括中文,界面则用中文;反之则默认英文界面

    [1] 当阅读书籍时界面语言为书籍语言以获得更好的用户体验

  3. 其他稳定性更新若干

注意:书架无法在火狐隐私浏览模式下启动,会被自动禁用。




20241018

支持更换书籍和标题字体啦!最新版本 v1.5!

20241122

v1.6

  1. 代码全面重构,提升整体性能和可维护性
  2. 性能显著提升
    [1] 大文件打开速度显著提升,做到 1 秒以内
    [2] 文件在首次处理后,下次打开无需再次处理,加载速度更快
    [3] 界面无任何卡顿现象
  3. 全新的分页逻辑
  4. 新增“快读完”的阅读进度提示
  5. 优化书籍封面生成逻辑
  6. 更流畅的界面语言切换
  7. 修复若干 Bug,提升了稳定性和用户体验

20241222

v1.6.6

支持使用自定义字体啦!将字体文件(TTF 或者 OTF)拖入进界面即可在设置的字体菜单中找到。菜单中可直接删除拖入的自定义字体。

20250302

v1.6.9

  1. 全新的设置菜单
  2. 支持浏览器历史导航
  3. 限制书籍文件大小为 128MB
  4. 修复了 UI 相关问题
  5. 尝试写后端代码以便部署到服务器上

20250715

1.6.9.4

  1. 新增快捷按键设置标签,用以开启或关闭键盘快捷键
  2. 修复ESC 键在某些情况下无法退出阅读的问题
  3. 新增内嵌字体朱雀仿宋
  4. 新增十二款网络字体 (需联网使用):黄令东齐伋复刻体、上图东观体、全瀨體、匯文明朝體、匯文仿宋、匯文正楷、仓耳与墨、仓耳渔阳体、屏显臻宋、霞鹜新晰黑、寒蝉半圆体、寒蝉正楷体
  5. 修复自定义字体在某些情况下没有被应用的问题
  6. 修复目录滚动结束后可能出现多个提示条 (tooltip)的问题
  7. 优化了书架的刷新机制,大幅减少后台运行时的资源消耗
  8. 过滤零宽字符,并添加对仅包含CR (回车符)换行的文本文件的支持
  9. 优化脚注功能和样式,提高准确性和可靠性
  10. 在帮助中心中新增常见问题板块
  11. 其他多项代码优化和问题修复

至此,易笺的网页、本地应用、Chrome/Edge以及Firefox各两个版本的扩展,以及PWA版本都已齐全!希望大家用的开心! :sparkling_heart:

12 个赞

开发者您好!刚刚在自己的电脑上用了一下您的阅读器,打开 index.html 并将一个 txt 格式的文本文档拖入阅读器后,发现文档有错位的情况,将同样的文档拖入您的在线演示网站,则未出现该问题。

阅读器打开文本文档后的情况和控制台的部分输出如图所示:

测试环境:
Chromium 版本 114.0.5735.198(正式版本)for Linux Mint (64 位)

嗯嗯,单纯打开 index.html 确实不行(看你的报错是因为CORS被禁止了),甚至连主页面上的 txt 字样都显示 undefined. 建议还是开一个 live server. 最简单的方法就是用vscode打开本repo,点右下角的 Go Live 就会在 localhost:5500 (或者是别的端口)host这个网页。

您好开发者。试了试您的阅读器,感觉确实很棒,治好了txt杂乱无章的排版可太舒服了。字体也很合适,不知道能不能加入护眼模式。如果能开发成exe就更好啦,老开网页总而不是程序总觉得不踏实哈哈哈哈

1 个赞

多谢喜欢!!之所以开发成网页端就是为了方便我多平台(平时Mac,Windows,Linux都得用)摸鱼……哈哈哈哈~
想要开发成exe最简单的就是用Electron打包一下就行了,可以摸索一下!

至于护眼模式,是指背景设置成绿色嘛?

好的,谢谢开发者的解答!不知道开发者是否有意向制作一个单文件版本的阅读器呢?就像 AriaNg 的 All-In-One 版本那样,只有一个 html 文档,打开后就能同步加载所有脚本,感觉这样做会方便一些。

可以空闲的时候研究研究~ 目前正忙着毕业答辩时间不太多哈哈。开发易笺也是因为确实有需求(除了摸鱼之外的需求,虽然摸鱼更重要),多谢建议!

1 个赞

刚刚用 dufs(https://www.appinn.com/dufs/)开了个 HTTP 服务器,再从 HTTP 服务打开 index.html ,就一切正常了。具体操作是:

  1. 下载 dufs 的可执行文件,并将其放入系统存放可执行文件的目录
    (Windows 系统可以直接放入 C:\WIndowsC:\ 是系统盘的盘符;UNIX/Linux 则可放进 /usr/bin。当然,也可以放入其他系统环境变量 PATH 中记录的目录。)
  2. 进入 index.html 所在的目录,执行 dufs -p 1234-p 1234 是设置 HTTP 服务器的端口,可以自己选择)
  3. 在浏览器中打开 http://[本机 IP 地址]:1234(1234 就是刚刚设置的端口)
1 个赞

感谢教程!

对了,发帖的时候github忘记commit了,导致比demo版本老,记得重新clone一遍哦!

请问能做个简易书架吗,这样txt传上去后,在别的地方用浏览器也可以打开看了

恐怕不行哦,因为这就涉及到账号,安全,云同步等等,就不是一个简单纯粹的本地阅读器了。

主要是作为一个兴趣驱动的开发者,我没有这个时间精力以及资源去做这个呢,抱歉啦~

嘿嘿嘿,主要是纯小白,实在是心有余而力不足 :rofl:
对,护眼模式比如是绿色,或者夜晚背景黑色字体白色这种……
谢谢开发者大大 :smiling_face:

嗯嗯~ 暂时不是特别想引入任何设置界面,想极简一阵子hh

夜晚的话可以试试 Dark Reader 插件?

刚刚试着把易笺做成了Chrome/Edge扩展了!这下就不用自己开 http server了!

开发者您好,方便把 CRX 文件发布到 GitHub 中吗?我这里访问 Chrome 应用市场很不方便。

另外,至于 “护眼模式”,鄙人认为,相较于绿色,其实棕黄色或米黄色要更舒服。

1 个赞

我并没有发布到应用市场。你可以直接下载GitHub的repo,然后把你想要用的manifest版本(两个版本的说明请参考原帖)拷贝到根目录里,再到浏览器里加载就行了。

2 个赞

您好,请问这个能不能考虑适配移动端呀?刚刚尝试了在 iOS 上打开, 可以将 Safari 增强为txt阅读器,感觉还挺棒的,就是页面是双击屏幕适配的,字号太小了 :rofl:

啊这,我之前还在想电脑没啥好用的阅读器,开模拟器又麻烦,想自己搞一个的,
没想到已经有大佬搞出来了, 这下可以躺平了,star 一下以表敬意:rofl:

建议个字体——汉仪玄宋, 也是免费个人使用的.
希望能增加字体和排版自定义

替作者分流个地址, 无字体 https://str-nam.wunderbucket.dev/

2 个赞