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

[henryxrl (数自己的月亮)]

简介

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

好吧，原来想的是开发一款能看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

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

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

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

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

4. 小说脚注示例

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

5. 英文小说示例（每个章节第一个词的第一个字母自动下沉）

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 现在应该能用了。如果碰到问题的话请告诉我！

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"在这里获取。打包后界面长这样：

2. Pake（基于Tauri）：

pake https://txt.xrl.app --name SimpleTextReader --transparent

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

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）拖入进界面即可在设置的字体菜单中找到。菜单中可直接删除拖入的自定义字体。

---

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

[VIctoryRoad]

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

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

测试环境：
Chromium 版本 114.0.5735.198（正式版本）for Linux Mint （64 位）

[henryxrl (数自己的月亮)]

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

[YamadaTong (苏小猫)]

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

[henryxrl (数自己的月亮)]

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

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

[VIctoryRoad]

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

[henryxrl (数自己的月亮)]

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

[VIctoryRoad]

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

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

[henryxrl (数自己的月亮)]

感谢教程！

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

[mou]

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

[henryxrl (数自己的月亮)]

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

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

[YamadaTong (苏小猫)]

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

[henryxrl (数自己的月亮)]

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

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

[henryxrl (数自己的月亮)]

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

[VIctoryRoad]

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

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

[henryxrl (数自己的月亮)]

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

[moo]

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

[Landius]

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

[Nam]

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

[Nam]

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