写在前面

自从玩上Nas，知道可以把导航页部署到自己的Nas上，在网上找了很多导航页的源码，到最后并没有找到自己喜欢的，而且那时什么前端知识都没有，就暂时搁置了。直到这个月学了下Html、CSS和Javascript，就试着自己写了个导航页

Demo

有兴趣的可以看看Demo

导航页特点

• 干净————没有任何插件，例如天气，时间等等；也没有搜索框，现在基本地址栏就是搜索栏，想搜索的时候按下F4键输入搜索就好
• 漂亮————图标圆角设计，背景采用50%的白色+模糊处理
• 可以好好的欣赏小姐姐————双击屏幕，可以隐藏页面元素
• 壁纸支持自定义，可以在网上找别人做好的随机图片API，刷新就能换壁纸，贼爽

其他的：
图标做了一点小动画，借鉴了B站某up主的（找了很久历史记录都没找到是哪位up主）动态图标

PWA

此导航页支持渐进式Web应用

• PC端 网页打开,在地址栏的右方会有一个安装应用的图标，点击即可安装，体积非常小，可缓存实现离线使用
• 移动端 浏览器打开，会自动弹出安装窗口，安装即可

ToDo

• 增加内外网切换按钮
• 增加根据设备使用不同的菜单
• 增加迷你音乐播放器，对接nas的曲库
• 在用户界面完成图标自定义内容或者样式

写在最后

本人前端小白，所以源码肯定有太多不足，希望能遇到大佬完善下，或者推倒重来。

在此奉上源码，喜欢的可以下载使用