酥米碎念之“时光慢递”明信片和手搓导航网站

Supermini2332025-12-182025-12-18

“时光慢递” 明信片活动

最近偶然看到并且参加了虫虫大佬的明信片活动，里面有一句话特别打动我

这不仅仅是一张卡片，这是我用最传统的方式，在这个过于喧嚣的时代里，为每一位博客世界的朋友献上的真诚致意。在这个什么都可以速食的时代，我选择用最慢的方式，最用心的姿态，告诉你：在这个世界的某个角落，有人愿意为你停下脚步，用心书写，耐心等待。

是啊，快节奏的生活里面，大家都在步履中抹平了生活的棱角。

如今还能有如此真情真挚的“网上邻居”，放慢脚步，为彼此献上祝福和致意，实属十分不易。

这一张小小的明信片，却蕴含着从几百公里甚至几千公里外传递的温暖和力量。

虽然现实彼此为陌生人，匆匆路过。网络中却是惺惺相惜的知己，彻夜长谈。

搓了个导航网站

最近发现博客友链页面放推荐网站会拖慢获取延时的时间，遂打算写一个小型的静态导航用来放推荐网址

突发奇想，要不做成复古风得吧，于是这个项目就悄然诞生啦~

此站基于本人的奇思妙想+基础代码和Trae的Ai辅助实现~~

地址

项目开源地址：

欢迎戳下面来网站游玩：

截图

技术栈

Vite：快速的前端构建工具
98.css：Windows 98风格CSS框架
Vanilla JavaScript：原生JavaScript开发
HTML5：语义化HTML结构
CSS3：现代CSS特性，包括Flexbox和Grid布局

网站特点

复古Win98界面
响应式布局
支持拖拽图标更改位置（手机版暂不支持），支持右键修改网页图标和内容（手机长按也有菜单）
支持自定义添加链接，支持自定义外观
本地保存数据，支持一键重置
SEO优化：支持搜索引擎优化
简单的分类配置
做了配置文件分离，和静态博客一样编译前随心所欲配置网站配置和默认链接导航

文件结构

此处仅供参考

SumiNav/
├── public/                # 静态资源目录
│   └── favicon.ico        # 网站图标
├── src/                   # 源代码目录
│   ├── config.js          # 全局配置文件
│   ├── default-links.js   # 默认链接数据
│   ├── windowConfig.js    # 窗口配置文件
│   ├── main.js            # 主要JavaScript逻辑
│   └── style.css          # 样式文件
├── index.html             # 主HTML文件
├── package.json           # 项目配置
├── .gitignore             # Git忽略文件
└── README.md              # 项目说明文档