⎝⎛•‿•⎞⎠ 仿Windows10的主页模版 -2.1.7 版本更新啦！
本帖最后由 xssjss 于 2019-1-18 14:55 编辑使用环境：群晖DS918+， 系统版本：DSM 6.2.1-23824 Update 4；理论上所有支持webstation的都可以使用。预览地址：https://www.9366333.cn/
页面都是通过框架打开的，这样就可以不用记端口、不用记子域名、甚至不会占用多一个浏览器窗口... 界面也非常接近原版windows10，挺唬人的！目前这个方案自己比较满意~
使用方法：
由于当地443端口还没封，所以分配了443端口给Web Station，绑定阿里云ddns，部署了ssl证书，所以访问顶级域名就是这个页面了。
群晖里面需要设置一下才能正常，这是自己折腾比较久摸索出来的...
** 注意：使用443端口就必须使用https方式打开，框架里面也必须是https的网页才能正常打开。跨域无法访问，我也解决不了。
1. 控制面板 - 安全性 (解决页面打开黑屏的问题)
□ 忽略 IP 检查来加强浏览器兼容性
☑ 提高对跨网站请求伪造攻击的保护。
☑ 启动 HTTP 内容安全策略（CSP）标题以提高安全性
☑ 不允许 DSM 被 iFrame 嵌入
- 允许特定网站使用 iFrame 嵌入 DSM
-允许的网站 - 新增 -你的动态域名/顶级域名（建议有绑定哪些域名的都添加进去，带www跟不带，都添加。） - 确定
2. NAS安装Web Station
环境使用：PHP7.0+Apache HTTP Server2.4，
其中：Web Station-</>PHP设置-PHP7.0 -编辑
把所有的项目都勾选， 然后点确定
3. 下载源码，解压到NAS的Web根目录
GitHub下载源码或者下载我修改的样式，修改成自己喜欢的样式、图标、排版风格即可。
4. 来源及下载
楼主的源码：
链接: https://pan.baidu.com/s/1AmJtCtNgxszHcHd6stsQ3w
提取码: **** Hidden Message *****
YLUI 官网/原版源码：https://ylui.yuri2.cn（感谢！）
5. Windows 10 UI 使用方法
可视化编辑修改后，右键 - 系统(System) - 数据(Data) - 复制配置文件覆盖 “basic.json”
配置文件路径：./saves/basic.json
请自行查看Github手册文档，更多使用交流技巧也欢迎加群讨论：http://t.cn/RQfdtYy
6. 一大波预览图(点击大图模式预览)
http://wx4.sinaimg.cn/large/711f4d97gy1fz7cj0vudoj21hc0u0wor.jpg
http://wx1.sinaimg.cn/large/711f4d97gy1fz7cj20w71j21hc0u0dq6.jpg
http://wx1.sinaimg.cn/large/711f4d97gy1fz7cj1gf1dj21hc0u0k1b.jpg
http://wx3.sinaimg.cn/large/711f4d97gy1fz7cj2ueskj21hc0u04qp.jpg
http://wx1.sinaimg.cn/large/711f4d97gy1fxs5d7y719g21400p0npd.gif
http://wx2.sinaimg.cn/large/711f4d97gy1fxs5fwckw5j21400p0afj.jpg
- 完美仿Win10的开始菜单，并支持可视化自定义
http://wx4.sinaimg.cn/large/711f4d97gy1fukjqagsz8g213w0m6qvb.gif
- 完美的多窗口
http://wx2.sinaimg.cn/large/711f4d97gy1fukjqe0bpjg213w0m6npo.gif
- 支持拖甩、文件夹归类
http://wx1.sinaimg.cn/large/711f4d97gy1fukjqfsodyg213w0m67wm.gif
- 支持中英文
http://wx3.sinaimg.cn/large/711f4d97gy1fukjqhaouhg213w0m6nph.gif
- 移动端自适应是必须的
http://wx4.sinaimg.cn/mw690/711f4d97gy1fukjqjj3odg20fg0k7hdz.gif
作者最近的开发更新记录：
2.1.9
[*]修正2.1.8磁贴hover在chrome浏览器下的样式bug
2.1.8
[*]yl.app.js 添加更多常量定义，方便代码提示
[*]修正一些文档和代码的单词拼写错误
[*]添加菜单和磁贴开启动画
[*]删除默认的启动消息
2.1.7
[*]支持根据版本号自动更新缓存
2.1.6
[*]APP封面将会在页面加载完毕（或10秒后）才消失，类似于手机APP的加载逻辑；添加loading动画
2.1.5
[*]支持ctrl+f5重载并刷新缓存（f5依然是刷新桌面）
[*]替换最大化、最小化、还原、关闭、消息的图标（修复360浏览器图标显示不正常的bug）
[*]压缩按钮间距
[*]底部时间样式优化，鼠标悬浮显示完整时间
2.1.4
[*]修正子菜单图标样式bug
[*]修正背景图片宽高比计算算法
[*]添加默认图床app
2.1.3
[*]可选url参数，使用本地缓存初始化桌面。如https://www.9366333.cn/?load=ylui-storage
[*]onLoad文件更好的注释，以及针对加载缓存的更新
[*]修正子菜单没有缩进的bug
2.1.2
[*]过滤其他窗体事件类型
[*]新增子窗体API simpleMsg, getVersion
[*]更多基础设置注释
[*]使用经典壁纸
[*]桌面新增代码库图标
[*]增加FA应用，配置图标时提供快捷方式
沙发自己的~ {:8_214:}{:8_214:}{:8_214:} 晖3617xs+, 1.02b引导最新的DSM 6.1.6-15266 Update 1版本系统。页面都是通过框架打开的，这样就可以不用记 学习看看 仿Windows10的主页模版 -2.0 版本更新啦！ {:8_214:}好东西呀。。。。 学习看看 看看 谢谢分享 厉害啦，不知道其它型号能补能用 szapha 发表于 2018-5-18 13:44
厉害啦，不知道其它型号能补能用
主要能安装web station就可以用！ 看看 谢谢分享 这个看起来高大上啊 学习看看 感谢楼主辛苦了 没看到源码........ 看看先，多谢了！！！！！！ 好东西 ，学习了 一个支持ds213+么？ 学习学习 仿Windows10的主页模版 -2.0 版本更新啦！