88
37
QNAP进阶教程：威联通web服务 2分钟安装漂亮导航页！方便管理和使用家中NAS等网络设备！
2020-02-15 16:06:09
139点赞
1082收藏
102评论
创作立场声明：进阶教程，最后一篇干货内容，欢迎大家收藏！
大家好，俺又来了！
今天是进阶教程的最后一篇了！教给大家在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
web.zip这个文件找了好久没找到
群晖 威联通是开发nas系统和硬件的公司。nas系统可以理解为专门为网络存储服务器开发的系统，基于Linux。百度网盘相当于nas系统里面的一个APP一个功能。在简单点说，nas就是一台电脑一台服务器。
导航页里每个内容都需要单独端口的做内网穿透吗
修改后缀名，再解压
网络环境不明，播放环境不明，不知道怎么回答你。jellyfin开没开硬解？片源大小、格式如何？内外网播放？这些因素决定了问题出在哪
我照着教程做了一遍，目前路由器打开很快，nas也还行，但是jellyfin很慢，基本不能播放，查看nascpu和网络占用并不高。路由器是竞斗云OpenWrt，是路由器的原因吗
转载到自己的博客可以吗？？？？？？？
阿文菌大佬，你的小站导航页换了新的界面，能出个教程分享下么
请问下：输入应用链接，这个链接从哪看的？？
有谁知道，背景为什么不能显示吗？
这算不算私设web服务器？会被封宽带吗
4、然后将我们的导航页文件压缩包web.zip，放到这个目录里面，右键解压出来 这个web.zip文件在哪里找，你的帖里就看到一个分享的12个软件
大佬，docker下的heimdall了解一下。
请问怎么调整文字的位置？？？用小图标，文字和图标错位了
请教大神，修改后无法跳转，另外设置成功后会偷偷恢复原始设置，不知道如何锁定
大佬什么时候来填坑 想和你一样搞个博客![[期待]](//res.smzdm.com/images/emotions/33.png)
我想知道你的路由器什么型号呢。
不知道楼主最近有没发现，myqnapclond更新不了的情况，但是还是能用，第二就是重启nas之后plex和qb等第三方安装的程序要进shh手动启动服务才可以？？
为什么按你这个教程，最后出来的效果没你截图的好看呢，图标都很大，第二排直接超出浏览器下边缘![[想一想]](//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)