logo

Simple NAV

自用简约(也很简单)的网址导航站完全AI用vue框架开发。导航数据通过维基云表格编辑，无需数据库，无需后端，简单且方便。

功能特点

  • 智能本地搜索功能
  • 响应式侧边栏布局
  • 黑暗模式自动适配（有bug还没实现）
  • 多分类资源管理
  • 从维基云表格获取数据，无需数据库
  • 自定义背景颜色/图片/卡片数

演示站

https://nav.jianzhugo.cn

演示站

维基云表格

表格链接

表格

安装布署

（给和我一样的小白）

一、布署

我自己是使用的腾讯 EdgeOne Pages 布署的，免费快速。

1、Fork项目（https://github.com/jianzhugo/Simple-Nav）

2、打开下方 EdgeOne Pages 地址

Pages地址

3、点击创建项目，选择“导入Git仓库”,选择刚才Fork的仓库

4、在构建部署配置中按下图填写，然后点完成就可以了。

配置

二、改数据

1、在维基云注册账号，新建表格。表格格式如下

格式

2、获取表格的APIkey、datasheetId、viewId

获取

替换掉src\api\fetchData.js文件中的对应项目。

api

3、自定义分类图标

按表格中的分类名，修改src\components\Sidebar.vue对应的图标映射

图标映射

其它

根据自己需要修改关于页面及其它界面代码。