Skip to content

timenibk/by-nav

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

29 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

README

由于经常需要在不同的电脑不同的浏览器上操作,书签同步就很麻烦,所以想着写个导航页吧。

网站采用html+css+js+json 纯静态搭建,因为这么轻量的单页不想用框架不想用数据库。。可以直接扔阿里云的静态页托管

页面截图:

截图

现已支持带自定义参数访问,参数格式如下:

http(s)://(url)/?p=(自定义json地址)&f=(自定义json分组) 页面示例: 截图

自定义json结构(与原始json基本一致,删除desc简介,增加filter分组):

    [{
    "_id": "", //分类简称
	"classify": "", //分类名称
    "icon": "", //分类图标 基于themify-icons
    "filter": "",//分类筛选
	"sites": [{
		"name": "", //网站名
		"href": "",//网站链接
		"logo": "" //网站logo
        }]
    }]

自定义json结构说明

主要目标是为了工作与日常分离,在工作电脑上和自用电脑上使用不同json或分类; 可以使用不同json地址,或者同一json地址使用不同filter区分; 多个分类可以使用同一filter分组

自定义参数地址跨域说明

如果使用别人搭建或本地调试页面,自定义url与导航页url不在同一个域名下,必须对自定义url开启允许跨域访问;

TODO:

  • 网址带json地址参数访问(便于放一些不方便展示或按需求展示);

  • 小工具(当前网址生成二维码、当前网址生成短网址);

  • 本地书签自定义添加;

其他说明

  • json中分类标题icon来自字体图标库themify-icons
  • logo是我一分钟随手画的,应该没有侵权问题 吧;
  • vscode文件夹是用vscode调试自动生成的,可以无视;
  • 本项目基于MIT许可协议开源。

About

纯静态无框架[html+css+js]单页导航

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published