网站导航站点> https://github.com/zjzjzjzj1874/site-navigation一个简洁美观的个人导航网站，支持网站优先级排序、新增删除站点、配置 hosts 及一键复制 hosts等## 预览## 项目背景在日常工作和学习中，我们经常需要同时打开多个网站和工具，这导致浏览器开启大量标签页，不仅增加了系统内存占用，还降低了工作效率。为了解决这个问题，我开发了这个AI导航站点，它可以集中管理所有常用的网站链接，让用户可以快速访问所需的网站，同时避免了开启过多标签页的困扰。## 解决的痛点1. 标签页管理混乱：浏览器开启过多标签页导致管理困难，找寻特定网站耗时费力2. 系统资源占用大：大量标签页会占用大量内存，影响系统性能3. 工作效率低下：在众多标签页中切换降低工作效率4. 常用网站分散：重要的网站链接分散在各处，访问不便## 解决方案- 集中管理：将所有常用网站集中在一个界面，方便快速访问- 智能排序：根据访问频率和优先级自动调整网站顺序，提高使用效率- 轻量级设计：采用简洁的卡片式布局，占用资源少，加载迅速## 功能特点- 站点分类管理：支持通用网站、开发网站、测试网站和生产网站四大类- 站点排序：可通过排序值调整站点显示顺序，数值越大排序越靠前- 拖拽排序：支持直接拖拽调整站点顺序- Host配置：支持为站点配置Host映射- 站点搜索：支持按名称和描述搜索站点- 一键复制Host：快速复制站点的Host配置## 技术栈- 后端：Go- 前端：HTML + CSS + JavaScript- 数据存储：JSON文件## 项目结构.├── main.go # 主程序入口├── models.go # 数据模型├── sites.json # 站点数据存储文件├── static/ # 静态资源│ ├── css/ # 样式文件│ └── js/ # JavaScript文件└── templates/ # HTML模板## 安装运行见项目地址## 使用说明### 添加站点1. 点击右上角的「添加」按钮2. 填写站点信息： - 名称：站点名称 - URL：站点访问地址 - 描述：站点描述信息 - 模块：选择站点分类（通用/开发/测试/生产） - 图标：站点图标URL或表情符号 - Host配置：可选，每行一个Host配置 - 排序值：控制站点显示顺序，数值越大越靠前### 编辑站点1. 点击站点卡片上的「编辑」按钮2. 修改相关信息3. 点击「确定」保存更改### 删除站点点击站点卡片右上角的删除按钮即可删除站点### 站点排序- 方式一：设置排序值，数值越大排序越靠前- 方式二：直接拖拽站点卡片调整顺序### Host配置1. 在添加或编辑站点时，可以在Host配置框中添加Host映射2. 每行一个Host配置，格式：IP地址 域名3. 点击站点卡片上的「复制Host」可快速复制配置### 站点搜索在顶部搜索框中输入关键词，可按站点名称和描述进行搜索