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

2020-02-15 16:06:09 139点赞 1082收藏 102评论

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

大家好,俺又来了!QNAP进阶教程:威联通web服务 2分钟安装漂亮导航页!方便管理和使用家中NAS等网络设备!

今天是进阶教程的最后一篇了!教给大家在2分钟内给NAS搭建一个导航页web页面。QNAP进阶教程:威联通web服务 2分钟安装漂亮导航页!方便管理和使用家中NAS等网络设备!

一个漂亮的导航页,可以很方便跳转自己需要的网络设备QNAP进阶教程:威联通web服务 2分钟安装漂亮导航页!方便管理和使用家中NAS等网络设备!

比如后续使用威联通NAS搭建的Docker应用,配合导航页体验很好!比如我的小站就全部是搭建在威联通NAS上的:

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

导航页文件并非我本人原创,只是站在巨人的肩膀上在使用,目前使用了大半年了,一切都很好。QNAP进阶教程:威联通web服务 2分钟安装漂亮导航页!方便管理和使用家中NAS等网络设备!

感谢 wdmomo 和 绵羊-x 分享的导航页文件!

这篇文章的内容很干货,而接下来的教程会分享导航页上 博客、音乐、网盘、可道云、jellyfin家庭影院、相册、下载、RSS订阅等等详细的过程,全都会有!QNAP进阶教程:威联通web服务 2分钟安装漂亮导航页!方便管理和使用家中NAS等网络设备!

希望大家点个收藏、点个赞,后续的文章内容 也同时适用于群晖、unraid这类系统,敬请期待!QNAP进阶教程:威联通web服务 2分钟安装漂亮导航页!方便管理和使用家中NAS等网络设备!


目录:

安装导航页

配置导航页

下载导航页

其它系统安装导航页

总结




安装导航页

1、我们进入到威联通的控制台,找到Web服务器,点击启用web服务器后,后面就要到虚拟主机页面设置:QNAP进阶教程:威联通web服务 2分钟安装漂亮导航页!方便管理和使用家中NAS等网络设备!

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

2、在启用web服务器后,文件管理器内会多一个web文件夹QNAP进阶教程:威联通web服务 2分钟安装漂亮导航页!方便管理和使用家中NAS等网络设备!

我们在里面创建一个名字叫:daohangye 的文件夹:

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

3、我们继续回到控制台web服务器里面的虚拟主机页面,将启用虚拟主机打勾,然后然后点击创建虚拟主机:QNAP进阶教程:威联通web服务 2分钟安装漂亮导航页!方便管理和使用家中NAS等网络设备!

路径选择我们刚刚设置的文件夹路径:/web/daohangye

端口号填我习惯的1800,您也可以填别的端口:

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

4、然后将我们的导航页文件压缩包web.zip,放到这个目录里面,右键解压出来:QNAP进阶教程:威联通web服务 2分钟安装漂亮导航页!方便管理和使用家中NAS等网络设备!

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

5、在浏览器中输入 威联通NAS的ip+端口号:1800,就进入到导航页了:QNAP进阶教程:威联通web服务 2分钟安装漂亮导航页!方便管理和使用家中NAS等网络设备!

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

安装导航页完成!



配置导航页

1、如果您有公网ip和域名的同学,可以在路由器上端口转发一下这个NAS的IP地址,就能用域名的方式访问自己的导航页小站了:QNAP进阶教程:威联通web服务 2分钟安装漂亮导航页!方便管理和使用家中NAS等网络设备!

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

2、公网ip和外网访问等相关的教程,其实我之前在路由器方面的文章中,已经写过非常多了!QNAP进阶教程:威联通web服务 2分钟安装漂亮导航页!方便管理和使用家中NAS等网络设备!

但是我的文章内容太多了,反而不方便观看,这里推荐本站 @晋升奶爸的垃圾佬 公网ip下的外网访问方式,从买域名到路由器转发都很详细:

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


3、如果没有公网ip,可以用 本站 @小羊shawnzh 这种配合VPS穿透的方式进行外网访问:QNAP进阶教程:威联通web服务 2分钟安装漂亮导航页!方便管理和使用家中NAS等网络设备!

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

4、如何修改导航页的跳转链接呢?在威联通NAS里面还是很方便的,安装这个Text Editor应用:QNAP进阶教程:威联通web服务 2分钟安装漂亮导航页!方便管理和使用家中NAS等网络设备!

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

5、直接在威联通文件管理器中,右键 index.html ,选择使用Text Editor打开:QNAP进阶教程:威联通web服务 2分钟安装漂亮导航页!方便管理和使用家中NAS等网络设备!

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

6、设置一下每一个按钮的跳转路径即可:QNAP进阶教程:威联通web服务 2分钟安装漂亮导航页!方便管理和使用家中NAS等网络设备!

就是下文 http:// 后面的地方就是跳转路径:

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

7、而且其它的设置,比如logo,图标,底图,都在这个地方可以设置:QNAP进阶教程:威联通web服务 2分钟安装漂亮导航页!方便管理和使用家中NAS等网络设备!

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

8、如何获取图标,可以直接在我的小站上,右键,图像另存为来获取:QNAP进阶教程:威联通web服务 2分钟安装漂亮导航页!方便管理和使用家中NAS等网络设备!

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

9、或者将图片放入PS里面,自己修改一个图标,注意尺寸一致就可以了,我图标上面的小锁就是自己PS上去的:

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



下载导航页

导航页下载地址:链接: 提取码: rg4pQNAP进阶教程:威联通web服务 2分钟安装漂亮导航页!方便管理和使用家中NAS等网络设备!


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

导航页预览图,下面的这些都是各种导航页的模版,都可以使用,花样很多:QNAP进阶教程:威联通web服务 2分钟安装漂亮导航页!方便管理和使用家中NAS等网络设备!


web00 ↓:我用的就是这个:



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


web01 ↓:


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


web02 ↓:


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


web03 ↓:


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


web04 ↓:


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


web05 ↓:


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


web06 ↓:


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


web07 ↓:


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


web08 ↓:


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


web09 ↓:


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


web10 ↓:


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


web11 ↓:


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




其它系统安装导航页方法

1、群晖下安装导航页的方法:QNAP进阶教程:威联通web服务 2分钟安装漂亮导航页!方便管理和使用家中NAS等网络设备!

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


2、UNRAID系统下安装导航页的方法:QNAP进阶教程:威联通web服务 2分钟安装漂亮导航页!方便管理和使用家中NAS等网络设备!

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


3、华芸NAS安装导航页的方法:QNAP进阶教程:威联通web服务 2分钟安装漂亮导航页!方便管理和使用家中NAS等网络设备!

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


总结

又到了总结的时候了!QNAP进阶教程:威联通web服务 2分钟安装漂亮导航页!方便管理和使用家中NAS等网络设备!

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

有了导航页,就记住一个导航页,就能方便跳转各种设备了!QNAP进阶教程:威联通web服务 2分钟安装漂亮导航页!方便管理和使用家中NAS等网络设备!

真的很方便!威联通上的导航页安装方式非常的简单,编辑也很容易,这一点我很喜欢!QNAP进阶教程:威联通web服务 2分钟安装漂亮导航页!方便管理和使用家中NAS等网络设备!

接下来就是分享我的导航页上的优秀应用的搭建教程了。QNAP进阶教程:威联通web服务 2分钟安装漂亮导航页!方便管理和使用家中NAS等网络设备!

全是用威联通的Docker功能实现的,包括如何调用集显硬件转码!QNAP进阶教程:威联通web服务 2分钟安装漂亮导航页!方便管理和使用家中NAS等网络设备!

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

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

好了,这就是本文的全部内容了,感谢大家的观看,我们下次再见!!QNAP进阶教程:威联通web服务 2分钟安装漂亮导航页!方便管理和使用家中NAS等网络设备!




其它关于威联通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查看详情






展开 收起

QNAP 威联通 TS-551 NAS网络存储器 五盘位 无内置硬盘 黑色

QNAP 威联通 TS-551 NAS网络存储器 五盘位 无内置硬盘 黑色

1539元起

威联通(QNAP)TS-212P3 四核双盘位NAS网络存储器 白色 标配无硬盘

威联通(QNAP)TS-212P3 四核双盘位NAS网络存储器 白色 标配无硬盘

819元起

QNAP 威联通 TS-251D 双盘位 NAS存储 白色(J4005 2GB 无盘)

QNAP 威联通 TS-251D 双盘位 NAS存储 白色(J4005 2GB 无盘)

2098元起

QNAP 威联通 TS-428 四盘位NAS网络存储 2G 无内置硬盘 白色

QNAP 威联通 TS-428 四盘位NAS网络存储 2G 无内置硬盘 白色

1498元起

威联通(QNAP)TS-1635AX-16G 16T硬盘X16 4TSSDX4 M.2SSD 2t X2TL-D400SX1QSW-1208-8CX1

威联通(QNAP)TS-1635AX-16G 16T硬盘X16 4TSSDX4 M.2SSD 2t X2TL-D400SX1QSW-1208-8CX1

149800元起

威联通(QNAP)TS-853DU-RP-4G双电源企业级8盘机架式网络存储服务器NAS(含导轨+10T*8=80T)

威联通(QNAP)TS-853DU-RP-4G双电源企业级8盘机架式网络存储服务器NAS(含导轨+10T*8=80T)

35900元起

威联通(QNAP)TS-653D 4G六盘位nas中小企业网络存储服务器 私有云存储 磁盘阵列(无内置硬盘)

威联通(QNAP)TS-653D 4G六盘位nas中小企业网络存储服务器 私有云存储 磁盘阵列(无内置硬盘)

5429元起

威联通(QNAP)TS-873 8G内存 八盘位企业级nas网络存储服务器私有云存储磁盘阵列(无内置硬盘)

威联通(QNAP)TS-873 8G内存 八盘位企业级nas网络存储服务器私有云存储磁盘阵列(无内置硬盘)

9800元起

威联通(QNAP)TS-1635AX-8G含(16T硬盘*12+SSD2T*4+M.2SSD2T*2)

威联通(QNAP)TS-1635AX-8G含(16T硬盘*12+SSD2T*4+M.2SSD2T*2)

92000元起

威联通(QNAP)TVS-672N 六盘位nas企业I级网络存储服务器 私有云存储 磁盘阵列(无内置硬盘)

威联通(QNAP)TVS-672N 六盘位nas企业I级网络存储服务器 私有云存储 磁盘阵列(无内置硬盘)

12000元起

威联通(QNAP)TS-432XU四核CPU内建 2个10GbE SFP+ 四盘位单电源机架式NAS网络存储器(TS-431XU升级版)

威联通(QNAP)TS-432XU四核CPU内建 2个10GbE SFP+ 四盘位单电源机架式NAS网络存储器(TS-431XU升级版)

4680元起

威联通(QNAP)TS-873 8G内存 八盘位企业级nas网络存储服务器私有云存储磁盘阵列(8T*8=64T)

威联通(QNAP)TS-873 8G内存 八盘位企业级nas网络存储服务器私有云存储磁盘阵列(8T*8=64T)

23999元起

QNAP 威联通 TS-453B 四盘位 NAS(J3455、8GB、无盘)

QNAP 威联通 TS-453B 四盘位 NAS(J3455、8GB、无盘)

3609元起

QNAP 威联通 TS-932X-2G 企业级 NAS磁盘阵列

QNAP 威联通 TS-932X-2G 企业级 NAS磁盘阵列

4870元起

威联通(QNAP)TS-1232XU-RP四核CPU双电源机架式12盘位NAS磁盘阵列网络存储器 私有云(TS-1231XU升级版)

威联通(QNAP)TS-1232XU-RP四核CPU双电源机架式12盘位NAS磁盘阵列网络存储器 私有云(TS-1231XU升级版)

13500元起

QNAP 威联通 TS-1635AX NAS网络存储服务器 8G

QNAP 威联通 TS-1635AX NAS网络存储服务器 8G

11880元起
102评论

发表评论请 登录
  • 最新
  • 最热
评论举报

请选择举报理由

相关好价推荐
查看更多好价

相关文章推荐

更多精彩文章
更多精彩文章
最新文章 热门文章
1.0K
扫一下,分享更方便,购买更轻松