版权属于：编码书生
本文链接：https://codess.cc/archives/67.html
所有原创文章采用知识共享署名-非商业性使用 4.0 国际许可协议进行许可。
除特别注明，您可以自由的转载和修改，但请务必注明文章来源且不可用于商业目的。
最后修改：2019 年 12 月 09 日
© 允许规范转载
赞赏作者
您的支持就是我持续更新的动力！
以梦为马，不负韶华
版权属于：编码书生
本文链接：https://codess.cc/archives/67.html
所有原创文章采用知识共享署名-非商业性使用 4.0 国际许可协议进行许可。
除特别注明，您可以自由的转载和修改，但请务必注明文章来源且不可用于商业目的。
167 条评论
一直用的这个导航页模板，感觉还是很方便的，如果可以加一个搜索框就完美了，自己尝试过加入，虽然可用但不美观，如果有大神能改一下加入一个就好了。
博主，可否发我一份，很喜欢你这个导航页
。
膜拜一下
路过来看看
老哥，你的网站和资源全挂了啊...→_→
不是全挂了，是不敢再提供了，网监局、电信查得太严，家宽禁止提供web服务，
哈哈哈桑心，资源可以提供。web服务对内提供就好了，用国外的域名和DNS就OK，基本上个人用管不了的。
代码可以提供，但是你个人NAS web就不要公开了，访问量大了容易被差。
改天传到网盘吧，还是不冒这个风险了，有需要文件的话，加博客底部QQ群，群文件里全有
看下文件站
谢谢博主提供的nas导航，
博主 你给的地址下载不了
感谢，学习下
学习下
我是来看看怎么替换的
我回复了，一秒被删，有什么好说的？
不可能的，我博客后台只收到你上面这一条留言，又没开启评论过滤，可能是你未刷新浏览器缓存的原因
哈哈哈哈，我只是随手回复一下，没有其他别的意思。你的博客对我帮助很大，谢谢啦。
谢谢分享。OωO
good
可以的
期待博主的教程
群里的来了
谢谢分享
谢谢分享。
鱼还在吗 来捞鱼了ヾ(≧∇≦*)ゝ
继续学习啊啊啊
换台电脑重新来过 小兄弟你够努力，看你文章 我看到了1点钟
感谢支持~
小兄弟你够努力，看你文章 我看到了1点钟
谢谢博主，下载使用一下看看
感谢分享
每一章文章都的好好认真的学习一下
感谢
非常不错
发发声
如何固定壁纸，这样就不用搭壁纸本地服务器了
在上面壁纸URL 处填入图片的相对路径就可以了；
很漂亮，也想装一个！！
[...]本文链接：https://codess.cc/archives/67.html[...]
转载也写个出处吧，整篇复制，连我的打赏码都还在？
支持博主，博主棒棒
看看，是咋玩意
感谢博主分享！
我要下载啊
不错，学习一下
不错,我很喜欢你的导航,我想下载
还能下载码
不错,很喜欢,需要下载啊
下载下来看看是不是我需要的
好帖，值得学习珍藏OωO
来偷源码
比较好看，就是不知道自己能不能搞明白
问下为什么我改了HTML文件还是显示的原来的东西呢
已经知道原因，谢谢
谢谢，希望能下载
老哥稳。要用别名是不是要买子域名？
不需要，在主域名下增加一条耳机域名解析就可以
我的是免费动态域名，没有域名解析吧
感谢楼主，还有为什么我外网访问photo页面。显示您要找的页面未找到。
因为photo页面必须走80端口，而运营商都封了80，你需要用别的端口反代本地80端口，博客有教程
找到了，谢谢博主
楼主，photo是可以了。怎么同时让导航也用443端口呢？
路由器上设置一条转发：外部: 443 => 群晖IP :443
首页的地址分享恩不错啊
博主链接打不开啊
最近搬家，公网宽带暂时还未弄好
2019.8.6 宽带安装好了，文件访问正常
学习学习大佬
现在是需要评论才能下载是吧？
只是为了防止恶意下载
还能不能下啊
一直都可以 = =、
这两天在搬家，家里没网了，暂时无法提供文件下载服务，博客底部有QQ群链接，加群获取吧，不好意思
感谢大大的辛勤付出
你好~~！！ 怎么修改为 相对路径的背景图的，我想要icloud 原来的背景图片。
相对路径是：“ ../img/icloud_old.png” 图片可自行替换
网站打不开，请看一下
看看先
学习了
厉害了我的哥 赶紧试试
1111
导航文件看不到，楼主
清除浏览器缓存，刷新一下就有了
谢谢
楼主，导航页的背景图怎么没有了？变成白底了
需要自己将导航页壁纸更改一下，如何更改上面有写到。关于随机壁纸的搭建，博客有教程
要谷歌浏览器打开正常显示有背景图，但是用QQ浏览打开背景是白底的，为什么会这样？还有引用本地背景图是放在哪个目录下，web文件夹下面都没有找到用作背景的图片，background: url(../img/background.jpg)，这路径下的背景图在哪个目录可以找到这图片
1、清除缓存试试；
2、引用本地图片任意文件夹都可以，但是得在代码里指明该路径(注意相对路径与绝对路径)，还要开放图片文件夹的读权限；
3、资源包里默认的背景图，是我服务器上一张固定的图片链接；
欢迎加入博客底部QQ群交流
很漂亮的导航站
太好了，主要是壁纸可以换
谢谢分享 正好在折腾群晖
好像下载不了啊
可以鸭
不错的导航页面。。。。
不错的分享 谢谢楼主
跟着技术大神。努力学习实现自己的想法。 给个赞
群号在哪里啊 ?我怎么没有看到!
博客最下面
博主，话说我这边的443和80端口都被电信封了，是不是就没办法无端口访问了？
那就只能通过FRP、Ngrok或者花生壳等代理 进行内网穿透啦
共享地址打不开呀
可以的鸭，你看看是不是复制错了或者漏了？
谢谢大佬，我的导航页面白板很久了(´இ皿இ｀)
群晖的可玩性真的高φ(￣∇￣o)
楼主，能加个群聊吗
可以鸭，页面底部有加群链接
感谢分享，正在考虑弄个导航页
哪里还可以下到源文件么？
共享的文件打不开，麻烦楼主看下，风格非常喜欢
没问题呀，将连接复制到浏览器打开
还是不行打不开麻烦发一份给邮箱吧
700443@qq.com
蟹蟹大佬
66666666666
感谢楼主分享经验,太感谢了，谢谢
这个，我想研究下群晖的源码是怎么制作的，都是json吗？
感谢分享,太感谢了，谢谢
感谢分享，正在考虑弄个导航页。
蟹蟹分享
网盘链接打不开
网址可以打开呀
今天入手蜗牛，NAS放在主路由下 ，怎么都设置不好web！完全搞不明白原理啊，求好友ヾ(≧∇≦*)ゝ求助！
加群聊
博主,请问:
我把家里的路由器做一个端口映射,把 外网的80端口映射程群晖的虚拟web主机5050端口,是不是就可以,不用加端口号就可以直接使用 xxxx.com 来 访问webstation内的网页了.
对的，是这样。但是.....你家真的还有80端口嘛，运营商基本都封掉了80端口
ps:我已经做好了花生壳的ddns
有花生壳穿透的话，就可以完美实现
我刚刚试了一下,运营商貌似果然把80端口给封锁了...,那我该如何是好 啊
实在不想在域名后面再加一个端口号,感觉那样好傻.
用你的花生壳就可以实现，登陆花生壳后台，设置一条转发，80->5050
刚刚看了一下,花生壳太坑了,在花生壳上设置转发每个月有1G流量的限制,而且限速1Mbps.
我可以在群晖上设置反向代理5050到 80 吗⌇●﹏●⌇
可以，但前提是你的IP是公网
楼主请问下能帮做下nas导航页吗，看了你的教程，但是源码不会改
加一下博客底部QQ群，我把改好的发给你
请楼主原谅我的挖坟，为了学习我还专门注册了个id，我也是服了。
其他步骤和操作我都能理解和执行，但我的黑裙6.1.7，在设置应用程序端口的时候，我的地址是默认的内网地址，例如file station，可自定义为file，但链接地址是默认的内网192.168.x.x/file,但是你的教程里却是外网的域名，不知道是不是我别的地方的设置没有设置好。
教程里将WEB源码上传至群晖根目录 web文件夹下，编辑index.html文件，并将图中https://xxx.com/file/ 更改为自己的黑群的外网链接，其他设置项同理。如果按这个设置的话，就必须带端口号和密码验证了
望指教
抱歉现在才回复你：
1、“但链接地址是默认的内网192.168.x.x/file”，这是因为你没有启用自定义域，如果你指定了自定义域，就会显示你自己的域名；
2、“如果按这个设置的话，就必须带端口号和密码验证了”，这一句我不太理解，如果你的公网IP的80、443端口都被封了的话，无论如何都是要使用端口才能访问到的，除非另外用VPS做FRP转发。如果没有被封，想要无端口访问，请移步我的另一篇博客“解决群晖PhotoStation远程访问80端口被封的问题”，按照上面的设置就能实现无端口访问了
必应API挂了
服务器到期了（主要是穷。。。），现在正把图床搬到本地，服务器还没组装好＞﹏＜
漂亮又实用！ヾ(≧∇≦*)ゝ
请问可以删除
以达到减少图标的效果吗？(☆ω☆)
可以呀，编辑HTML文件，注释掉不用的就行|´・ω・)ノ
文件下载失效了，可以给个地址吗
链接还在呀，0:30—7:30这个时间段我的NAS是关机的，所以链接会打不开呢OωO
开启WEB服务
这个步骤应该怎么做呀？装了个6.2的版本，没有看到这个界面设置哦！
6.2版本需要先在 套件中心 里面找到WebStation ，安装，安装完成之后再进入WebStation，按照提示安装Apache/Nginx、PHP等环境，然后再按照上面教程 “设置应用程序” 进行设置。
谢谢，现在设置好可以进了，只是用你的模板后，文件链接可以进去，音乐和电影的链接点进去就是404错误，这个链接应该怎么搞？
最下方有群链接，加群讨论吧
老大，通过下吧！谢谢
导航源码 地址打不开
共享地址:http://nas.codess-yun.top:6860/index.php?share/file&user=1&sid=ciavxeWQ 提取密码:YIj7F
谢谢 博主 非常好 ！
OωO
博主你好我想请问下你的这个网址怎么做到https://nas.codess-yun.top/无端口访问的。路由里面我也映射了80，443端口到内网的80 443端口在外网还是不能访问。内网外换成其他自定义端口就能重新访问了。
你好，请问你的宽带运营商是否封了443端口呢？如果没有封，那么可以在路由器上做一个外部443 =》内部443 的端口映射，不是443 =》80，是 443 =》443，我就是利用443端口实现无端口访问的，但前提得在群晖里添加域名SSL 证书。
因为浏览器对80、443端口的请求会省略其后缀的，如果443也被封禁了的话，那就只能带端口访问了
老大已经用了你的模板，但是有个问题背景图片不能更换，已经修改style.css中background: url(https://img.codess.cc/index.php) 还是没用。请问应该怎么修改
web文件在本地运行可以随机图片，上传到群辉后再访问就不行
更换chrome浏览器可以随机了，但是360浏览器、手机上还是不行，是否有解决办法？
我也是这样，用QQ浏览器打开背景是白板，用chrome浏览器打开有背景图但是是固定的图片
清除一下浏览器缓存，单独打开 https://img.codess.cc 看看。如果没问题可能是你的群晖设置的原因，我这里用手机自带浏览器，Safari，IE，Firefox，搜狗，谷歌，Edge测试了均没有问题哦
测试地址：https://nas.codess-yun.top
老大，已经好了，修改为https登录即可
用iis也可以吧，没必要非要群晖的
嗯嗯，用windows 做存储服务器也行。只是群晖在存储管理方面，可能会更专业一点，而且群晖可玩性也更高呢
老大，找来找去，只有你这个主页最漂亮，能否将文件发我一份呢，万分谢谢！
xuecqcn@qq.com
已发，导航文件已经上传至本站文件站 https://file.codess.cc ，需要的朋友请自取呦ヾ(≧∇≦*)ゝ
地址打不开啊！
共享地址:http://nas.codess-yun.top:6860/index.php?share/file&user=1&sid=ciavxeWQ 提取密码:YIj7F
额，不好意思，文件站被墙了23333
，重新上传一份