QNAP进阶教程：威联通web服务 2分钟安装漂亮导航页！方便管理和使用家中NAS等网络设备！

创作立场声明：进阶教程，最后一篇干货内容，欢迎大家收藏！

大家好，俺又来了！

今天是进阶教程的最后一篇了！教给大家在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下的外网访问方式，从买域名到路由器转发都很详细：

手把手带你玩转NAS 篇三：NAS外网访问保姆级教程（Aliyun配Openwrt）【写作说明】：生命不息，折腾不止，晋升奶爸的垃圾佬带着保姆级教程又来了，不吹水，不嫌聊，就上干活，请各位看官大佬给个打赏收藏评论点赞撒。写在前面：阿里云和op都没有给钱我，我只是分享经验，不喜勿喷，谢谢合作。系列陆陆续续写了三篇文章，得到值友一定的认可，在这里表示由衷的感谢。也有可能您是第一次来，不晋升奶爸的垃圾佬| 赞217 评论346 收藏3k查看详情

3、如果没有公网ip，可以用 本站 @小羊shawnzh 这种配合VPS穿透的方式进行外网访问：

NAS-篇三，Nas-003，简单易用的内网穿透工具NPS，小白也能实现内网穿透到自己的nas小编注：此篇文章来自#原创新人#活动，成功参与活动将获得额外100金币奖励。内网穿透百度官方解释：内网穿透，即NAT穿透，网络连接时术语，计算机是局域网内时，外网与内网的计算机节点需要连接通信，有时就会出现不支持内网穿透。就是说映射端口，能让外网的电脑找到处于内网的电脑，提高下载速度。不管是内网穿透小羊shawnzh| 赞49 评论62 收藏646查看详情

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、群晖下安装导航页的方法：

折腾群晖笔记：使用群晖自带的 web 功能 一分钟安装自己的导航页大家好，俺又来了！很多朋友很喜欢俺的小站的导航页呀，将自己的网络端口归类，方便直接浏览：俺的导航页演示小站今天就来教给大家，如何利用群晖的web功能，一分钟安装属于自己的导航页！模版下载1、首先下载自己喜欢的导航页模版，以下感谢wdmomo和绵羊-x分享的导航页文件，这里俺提取出来，大家可以选择自己阿文菌| 赞85 评论105 收藏731查看详情

2、UNRAID系统下安装导航页的方法：

UNRAID教程(保姆级)1：在UNRAID上架设web服务器，导航站，博客，论坛一个都不少小编注：此篇文章来自#原创新人#活动，成功参与活动将获得额外100金币奖励。前一阵子一直在大妈这里看@阿文菌的unraid教程，感觉做一个NAS系统真的很棒，心里各种种草，在某鱼上面下了一个暴风酷播，主板华擎，cpu：j3455，安装unraid后又可以显卡直通，视频解码简直不要太爽了。价格699，蓝F0X狐| 赞48 评论42 收藏383查看详情

3、华芸NAS安装导航页的方法：

为你的华芸NAS设置导航页小编注：此篇文章来自#原创新人#活动，成功参与活动将获得额外100金币奖励。下面是导航页效果，谢谢网络上的大神，本人是程序员，在基础上修改第二次，手机、电脑、平板自适应，大家也可以进入原网页下载其它页面，不过不与本人的第二次修改相同还请注意，原资源：链接。效果图下面是教程一：准备工作：华芸NAS一台打死你我才说| 赞3 评论2 收藏19查看详情

总结

又到了总结的时候了！

导航页现在用顺手了，非常的舒服，家里的网络设备很多，或者有很多比较不错的应用，每次记域名都很麻烦。

有了导航页，就记住一个导航页，就能方便跳转各种设备了！

真的很方便！威联通上的导航页安装方式非常的简单，编辑也很容易，这一点我很喜欢！

接下来就是分享我的导航页上的优秀应用的搭建教程了。

全是用威联通的Docker功能实现的，包括如何调用集显硬件转码！

而群晖、unraid 的玩法几乎是一样，注意 地方就是映射路径的问题，后面的文章更精彩。

好了，这就是本文的全部内容了，感谢大家的观看，我们下次再见！！

其它关于威联通NAS的相关教程：da

QNAP新手教程：简单四步 从零开始使用威联通NAS，GDP-1600P 安装和设置初级教程！蜗居的阿宅终于有了正当理由不出门，那么他们的生存秘诀是什么？全新上线的#宅家生活手册#征稿活动火热进行中，来分享你特殊时期的宅居规划吧>活动详情戳这里<时间：1月28日-2月29日前言大家好！俺又来了！站内的小伙伴对nas的需求越来越多了，而几乎会买威联通的小伙伴，肯定是了解过什么是nas，这里就不< span="">阿文菌| 赞159 评论81 收藏940查看详情

QNAP新手教程：威联通应用安装和推荐！相册、同步、影音、Docker、虚拟机，一个不能少！蜗居的阿宅终于有了正当理由不出门，那么他们的生存秘诀是什么？全新上线的#宅家生活手册#征稿活动火热进行中，来分享你特殊时期的宅居规划吧>活动详情戳这里<时间：1月28日-2月29日前言大家好，俺又来了！上篇，介绍了威联通的新手教程，推荐每个初入威联通新手朋友看一下，简单四步，就能初始化威联通nas系< span="">阿文菌| 赞110 评论52 收藏776查看详情

QNAP进阶教程：威联通NAS 虚拟机教程 安装精简版win10、软路由、群晖NAS系统！蜗居的阿宅终于有了正当理由不出门，那么他们的生存秘诀是什么？全新上线的#宅家生活手册#征稿活动火热进行中，来分享你特殊时期的宅居规划吧>活动详情戳这里<时间：1月28日-2月29日前言大家好，俺又来了！花了几天时间，爆肝更新，终于用最通俗易懂、图文并用的方式，写了2篇威联通新手入门教程！如果您是威联< span="">阿文菌| 赞175 评论67 收藏1k查看详情

QNAP进阶教程：用威联通NAS 远程挂载 其它NAS设备 还可挂载云服务网盘等！增大存储空间！大家好！俺又来了！今天开始威联通的进阶教程，用最简洁方便的图文方式，展示给大家那些威联通不为人知却异常好用的功能！威联通系列教程：新手初始化NAS：新手安装应用推荐：进阶设置虚拟机和软路由：今天，给大家介绍一个非常实用的功能！相信很多朋友接触NAS都是从群晖开始，很多朋友会用闲置电脑改成一台黑群晖。阿文菌| 赞20 评论18 收藏63查看详情

QNAP进阶教程：威联通神级功能SCSI，让NAS硬盘当成本地硬盘使用！打造游戏私人云存储空间！蜗居的阿宅终于有了正当理由不出门，那么他们的生存秘诀是什么？全新上线的#宅家生活手册#征稿活动火热进行中，来分享你特殊时期的宅居规划吧>活动详情戳这里<时间：1月28日-2月29日大家好！俺又来了！今天继续威联通的进阶教程，用最简洁方便的图文方式，展示给大家那些威联通不为人知却异常好用的功能！威联通< span="">阿文菌| 赞85 评论104 收藏843查看详情

QNAP进阶教程：威联通GDP-1600P设置链路聚合，让双网口群晖NAS叠加220MB/s！蜗居的阿宅终于有了正当理由不出门，那么他们的生存秘诀是什么？全新上线的#宅家生活手册#征稿活动火热进行中，来分享你特殊时期的宅居规划吧>活动详情戳这里<时间：1月28日-2月29日前言大家好，俺又来了！这篇继续说nas相关的文章！最近继续保持每天一篇的高产进度，给大家分享一些威联通nas上不为人知的< span="">阿文菌| 赞32 评论18 收藏207查看详情