社区主页 文章详情

给你的群晖NAS添加一个美观的主页

蔡花 11-27 18:10 + 关注

创作立场声明:就原有网页修改为可用素材,右下交留有原网链接,如有侵权请联系删除谢谢!

素材修改于:轻量级WEB服务器 (修改的内容:调整整体位置 上下更居中显示看着舒服了些;添加内网、外网按钮 可以随心切换;其它就是一些乱七八糟的了没啥好说的了)

好了看完@阿文菌的文章我也就来班门弄斧,修改了轻量级WEB服务器的主界面,本人小白一个对于什么什么码的并不懂只是瞎琢磨!不喜轻喷!真的只是瞎搞 满足下自己的眼睛 哈哈哈~~~主要还是动态背景比较喜欢。

进入正题:

链接:度度云 提取码: aqeg

一:下载

1.事先你们可以参考@阿文菌的这篇文章安装好Web Station套件

2.下载好后解压出来index.html文件和index文件夹 并存放再Web Station套件默认文件夹:web根目录(把web里面的东西删掉也行)

给你的群晖NAS添加一个美观的主页

3.这样你就可以在浏览器上直接输入自己群晖的ip就能看到这届面啦:

这是本人的WEB界面半成品第二行都还没弄好这是本人的WEB界面半成品第二行都还没弄好

二:修改

2.1.修改教程这里简略的介绍下毕竟@阿文菌也写的挺好的

想必大家都有映射网络驱动器到电脑上,(没有的也很简单:看下图一 登录账号密码就是群晖的账号密码 鼠标右键就有映射)

图一图一

2.2.修改&替换 (改一个看一个:保存再CTRL+F5去刷新页面看展示情况)

用notepad++打开index.html文件(这里本人建议安装notepad++ 可以撤回操作以及更直观 这个大家去度娘下载 不多做介绍)也可以直接用记事本打开;打开后拉到半中间如下图就可以修改对应的内容以及图标:href="###"里面的###替换成你自己对应的链接;target="_blank" title="文件管理" 前一个引号是字体颜色后一个是注释;src="./index/file.png"这个是图标文件地址(可以修改或替换);文件管理最后的这片文字部分就是图标的名称(因为有两个文字部分 记住注释在前名称在后)

这里讲一个小功能: 注释(鼠标放在图标上会有应用的标注信息 这里以模拟器为例)如图中有两行直接用回车;

给你的群晖NAS添加一个美观的主页

对应内网外网可以直接复制然后修改下链接即可(外网是对于有做好远程访问工作前提的;没有的话那就算啦)放着碍眼可以删掉:包含(不含)以上的内容 和内网外网那一段:切记留一个

不然页面就乱了;

给你的群晖NAS添加一个美观的主页


2.3.修改标题和logo 还有内网、外网 这个你可以随意改(私人、共享都行)

图标及logo修改 切记对应图片尺寸(可用原图标在ps上修改另存为PNG即可)

给你的群晖NAS添加一个美观的主页

修改和替换是个慢工细活!耐着性子慢慢来!index文件夹内准备被了一些图标可以给各位用上.

三.最后讲下怎么再外网访问WEB界面

1.群晖内打开Web Station套件,新增一个虚拟机 勾上http和https 填上端口 随便填都行 http和https不要重复也不要和之前的设置过的端口重复 (HTTPS更为安全,可惜本人证书还能没搞好就只能将就用http)

给你的群晖NAS添加一个美观的主页


新增好虚拟主机就可以在浏览器内输入http://IP:8555 端口号就能直接进入WEB界面

外网只要在路由器上设置端口转发即可(做好域名映射的应该都清楚)域名后面加上:端口就行了

OK完工

本人初来乍道,接触群晖也不是很久,原先只是想弄个像icloud照片备份那样的方便的备份软件,才发现群晖的Moments非常类似也很方便,所以才开始了解了群晖,发现了很多可玩性的东西,慢慢丰富我的群晖内容,希望各位值友支持!小白一枚 大神轻喷!给你的群晖NAS添加一个美观的主页

展开阅读全文

打开App,查看更多好文内容

暂无评论,打开APP参与讨论

猜你喜欢
编辑精选
3
5
0
你已经点过赞了
新浪微博 QQ空间 微信好友 豆瓣
当前为触屏版
热门搜索