码农翻身

关于我开发了一款新标签页

- by MRyan, 2022-10-05


关于我开发了一款新标签页

1.关于它

1.1 从前

2年前我冉生了一个想法,网络收藏夹有浏览器限制,市面上的类似产品广告多,同时也不可定制,那怎么能又美观又实用,于是我开发了MTAB,我把他称为面向搜索引擎编程工具,懂得都懂。

从前它长这个摸样:

输入图片说明

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

1.2 如今

2年前鄙人的审美属实差的很,这也敢说美观,实属打脸现场。本着学以致用的态度,今年8月末我重新启动了这个项目,并且从零开始用Vue重写了它,陆陆续续零零散散开发了一段时间,经过了几次迭代,我带着1.0版本的它来了。

初心不改我希望它是一个美观且实用的工具。我将它命名为NAV-一款新标签页。

image-20221005222856088

如今它长这个摸样:

image.png

image.png

image.png

image.png

image-20221005223743846

功能模块详细介绍,请移步帮助手册。

感兴趣的大佬可以先体验体验,目前还是初始版本,很多功能并未实现,也有很多需要优化的问题,所以暂未开源。

https://nav.wormholestack.cn/

qrcode

2.帮助手册

NAV功能清单

2.1 支持搜索引擎切换搜索

目前可选择百度,谷歌,必应,github

image-20221005224302438

2.2 支持根据搜索词展示搜索热榜提示

image-20221005224434612

2.3 定制布局的图标

通过布局设置可修改图标大小,图标圆角,图标背景透明度等。

image-20221005224544660

2.4 极简模式

点击设置中布局极简模式开关或点击NAV桌面时钟切换极简模式。

image-20221005224700268

2.5 背景图片切换

可切换背景图片的展示,调整壁纸模糊度。

image-20221005224726032

内置静态壁纸,和动态壁纸

image.png

2.6 备份

可导出备份文件,导入备份文件,来恢复布局,设置及图标等数据。

image-20221005225128760

image-20221005225239943

2.7 全局右键菜单

image-20221005225358945

2.8 添加内置图标

通过全局右键菜单点击添加可展示内置图标,点击图标对应的对号即可将图标添加到NAV桌面。

左侧侧边栏提供了对内置图标的分类。

image-20221005225806907

image-20221005225903826

2.9 自定义图标

通过全局右键菜单点击添加图标,可自定义图标。

输入名称,网址链接,可选图标链接,点击确定可将自定义图标添加到NAV桌面

image-20221005230120415

image-20221005230229733

image-20221005230239581

2.10 图标的编辑与删除

当选择图标右键触发菜单,可编辑图标删除图标

image-20221005230325381

image-20221005230443753

2.11 分组视图

分组理念

可通过新建分组将NAV桌面图标进行聚合,使NAV桌面更加美观简洁。

image-20221005230851558

分组标记

分组左上角有特殊标志,当选择分组右键触发菜单,可编辑分组删除分组

image-20221005230714354

image-20221005230816356

图标移动到分组

当NAV桌面存在分组时,图标右键菜单会提示移动到分组,单击菜单提示指定的分组即可将图标移动至指定分组

image-20221005231040277

分组视图

单击分组可展示分组视图

分组视图展示了该分组下全部图标

image-20221005231248311

同样支持分组内编辑图标,删除图标,移动到NAV桌面,移动到其他分组

image-20221005231337299

分组删除

分组删除支持清空分组全部图标后删除分组,或将分组内所有图标移动至桌面后删除分组

image-20221005231606641

2.12 图标及分组拖拽交换位置

PC端长按图标或分组可拖拽交换图标位置

拖拽

2.13 小彩蛋

image-20221005231643179

image-20221005231654035

nav为内置命令前缀,搜索框中输入nav即可展现命令提示。

nav c

nav c命令为内置命令-切换搜索引擎

例如输入nav c baidu 即可切换搜索引擎至百度

image-20221005231756230

nav s

nav s命令为内置命令-快捷打开设置

image-20221005231929487

例如nav s setting 可快速打开设置菜单

nav s add 可快速打开添加菜单

2.14 分组内支持图标搜索

img

img

3.未来

NAV还有很长的路要走,有很多功能尚未实现,也有很多优化点未处理,暂未开源,请见谅,本人前端小菜菜,望大佬轻些喷。

作者:MRyan


本文采用 知识共享署名-相同方式共享 4.0 国际许可协议 进行许可。
转载时请注明本文出处及文章链接。本文链接:https://wormholestack.com/archives/604/
2025 © MRyan 67 ms