基于GitHub(Page、Action、Issues)的响应式网址导航,支持黑暗模式、一键返回顶部。简约、自定义化、方便。
构建属于自己的网址导航
见过很多类型的导航,总觉得数据的定义与修改实在是过于麻烦,或者是需要后端的支持
该项目通过结合GitHub Action和Issues,将整个导航都移植到了GitHub上面
项目后端地址:vhxubo/websites
屏幕 | 日间 | 夜间 |
---|---|---|
>=768px | ||
<768px |
App.vue
下的repository
变量 const repository = '[username]/websites'
如果你在[username].github.io
下部署,需要将build.yml中的以下代码删除,否则不能正常显示页面
- name: Fix path
run: |
sed -i 's/\/assets\//\/website-navigation\/assets\//g' dist/index.html
sed -i 's/\/favicon.ico/\/website-navigation\/favicon.ico/g' dist/index.html
{
"author": "vhxubo",
"github": "https://github.com/vhxubo/websites",
"updateTime": "2021-04-02T10:01:30+08:00",
"list": [
{
"label": "学校相关",
"items": [
{
"name": "教务网络管理系统",
"url": "https://www.lit.edu.cn/jwc/jwwlglxt.htm",
"description": "洛阳理工学院教务网络管理系统登录,可分别选择相应入口"
},
{
"name": "毕业设计(论文)管理系统",
"url": "http://lit.co.cnki.net",
"description": "学生账号用户名为学号,密码为身份证号后八位"
},
{
"name": "教务处",
"url": "https://www.lit.edu.cn/jwc/",
"description": "洛理教务在线"
}
]
},
{
"label": "文化娱乐",
"items": [
{
"name": "YouTube",
"url": "https://www.youtube.com/",
"description": "在 YouTube 上畅享您喜爱的视频和音乐,上传原创内容并与亲朋好友和全世界观众分享您的视频。"
},
{
"name": "哔哩哔哩",
"url": "https://www.bilibili.com/",
"description": "哔哩哔哩 (゜-゜)つロ 干杯~-bilibili"
}
]
},
{
"label": "编程相关",
"items": [
{
"name": "力扣",
"url": "https://leetcode-cn.com/problemset/all/",
"description": "力扣 (LeetCode) 全球极客挚爱的技术成长平台"
},
{
"name": "labuladong的算法小抄",
"url": "https://labuladong.gitbook.io/algo/",
"description": ""
},
{
"name": "GitHub",
"url": "https://github.com/",
"description": "交友平台"
}
]
}
]
}