21
47
QNAP进阶教程：威联通web服务 2分钟安装漂亮导航页！方便管理和使用家中NAS等网络设备！
2020-02-15 16:06:09
109点赞
805收藏
85评论
创作立场声明：进阶教程，最后一篇干货内容，欢迎大家收藏！
大家好，俺又来了！
今天是进阶教程的最后一篇了！教给大家在2分钟内给NAS搭建一个导航页web页面。
一个漂亮的导航页，可以很方便跳转自己需要的网络设备！
比如后续使用威联通NAS搭建的Docker应用，配合导航页体验很好！比如我的小站就全部是搭建在威联通NAS上的：
导航页文件并非我本人原创，只是站在巨人的肩膀上在使用，目前使用了大半年了，一切都很好。
感谢 wdmomo 和 绵羊-x 分享的导航页文件！
这篇文章的内容很干货，而接下来的教程会分享导航页上 博客、音乐、网盘、可道云、jellyfin家庭影院、相册、下载、RSS订阅等等详细的过程，全都会有！
希望大家点个收藏、点个赞，后续的文章内容 也同时适用于群晖、unraid这类系统，敬请期待！
目录：
安装导航页
配置导航页
下载导航页
其它系统安装导航页
总结
安装导航页
1、我们进入到威联通的控制台，找到Web服务器，点击启用web服务器后，后面就要到虚拟主机页面设置：
2、在启用web服务器后，文件管理器内会多一个web文件夹：
我们在里面创建一个名字叫：daohangye 的文件夹：
3、我们继续回到控制台web服务器里面的虚拟主机页面，将启用虚拟主机打勾，然后然后点击创建虚拟主机：
路径选择我们刚刚设置的文件夹路径：/web/daohangye
端口号填我习惯的1800，您也可以填别的端口：
4、然后将我们的导航页文件压缩包web.zip，放到这个目录里面，右键解压出来：
5、在浏览器中输入 威联通NAS的ip+端口号:1800，就进入到导航页了：
安装导航页完成！
配置导航页
1、如果您有公网ip和域名的同学，可以在路由器上端口转发一下这个NAS的IP地址，就能用域名的方式访问自己的导航页小站了：
2、公网ip和外网访问等相关的教程，其实我之前在路由器方面的文章中，已经写过非常多了！
但是我的文章内容太多了，反而不方便观看，这里推荐本站 @晋升奶爸的垃圾佬 公网ip下的外网访问方式，从买域名到路由器转发都很详细：
3、如果没有公网ip，可以用 本站 @小羊shawnzh 这种配合VPS穿透的方式进行外网访问：
4、如何修改导航页的跳转链接呢？在威联通NAS里面还是很方便的，安装这个Text Editor应用：
5、直接在威联通文件管理器中，右键 index.html ，选择使用Text Editor打开：
6、设置一下每一个按钮的跳转路径即可：
就是下文 http:// 后面的地方就是跳转路径：
7、而且其它的设置，比如logo，图标，底图，都在这个地方可以设置：
8、如何获取图标，可以直接在我的小站上，右键，图像另存为来获取：
9、或者将图片放入PS里面，自己修改一个图标，注意尺寸一致就可以了，我图标上面的小锁就是自己PS上去的：
下载导航页
导航页下载地址：链接: 提取码: rg4p
导航页预览图，下面的这些都是各种导航页的模版，都可以使用，花样很多：
web00 ↓：我用的就是这个：
web01 ↓：
web02 ↓：
web03 ↓：
web04 ↓：
web05 ↓：
web06 ↓：
web07 ↓：
web08 ↓：
web09 ↓：
web10 ↓：
web11 ↓：
其它系统安装导航页方法
1、群晖下安装导航页的方法：
2、UNRAID系统下安装导航页的方法：
3、华芸NAS安装导航页的方法：
总结
又到了总结的时候了！
导航页现在用顺手了，非常的舒服，家里的网络设备很多，或者有很多比较不错的应用，每次记域名都很麻烦。
有了导航页，就记住一个导航页，就能方便跳转各种设备了！
真的很方便！威联通上的导航页安装方式非常的简单，编辑也很容易，这一点我很喜欢！
接下来就是分享我的导航页上的优秀应用的搭建教程了。
全是用威联通的Docker功能实现的，包括如何调用集显硬件转码！
而群晖、unraid 的玩法几乎是一样，注意 地方就是映射路径的问题，后面的文章更精彩。
好了，这就是本文的全部内容了，感谢大家的观看，我们下次再见！！
其它关于威联通NAS的相关教程：da
我想知道你的路由器什么型号呢。
为什么按你这个教程，最后出来的效果没你截图的好看呢，图标都很大，第二排直接超出浏览器下边缘![[想一想]](//res.smzdm.com/images/emotions/82.png)
请教个问题，如果我要想做web的导航到文件夹，是要怎么设置端口号啊？威联通看不到内部文件夹端口号，如果给老人看，让他们一层层找，他们不会的
老哥，能不能多做点科普呢。。。我刚入威联通，我看upnp里端口有“5000的Nas网页”，还有“80端口的Web服务器/Multimedia Station”，我看你弄得这个WEB，是不是我上面提到的Web？相当于单纯美化桌面的意思嘛？ 还有什么别的用没。。。我看后面还有Multimedia station，我看我没开这个端口，多媒体照用啊。。
可以加您个微信啥的吗？威联通新手，好多不会…
大神为毛，我的威联通容器安装完，设置完后就不见了？
unraid好像很复杂
楼主觉得群晖好用还是威联通好用，准备买台NAS脱坑，麻烦楼主推荐一下，谢谢！
你好，能说一下上篇文章里用的插排型号吗？有单独开关，并且能监控的
家中网络条件不是太复杂的不太建议你上这个1600，因为这个内置盘位比较少，一般做媒体站的话捡垃圾比较划算。总而言之，新手还是先拿便宜的练手，找好自己定位之后再考虑什么机器适合自己，切忌跟风![[大吃一惊]](//res.smzdm.com/images/emotions/54.png)
浏览器导航页是方便自己访问，网站导航页是对外方便个人访问
软路由并不是一定需要，一般在数据量较大的时候才需要，主要是因为普通路由的处理器较低端，从而导致处理速度对内外网数据交换行程瓶颈。如果数据交换量小于普通路由的处理速度的话，是没必要上的。
你这个万年不变的导航页又拿出来水了一篇![[邪恶]](//res.smzdm.com/images/emotions/26.png)
@阿文菌 升级系统后发现kodi没有了，被自动删了，有啥解决方法吗？hd player太不好用了
阿文菌 到底家用选哪个啊
unraid、威联通、PVE……
感谢！紫薯布丁
你找到群了没？我也有很多没搞懂的问题。。现在弄了映射，但是download station还是下载不了bt
完全可以的。
謝謝, 我的粒子雲也可以用到這導航頁了!
https://post.smzdm.com/p/av7zn43p/看我最新的文章。
我想了解一下类似手机照片的备份是一个怎么样的流程。因为我没有用过。在纠结是否需要入手。我因为买来最主要的需求就是数据备份。电脑的还好说。手机的我不清楚这个工作流或者自动化程度怎么样。不知道能不能帮忙解答一下。
好像有点点懂了，多谢大佬
百度传输速度是多少？NAS至少可以到100M/秒的速度。
我百度了一下NAS，上面说NAS是网络附属存储，连接网络具有资料存储功能的装置，那不就是百度网盘小米网盘这种的嘛，NAS系统和百度网盘的区别是什么呢
群晖是一个NAS系统，也是非常适合小白使用的NAS系统，几乎入门NAS的必玩的系统。
太专业了，萌新想问一下，“群晖”究竟是个什么东西，干嘛用的，看到“群晖”出现在好几个文章里了，有大佬简单跟我解释一下吗
内网输入IP＋端口，拒绝访问，找不到原因。
收到，谢谢
是群晖好，还是win server好啊？还有有没有论坛没邀请要求的推荐点 谢谢
才发现你肯定也是个宅吧。。。