关于一个新导航项目的诞生

2026-10-27 (分类:生活)

近况

又很多天没写内容了,最近的我把同名主站重新改了一版上线了,这个网站是日后很主要的产品发布站点,一切有价值的内容将会在网站中进行展示和输出。欢迎访问:https://qiumonster.com/ 。

QiuMonster主站点

新版的 QiuMonster 主站采用了简洁大气的首页设计,顶部导航栏包含首页、品牌、图鉴、动态、关于等核心板块。

月亮

最近晚上回来,发现月亮很亮,于是就随手拍了一些,时间分别是10.23,10.26,10.27日,共计三张图片。

IMG_20261027_212619

10.23 的月亮不是很满,挂在天边,夜空中透着清冷的光。

IMG_20261027_212551

10.26 的月亮很圆,几近满月。

IMG_20261027_212406

10.27 今天晚上的月亮有点发黄。

somoe-nav 手账导航

最近大部分时间在研究一个新的有趣项目,somoe-nav(手账导航),这是一个以导航为基底的项目,集成了博客订阅、博客空间、画布空间、搜索空间等,它不只是简单的网址收藏,更像是一个可以自由编排的数字手账——你可以在画布上随心摆放各种功能卡片,打造属于你自己的个性化桌面。

画布空间

项目首页默认进入画布空间,中央是一块可以自由操作的空白画布。

首页

组件面板

点击顶部的"组件"下拉菜单,会展开一个分类侧边栏与组件内容面板。左侧垂直排列着时间日期、效率专注、习惯健康等多个分类,每个分类旁标注了可用组件数量;右侧以三列网格展示当前分类下的所有组件卡片,如时钟、日历、倒计时等,支持搜索过滤,点击或拖拽即可放置到画布上使用。

组件创建

新建书签

点击顶部"书签"按钮,弹出新建书签对话框。可以填写书签名称和 URL 地址,选择图标样式(星形、心形、地球等多种图标可选),设置卡片主题颜色、尺寸(sm/md/lg 三档),以及装饰风格(默认/毛玻璃/霓虹),最后点击"添加"即可在画布上创建一个可点击跳转的链接卡片。

新建书签

画布上的组件展示

在画布上可以同时放置多种不同类型的卡片组件。如图所示,画布上已经摆放了数字时钟、复古翻页钟、距离周末倒计时、Somoe Home 快捷书签、当前月相卡片和上海日出日落信息等组件,每个卡片都可以自由拖拽调整位置。

在画布上添加组件

多样化卡片

画布支持更多类型的卡片组件。图中的画布上展示着:距离周末倒计时卡片、数字时钟、复古翻页钟、上海日出日落卡片、Somoe Home 快捷入口、当前月相(显示满月、照亮98%、月龄16.2天),以及音乐编排组件(含"致爱丽丝"曲目编辑网格),还有博客动态列表和最近订阅列表(标注56,438篇)。

不同的卡片

图表组件

somoe-nav 还内置了丰富的图表展示组件。从折线图(近7日访问趋势)、环形图(访问来源占比)、雷达图(能力评估五维度)、热力图(贡献热力图)、柱状图(语言使用对比)、K线图(走势分析)、漏斗图(转化漏斗)到甘特图(项目排期),甚至还有散点图、堆叠柱状图、仪表盘、进度环等,共十余种图表类型可供选择,数据可视化能力相当全面。

图表测试

音乐组件

音乐相关的组件是 somoe-nav 的一大亮点。页面展示了完整的音乐工作站体系:明亮钢琴键盘(支持键位演奏和音高调节)、节拍器(100 BPM可调速度和拍号)、音序器轨道(808贝斯、太空铺底等多轨编辑)、混音台(主音量和低中高三频调节)、录音台(总线录制和文件管理)、音频编辑台(波形裁剪和增益调节),以及字幕工作台(语音实时转写和SRT导出)。

音乐组件

更多组件展示

除了上述组件,somoe-nav 还提供了大量实用与趣味组件:周进度、月进度、工作日统计等时间管理组件;二进制时钟、计圈秒表、人生时钟等创意时间组件;四象限清单、快速速记、周计划等效率工具;弹钢琴、鼓机等乐器组件;加密行情、化学元素周期表、地震速报等资讯组件;恐龙跑酷、打砖块等休闲小游戏;每日一图、冷知识等趣味内容;录音机、声级计、间歇训练等工具组件……种类丰富,几乎覆盖了日常使用的方方面面。

新组件测试

音乐编排卡片演示

下面是音乐编排卡片的实际操作演示,可以看到在画布上直接进行音符编排和播放的效果:

导航空间

导航空间提供了经典的分类导航体验。左侧是垂直排列的分类导航栏,包含主页(108项)、开发(41项)、AI工具(1项)、qiumonster(20项)等多个分类,当前选中项会高亮显示;右侧主区域以网格形式展示彩色圆角矩形图标,每个图标内含标识字母,下方标注站点名称,如 QiuMonster、Somoe Home 等,点击即可快速跳转到目标站点。

导航空间

搜索空间

搜索空间是一个聚合搜索引擎页面。页面中央是简洁的搜索输入框和搜索按钮,下方提供 Google、百度、Bing、DuckDuckGo 四个搜索引擎的切换按钮,当前选中的引擎会高亮显示,底部还有"按 Enter 在新标签页打开百度搜索"的快捷提示。无需记住多个搜索网址,一个空间即可完成所有搜索需求。

搜索空间

订阅空间

博客订阅卡片视图

订阅空间是博客阅读爱好者的福音。左侧导航栏展示订阅源列表,每个源旁带有数字角标标注未读数量;右侧主区域以卡片网格形式展示博客文章,每张卡片包含作者头像、文章标题、内容摘要、发布日期和分类标签(如技术笔记、记录、代码检索等),一目了然。

订阅空间1

博客订阅列表视图

切换到列表视图后,左侧显示完整的订阅源列表(如"开往的友链 979"等),顶部配有搜索框支持按名称、网址、RSS、分类检索博客源;右侧同样是文章卡片网格展示,并带有刷新按钮可以随时拉取最新内容。

订阅空间2

关于订阅空间,未来将实现更多对不同类别的订阅数据展示,你可以在这里查看和分享你关注的资讯,打造属于自己的信息流。

体验地址

Somoe Nav(手账导航)目前已经初步上线,欢迎大家前来体验:

体验地址:https://nav.somoe.net

如果你喜欢折腾个性化桌面,如果你需要聚合多个搜索引擎,如果你想在一个地方阅读所有关注的博客,如果你想在浏览器里弹弹钢琴、玩玩小游戏——somoe-nav 都值得一试。项目仍在持续迭代中,每个组件都在不断打磨优化,你的体验反馈和建议对我非常重要。欢迎访问,也欢迎告诉我你的想法,让我们一起把这个手账导航做得更好!

Somoe-Nav(手账导航)QQ群:

Somoe-	Nav(手账导航)QQ群

← 返回博客列表