一个基于 SQLite 的网址导航系统,支持动态导航菜单、网站设置和主题切换功能。
- 动态导航菜单管理
- 网站设置管理(标题、描述等)
- 深色/浅色主题切换
- 响应式设计
- 搜索功能
- 分类筛选
- 标签系统
- 后台管理界面
- 后端:Node.js + SQLite
- 前端:HTML + CSS + JavaScript
- UI 框架:Tailwind CSS
- 图标:Font Awesome
- 字体:Google Fonts (Noto Sans SC, Noto Serif SC)
.
├── public/ # 静态资源
│ ├── admin/ # 后台管理界面
│ ├── favicon/ # 网站图标
│ ├── js/ # JavaScript 文件
│ └── index.html # 主页
├── app.js # 应用入口
├── database.sql # 数据库结构
└── database.sqlite # SQLite 数据库文件
- 克隆仓库:
git clone https://github.com/yourusername/sqlite-webnavi.git
cd sqlite-webnavi
- 安装依赖:
npm install
- 初始化数据库:
node init-db.js
- 启动服务器:
node app.js
- 访问网站:
在后台管理界面的"网站设置"中可以配置:
- 网站名称
- 网站描述
- Hero 区域标题
- Hero 区域副标题
在后台管理界面的"导航菜单"中可以:
- 添加/编辑/删除导航项
- 设置导航项标题、链接和图标
- 调整导航项顺序
- 启用/禁用导航项
主要表结构:
site_settings
: 网站设置nav_menu
: 导航菜单项categories
: 分类tags
: 标签sites
: 网站列表
- GET
/api/settings
: 获取网站设置 - GET
/api/nav-menu
: 获取导航菜单 - POST
/api/settings
: 更新网站设置 - POST
/api/nav-menu
: 更新导航菜单
- Fork 项目
- 创建功能分支:
git checkout -b feature/AmazingFeature
- 提交更改:
git commit -m 'Add some AmazingFeature'
- 推送分支:
git push origin feature/AmazingFeature
- 提交 Pull Request
MIT License - 详见 LICENSE 文件