jie20091116 / anaer.github.io

个性化导航页面

fork from https://ljquan.github.io/

一个基于service worker和单页面应用（SPA）的导航页面

特性

1. 静态, 可部署在githbu.io或cdn服务器上
2. 支持离线使用
3. 支持拼音首字母和键盘快捷键

使用方式

1. 把本项目fork一份到你的仓库,更改项目名称为your_name.github.io,几分钟后Github会自动为你开通your_name.github.io的个人主页

2. 通过Git的命令行(Git Bash)把your_name.github.io项目clone到本地

3. 配置文件是./json/link.json可以按需修改。

4. 把变更push到远程仓库，配置文件的改动会在第二次访问后生效。

部署

npm install # 安装依赖
npm start # 本地启动

gulp dev
gulp server
gulp watch

FAQ

Q: gulp命令执行报错, 如`gulp dev`, `gulp server`, 错误信息: ReferenceError: primordials is not defined
A: 1. NodeJS可能版本太高(当前最新: 16.8.0), 调整使用8.6.0可以执行
   2. 升级gulp版本为4.x, 同时修改gulpfile.js中的过时方法

link.json说明

[
    {
        "title": "组标题",
        // 组id 通过修改groupid可以调整排序
        "groupid": 1, 
        // 限制条目数, 默认6条
        "limit": 8, 
        // 书签列表
        "rows": [  
            "标题(过长会显示成...) | URL链接"
        ]
    }
]

目录结构

json
  link.json 链接配置文件
source
  src
    model
      link.js link.json解析
    card
      common
        linktab.js linktab模板代码
        daohang.js linktab生成
        navigator.js 导航条
      tool
        link.js      可以修改搜索框默认搜索引擎

许可

MIT