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

简介

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

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

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

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

图文示例

  1. 拖拽动画

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

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

  1. 小说脚注示例

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

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

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

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

下载

官网:

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

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

火狐插件下载:

链接1:易笺插件

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

Chrome插件下载:

链接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. 其他稳定性更新若干

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





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

7 个赞

开发者您好!刚刚在自己的电脑上用了一下您的阅读器,打开 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就更好啦,老开网页总而不是程序总觉得不踏实哈哈哈哈

2 个赞

多谢喜欢!!之所以开发成网页端就是为了方便我多平台(平时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 个赞