520解说镜像导航网站预览地址:https://jxsite.github.io/jxsite/

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

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

页面截图:

截图

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

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

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

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

• 托管在github上的json可以直接获取raw地址进行引用;
• 阿里云OSS开启跨域访问教程参考地址: [https://help.aliyun.com/document_detail/31903.html?spm=a2c4g.11186623.2.15.3724c451vMxt3K#concept-pbw-4df-vdb] 其中 来源 与 header 必填,不知道怎么填的直接*号,methods允许get与head;

TODO:

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

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

• 本地书签自定义添加;

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