「酒余茶后」一个导航、句子摘抄、学习哲学易经的 Chrome 浏览器插件

Hi, 马上过年了，新发第一贴，分享小小工具，促进自己成长正反馈。

酒余茶后，，，，，希望各位大帅，找到自己喜欢的生活，共勉！！

疑问与需求来源

1. 不知大家，有没有对浏览器切换 Tab 、切换引擎、输入网址选择，烦恼？
2. 有没有，有时会对一段话、一句子，陷入沉思，心旷神怡的感觉？
3. 有没有对古代哲学-易经感兴趣的，六爻可断天下事，通过运势来吾日三省吾身？（六爻、原文、译文、断易天机、推背图）

有，想必你耐心过人或有兴趣，继续看下去。

需求来源、得益于自己闲，学习同时产出吧。（想兼职发现也不好找，那就做自己想做的产品吧）

1. 日常开发中，浏览器 Tab 开太多，大部分临时查询需求，可通过 Iframe 打开。
2. 点击即可跳转，将常用网站链接，可分类、排序，然后点击即可跳转。
3. 陌陌一样滑动“颜如玉”，句子摘抄。喜欢看书，特别有些句子，会受益匪浅。
4. 看了几本古代哲学书籍，像《周易》、《图解易经》、《命运的求索-中国命理学简史及推演方法》、以及国学大师南怀瑾《易经杂说》等易经文化。就如孔子对易经的评价“玩而所得”一样，把易经原文、六爻、推背图、断易天机、运势、解释放在插件里面，每日有兴趣，touch fish 的时候，看一看，升华下。

主要特性

• 直接搜索进入功能，切换搜索引擎、快捷键切换
• 快速导航，频率较高网址，可编辑、排序
• 常用网址，一是“iframe/外链”切换功能，二是批量 JSON 编辑、分类
• 句子摘抄，向左向右，寻觅喜欢的句子，喜欢收藏、浏览 bing 背景图
• 哲学-易经，今日卦信息，包含卦辞、爻辞、原文、译文、解释、推背图、断易天机、运势；同时可切换 64 卦
• 今日运势，包含运势、事业、爱情、疾病、经商等
• 本地数据安全保障，自定义数据，保存浏览器 IndexDB 中
• 文件同步，支持数据导入、导出，以酒余茶后特定名.jych 文件输出
• 响应屏幕大小，自定义调整三个区域尺寸，并刷新可保存

技术栈

• 框架： Vite + Vue
• 本地数据安全： 使用localStorage 库，数据存储浏览器 IndexDB 数据库
• 灵活布局：三块主体内容，自定义滑动及存储布局爱好, 通过 splitpanes 实现
• 样式及组件：tailwindcss ，elementUI 组件
• 内嵌 Iframe：侧边栏打开iframe ，减少临时性的网站开启，可切换“iframe/外链”
• 批量管理地址：jsoneditor 对 JSON 数据进行编辑
• 新手指导：通过driver.js 实现首次或主动调起新手指引
• 拖拽排序： 通过VueDraggablePlus 进行网址排序
• 文件存储：通过jszip 封装本地多个 JSON 文件，file-saver 将文件保存本地。
• 爬虫： 通过Python 的Scrapy 爬虫所需易经 64 卦 384 爻，美文句子等数据

效果视频与图片

看字，可能太繁琐，闲来无事，搞了一个视频，功能看着也直白。

点击播放视频： 搜索、句子摘抄、哲学易经运势

插件安装地址与教程

点击插件下载-酒余茶后

谷歌浏览器插件安装，搜索或如下步骤： if： Chrome 设置 -》 拓展程序 -》 管理拓展程序 -》 右上角打开“开发者模式” -》 下载 zip 包拖动页面即可 else： Chrome 设置 -》 拓展程序 -》 管理拓展程序 -》 右上角打开“开发者模式” -》解压后 -》 点击”加载已解压的拓展程序“ **更改次网页，切记选“保持现状”** 

支持与反馈

有兴趣安装试试

后续会陆续加上：

• 加上根据金钱卦、数字卦算法，提供占卜
• 增加句子摘抄分类，可以选择查看