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

2020-02-15 16:06:09 109点赞 805收藏 85评论

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

大家好,俺又来了!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都没有给钱我,我只是分享经验,不喜勿喷,谢谢合作。系列陆陆续续写了三篇文章,得到值友一定的认可,在这里表示由衷的感谢。也有可能您是第一次来,不晋升奶爸的垃圾佬| 246 评论366 收藏3k查看详情

 

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

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

 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分享的导航页文件,这里俺提取出来,大家可以选择自己阿文菌| 127 评论117 收藏1k查看详情

 

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

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

 

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

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

 



总结

又到了总结的时候了!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,这里就不阿文菌| 243 评论108 收藏1k查看详情

 

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

 

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

  

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

 

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

 

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

 





展开 收起

QNAP 威联通 TS-453Bmini 四盘位NAS网络存储(J3455、4GB内存)

QNAP 威联通 TS-453Bmini 四盘位NAS网络存储(J3455、4GB内存)

2499元起

QNAP 威联通 TS-251D-2G NAS网络存储器 标机无硬盘

QNAP 威联通 TS-251D-2G NAS网络存储器 标机无硬盘

2299元起

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

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

4680元起

威联通(QNAP)TS-832XU-4G内存四核CPU八盘位单电源机架式NAS磁盘阵列网络存储器(TS-831XU升级版)

威联通(QNAP)TS-832XU-4G内存四核CPU八盘位单电源机架式NAS磁盘阵列网络存储器(TS-831XU升级版)

6510元起

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

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

9260元起

威联通(QNAP)TS-453BU-RP 4G内存 双电源企业级四盘机架式网络存储服务器NAS 含导轨(无内置硬盘)

威联通(QNAP)TS-453BU-RP 4G内存 双电源企业级四盘机架式网络存储服务器NAS 含导轨(无内置硬盘)

14230元起

威联通(QNAP)TS-853BU 4G内存 单电源企业级8盘机架式网络存储服务器NAS 含导轨(无内置硬盘)

威联通(QNAP)TS-853BU 4G内存 单电源企业级8盘机架式网络存储服务器NAS 含导轨(无内置硬盘)

14420元起

QNAP 威联通 TS-551-2G 五盘位NAS网络存储

QNAP 威联通 TS-551-2G 五盘位NAS网络存储

1899元起

威联通(QNAP)TS-853BU-RP 4G内存 双电源企业级8盘机架式网络存储服务器NAS 含导轨(无内置硬盘)

威联通(QNAP)TS-853BU-RP 4G内存 双电源企业级8盘机架式网络存储服务器NAS 含导轨(无内置硬盘)

17100元起

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

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

4959元起

QNAP 威联通 TS-428 四盘位NAS网络存储 2G

QNAP 威联通 TS-428 四盘位NAS网络存储 2G

1799元起

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

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

9260元起

威联通(QNAP)TS-832X-8G四核处理器内建双10GbE SFP+ 网络端口八盘位NAS网络存储磁盘阵列(TS-831X升级)

威联通(QNAP)TS-832X-8G四核处理器内建双10GbE SFP+ 网络端口八盘位NAS网络存储磁盘阵列(TS-831X升级)

5820元起

威联通(QNAP)TS-1635AX-4G 十六盘位网络存储 四核处理器 内建2个10GbE SFP+ 网络端口 商用级NAS

威联通(QNAP)TS-1635AX-4G 十六盘位网络存储 四核处理器 内建2个10GbE SFP+ 网络端口 商用级NAS

14620元起

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

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

4580元起

QNAP 威联通 TS-453B NAS存储服务器

QNAP 威联通 TS-453B NAS存储服务器

4396.59元起
85评论

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

请选择举报理由

相关文章推荐

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