xssjss 发表于 2017-9-11 16:08:04

⎝⎛•‿•⎞⎠ 仿Windows10的主页模版 - 20180115更新

本帖最后由 xssjss 于 2018-1-30 09:13 编辑

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. 预览截图

https://www.9366333.cn/plugins/8.png
https://www.9366333.cn/plugins/7.png
https://www.9366333.cn/plugins/6.png
https://www.9366333.cn/plugins/5.png
https://www.9366333.cn/plugins/9.png
https://www.9366333.cn/plugins/4.png
https://www.9366333.cn/plugins/3.png
https://www.9366333.cn/plugins/2.png
https://www.9366333.cn/plugins/1.jpg



其他:
1. 如何端口映射?
2. 如何用NAS建站?
3. 如何购买顶级域名?
4. 如何设置DDNS?
5. 如何设置SSL证书?



**** Hidden Message *****





xssjss 发表于 2017-9-11 16:15:30

{:8_214:}

recash168 发表于 2017-9-11 17:16:29

谢谢分享。

yusanxing 发表于 2017-9-11 17:28:44

谢谢分享。

国栋 发表于 2017-9-11 17:36:28

RE: 论坛改版非常漂亮,我也来分享个NAS的导航页面。 [修改]

louiskim 发表于 2017-9-11 17:39:23

谢谢分享。

fvcky 发表于 2017-9-11 17:41:19

谢谢分享!!!

白海象 发表于 2017-9-11 18:10:52

谢谢分享。

cuiben979 发表于 2017-9-11 18:39:51

这个可以有,好好学习下

tommy23223 发表于 2017-9-11 18:52:52

谢谢分享

starover2008 发表于 2017-9-11 19:37:40

回复看看!!!!!!!!!!!!!

kernel 发表于 2017-9-11 19:38:09

使用的功能比较多

gty 发表于 2017-9-11 20:46:40

这个不错啊

大嘉妮 发表于 2017-9-11 20:59:44

很飘俩面谢谢啊

少祺 发表于 2017-9-11 21:02:52

学习下。。。。。谢谢了!!!

hp1307 发表于 2017-9-11 21:04:31

1111110000

Solita 发表于 2017-9-11 21:26:54

图标有点小,不然还是蛮好看的

chenshijie 发表于 2017-9-11 22:00:01

谢谢分享。

monolatry 发表于 2017-9-11 22:08:01

顶楼主啦..希望楼主多发精品好帖啦.....

luyingwei 发表于 2017-9-11 22:40:40

感谢分享
页: [1] 2 3 4 5 6 7 8 9 10
查看完整版本: ⎝⎛•‿•⎞⎠ 仿Windows10的主页模版 - 20180115更新