仿Windows10 UI的静态主页 - 20180115更新

本帖最后由 kelubii 于 2019-1-18 14:38 编辑

更新2.0版本了，请移步：

http://www.nasyun.com/thread-60143-1-1.html

2018-01-15更新：

1. 为图标增加了文件夹便于归类; 分组+弹窗的方式解决图标太多的问题 (我不是原创);
2. 自己修改了任务栏, 窗口, 通知中心的透明度;
3. 更换为随机的背景 (根据iPhone X的分辨率, 手机端也是随机的哟~);
4. 增加了几个小游戏 (超级玛丽, 恐龙快打, 像素鸟);
5. 根据自己的需求, 调整了部分框架链接打开的默认窗口大小;
6. 根据自己的需求, 修改了默认的开始菜单;
7. 根据自己的需求, 整站都改成英文的; ~
8. 帖子里面的旧页面删掉了, 源文件移到qq文件里;
9. 不记得了; ....

预览: https://www.9366333.cn/

纯群晖3617xs+, 1.02b引导最新的6.1.4-15217 Update5版本系统。页面都是通过框架打开的，这样就可以不用记端口、不用子域名、甚至不会占用多一个浏览器窗口...像模像样吧，挺唬人的！目前这个方案自己比较满意~{:7_191:}{:7_191:}{:7_191:}

关于WEB导航首页的使用方法：
由于当地443端口还没封，所以分配了443端口给Web Station，绑定阿里云ddns，部署了ssl证书，所以访问顶级域名就是这个静态页面了。群晖里面需要设置一下才能正常，这是自己折腾比较久摸索出来的...
** 注意：使用443端口就必须使用https方式打开，框架里面也必须是https的网页才能正常打开。

1. 控制面板 - 安全性 (下面4项不勾选，其他随意~)

□ 忽略 IP 检查来加强浏览器兼容性
□ 提高对跨网站请求伪造攻击的保护。
□ 启动 HTTP 内容安全策略（CSP）标题以提高安全性
□ 不允许 DSM 被 iFrame 嵌入

2. NAS安装Web Station

环境使用：PHP7.0+Apache HTTP Server2.4，
其中：Web Station - </> PHP设置 - PHP7.0 - 编辑
把所有的项目都勾选，然后点确定

3. 下载源码，解压到NAS的Web根目录

修改 index.html 文件里面的超链接、图标、文字等等~
整站我都修改成英文的，如果需要修改语言，对应是 win10.js 文件。

4. 来源及下载

整站的源码（QQ群文件）：http://t.cn/RQfdtYy
随机背景api：https://picsum.photos （感谢！）
音乐源码：http://mkblog.cn（感谢！）
WIN10 UI 源码：http://win10ui.yuri2.cn

5. 预览截图