折腾群晖笔记:使用群晖自带的 web 功能 一分钟安装自己的导航页

2019-07-04 13:25:58 255点赞 2490收藏 200评论

创作立场声明:很多值友问俺导航页怎么弄的,这篇文章就是导航页的安装方法,希望对大家有帮助,欢迎帮我点赞,收藏,评论一下,谢谢哒!

折腾群晖笔记:使用群晖自带的 web 功能 一分钟安装自己的导航页

大家好,俺又来了!折腾群晖笔记:使用群晖自带的 web 功能 一分钟安装自己的导航页

很多朋友很喜欢俺的小站的导航页呀,将自己的网络端口归类,方便直接浏览:折腾群晖笔记:使用群晖自带的 web 功能 一分钟安装自己的导航页

俺的导航页演示小站

折腾群晖笔记:使用群晖自带的 web 功能 一分钟安装自己的导航页

今天就来教给大家,如何利用群晖的web功能,一分钟安装属于自己的导航页!折腾群晖笔记:使用群晖自带的 web 功能 一分钟安装自己的导航页


模版下载

1、首先下载自己喜欢的导航页模版,以下感谢 wdmomo 和 绵羊-x 分享的导航页文件,这里俺提取出来,大家可以选择自己喜欢的导航页!折腾群晖笔记:使用群晖自带的 web 功能 一分钟安装自己的导航页

下载地址:链接: 提取码: rg4p

折腾群晖笔记:使用群晖自带的 web 功能 一分钟安装自己的导航页

web00 ↓:俺用的就是这个:折腾群晖笔记:使用群晖自带的 web 功能 一分钟安装自己的导航页

折腾群晖笔记:使用群晖自带的 web 功能 一分钟安装自己的导航页


web01 ↓:

折腾群晖笔记:使用群晖自带的 web 功能 一分钟安装自己的导航页


web02 ↓:

折腾群晖笔记:使用群晖自带的 web 功能 一分钟安装自己的导航页


web03 ↓:

折腾群晖笔记:使用群晖自带的 web 功能 一分钟安装自己的导航页


web04 ↓:

折腾群晖笔记:使用群晖自带的 web 功能 一分钟安装自己的导航页


web05 ↓:

折腾群晖笔记:使用群晖自带的 web 功能 一分钟安装自己的导航页


web06 ↓:

折腾群晖笔记:使用群晖自带的 web 功能 一分钟安装自己的导航页


web07 ↓:

折腾群晖笔记:使用群晖自带的 web 功能 一分钟安装自己的导航页


web08 ↓:

折腾群晖笔记:使用群晖自带的 web 功能 一分钟安装自己的导航页


web09 ↓:

折腾群晖笔记:使用群晖自带的 web 功能 一分钟安装自己的导航页


web10 ↓:

折腾群晖笔记:使用群晖自带的 web 功能 一分钟安装自己的导航页


web11 ↓:

折腾群晖笔记:使用群晖自带的 web 功能 一分钟安装自己的导航页

2、下载了模版,解压后就是这样:折腾群晖笔记:使用群晖自带的 web 功能 一分钟安装自己的导航页

折腾群晖笔记:使用群晖自带的 web 功能 一分钟安装自己的导航页

模版下载完成!


安装群晖web环境

1、然后我们进入群晖的套件中心,安装web station套件:折腾群晖笔记:使用群晖自带的 web 功能 一分钟安装自己的导航页

折腾群晖笔记:使用群晖自带的 web 功能 一分钟安装自己的导航页

2、安装完成后,输入这个ip 就会显示下面的内容,就成功了,如果要进入群晖后台,记得在ip后面加上端口5000,比如ip:5000才能进入到后台:折腾群晖笔记:使用群晖自带的 web 功能 一分钟安装自己的导航页

折腾群晖笔记:使用群晖自带的 web 功能 一分钟安装自己的导航页



安装导航页

1、开始安装导航页,首先进入到web页面,默认是只有 index.html 和web_images这2个文件,俺之前安装了博客,所有多了2个文件夹,将下面红色框框的文件夹删掉:折腾群晖笔记:使用群晖自带的 web 功能 一分钟安装自己的导航页

折腾群晖笔记:使用群晖自带的 web 功能 一分钟安装自己的导航页

2、然后将下载好的导航页直接放到这个web根目录下:折腾群晖笔记:使用群晖自带的 web 功能 一分钟安装自己的导航页

折腾群晖笔记:使用群晖自带的 web 功能 一分钟安装自己的导航页

3、浏览器输入IP地址,就进入到了导航页了,安装导航页完成!折腾群晖笔记:使用群晖自带的 web 功能 一分钟安装自己的导航页

折腾群晖笔记:使用群晖自带的 web 功能 一分钟安装自己的导航页

4、实际不到一分钟就安装了属于自己的导航页了,最后我们来设置并美化一下自己的导航页:折腾群晖笔记:使用群晖自带的 web 功能 一分钟安装自己的导航页

在浏览器输入IP 地址,进入到NAS文件夹,找到web文件夹,准备设置导航页:

折腾群晖笔记:使用群晖自带的 web 功能 一分钟安装自己的导航页

5、我们右键用记事本打开index.html文件,可以看到设置跳转地址和图片路径的地方:折腾群晖笔记:使用群晖自带的 web 功能 一分钟安装自己的导航页

折腾群晖笔记:使用群晖自带的 web 功能 一分钟安装自己的导航页

6、这里分享一下我之前的文章截图,将# 的内容改成要跳转的网页链接就可以了:折腾群晖笔记:使用群晖自带的 web 功能 一分钟安装自己的导航页

折腾群晖笔记:使用群晖自带的 web 功能 一分钟安装自己的导航页

7、然后按Ctrl+F5强制刷新一下,这个页面就可以跳转了。进入到网页文件夹后可以修改每个图标的样式:折腾群晖笔记:使用群晖自带的 web 功能 一分钟安装自己的导航页

折腾群晖笔记:使用群晖自带的 web 功能 一分钟安装自己的导航页

到此,导航页安装完成!


总结

安装导航页虽然只要1分钟就可以安装好,但是设置和美化导航页要花费一定的时间和精力。折腾群晖笔记:使用群晖自带的 web 功能 一分钟安装自己的导航页

还是那句话,安装很简单,内容需要您自己去生产了。折腾群晖笔记:使用群晖自带的 web 功能 一分钟安装自己的导航页

折腾,记录,分享,愿时光不悔,我们下次再见。折腾群晖笔记:使用群晖自带的 web 功能 一分钟安装自己的导航页

接下来,俺会分享关于群晖的docker容器相关的文章,让自己的群晖拥有更多丰富的功能。折腾群晖笔记:使用群晖自带的 web 功能 一分钟安装自己的导航页

我们下篇文章再见!!如果觉得这篇文章对您有用的话,欢迎点击 点赞,收藏,评论,关注。您的支持,是我写文最大的动力!

白白!折腾群晖笔记:使用群晖自带的 web 功能 一分钟安装自己的导航页




展开 收起

Synology 群晖 DS220+ 2盘位NAS (赛扬J4025、2GB)

Synology 群晖 DS220+ 2盘位NAS (赛扬J4025、2GB)

2179元起

Synology 群晖 DS224+ 双盘位NAS(赛扬J4125、2GB)

Synology 群晖 DS224+ 双盘位NAS(赛扬J4125、2GB)

2849元起

Synology 群晖 DS920+ 4盘位 NAS存储(J4125、4GB)

Synology 群晖 DS920+ 4盘位 NAS存储(J4125、4GB)

2190.84元起

Synology 群晖 DS423+ 4盘位 NAS网络存储 (Intel四核 、无内置硬盘)

Synology 群晖 DS423+ 4盘位 NAS网络存储 (Intel四核 、无内置硬盘)

4099元起

Synology 群晖 DS1821+ 8盘位NAS (V1500B、4GB)

Synology 群晖 DS1821+ 8盘位NAS (V1500B、4GB)

8899元起

Synology 群晖 DS223j 双盘位 NAS网络存储服务器 私有云 智能相册 文件自动同步

Synology 群晖 DS223j 双盘位 NAS网络存储服务器 私有云 智能相册 文件自动同步

1549元起

Synology 群晖 DS923+ NAS网络存储服务器 标准无硬盘

Synology 群晖 DS923+ NAS网络存储服务器 标准无硬盘

4899元起

Synology 群晖 DS1821+ 8盘位 NAS(V1500B、4GB)

Synology 群晖 DS1821+ 8盘位 NAS(V1500B、4GB)

7196元起

Synology 群晖 DS223 2盘位NAS(Realtek RTD1619B、2GB)

Synology 群晖 DS223 2盘位NAS(Realtek RTD1619B、2GB)

2299元起

Synology 群晖 DS720+ 双盘位NAS(J4125、2GB)

Synology 群晖 DS720+ 双盘位NAS(J4125、2GB)

4099元起

Synology 群晖 DS1522+ 5盘位NAS(锐龙R1600、8GB)

Synology 群晖 DS1522+ 5盘位NAS(锐龙R1600、8GB)

6399元起

群晖(Synology)DS124单盘位NAS网络存储服务器私有云智能相册文件自动同步

群晖(Synology)DS124单盘位NAS网络存储服务器私有云智能相册文件自动同步

1399元起

Synology 群晖 DS218+ 2盘位 NAS网络存储服务器 京东云定制版(J3355、2GB)

Synology 群晖 DS218+ 2盘位 NAS网络存储服务器 京东云定制版(J3355、2GB)

暂无报价

synology群晖nas云存储ds920+中小型企业办公网络存储群辉家庭个人私有云盘四盘位NAS备份硬盘服务器ds918+(DS920+希捷企业级16T*4)

synology群晖nas云存储ds920+中小型企业办公网络存储群辉家庭个人私有云盘四盘位NAS备份硬盘服务器ds918+(DS920+希捷企业级16T*4)

4150元起

Synology 群晖 DS416 企业级 NAS网络存储

Synology 群晖 DS416 企业级 NAS网络存储

暂无报价

Synology 群晖 DS420+ 4盘位NAS (赛扬J4025、2GB)

Synology 群晖 DS420+ 4盘位NAS (赛扬J4025、2GB)

3090元起
200评论

  • 精彩
  • 最新
  • 我想知道外网如何绕开80 443?

    校验提示文案

    提交
    在路由器设置中,将80端口转发到其它端口就可以了。每次访问的设置都是要带端口号访问的。

    校验提示文案

    提交
    外网访问应该需要填 自定义端口号 吧

    校验提示文案

    提交
    还有8条回复
    收起所有回复
  • 今天阿文菌发的文章好多啊。有个补充点,下载完成web station后,需要新建一个虚拟主机,自己设置好端口后才能访问。少了这步打不开

    校验提示文案

    提交
    是呀,分享了不少,我还有一篇是关于web安装博客的文章,那篇是先写的,就做了虚拟主机和端口,但是张大妈还没发布出来。。

    校验提示文案

    提交
    为什么 我打了虚拟机设置了端口 反而 打不开了

    校验提示文案

    提交
    收起所有回复
  • 感谢分享,挺好看的,不知道支不支持手机自适应?

    校验提示文案

    提交
    自适应,打开我的演示站就知道了。

    校验提示文案

    提交
    收起所有回复
  • 请问LZ,导航页设置好了,但是点击某个图标跳转后没反应,需要刷新一下页面才行,手机端更是点图标一点反应都没有,是哪里的问题?

    校验提示文案

    提交
    检查下http这些有没有加

    校验提示文案

    提交
    收起所有回复
  • 导航页背景图是怎么加上的?查看网页源码没找到相关内容

    校验提示文案

    提交
    有个文件夹有背景的图,直接替换即可。

    校验提示文案

    提交
    收起所有回复
  • 非常感谢 根据教程都设置好了 都可以使用 但是不知道为啥就是不能替换背景图片和中间的logo 用的是web00 图片就是在/img文件夹内吗 试了好多图片都不行

    校验提示文案

    提交
    替换后,记得强制刷新页面。

    校验提示文案

    提交
    收起所有回复
  • 图标上的密码锁是怎么设置的呀?

    校验提示文案

    提交
    PS 加上去的!

    校验提示文案

    提交
    收起所有回复
  • @阿文菌 你好,请问我安装好了web station,也安装了对应的php和apache,但是输入网址无法出现导航页面,可能是哪里出了问题呢,我是在远程登录家里的nas。

    校验提示文案

    提交
    先试内网,再弄外网

    校验提示文案

    提交
    内网可以打开了。今天到家试了。外网是5000还是80的端口号呢。

    校验提示文案

    提交
    收起所有回复
  • 大佬请教一下这个背景页面怎么更改呢

    校验提示文案

    提交
    都在自带的文件夹里面修改,把图片替换下即可。

    校验提示文案

    提交
    我用的第二个模板 这样试过不起作用 改文件名覆盖和删掉上传依旧是老图片

    校验提示文案

    提交
    还有3条回复
    收起所有回复
  • 博客要备案吗 [观察]

    校验提示文案

    提交
    不需要的。。

    校验提示文案

    提交
    收起所有回复
  • 阿文菌,我想问一下个人导航页需要做备案吗,我看你的个人站是域名但是下面没有ICP备案号

    校验提示文案

    提交
    能备案,建议备案,我另外一个站备了

    校验提示文案

    提交
    备案的话需要在最下面填那个ICP备案号吗,得自己改css?这个我不会啊。。

    校验提示文案

    提交
    还有1条回复
    收起所有回复
  • 请问这个导航外网访问的端口是多少?

    校验提示文案

    提交
    默认是80端口,需要转发一下。

    校验提示文案

    提交
    收起所有回复
  • 大神这篇文章好像少了设置端口那一段。。。

    校验提示文案

    提交
  • 请问下,导航页里有的站点是带锁的,是怎么设置的,其他人不可访问的那种

    校验提示文案

    提交
  • 我安装成功了,但是遇到一个新问题。我用内网IP不带端口号可以访问到导航页。但是用域名不带端口号访问到的是路由器,加端口号访问到的是DSM登录页。请教大佬,该如何解决?

    校验提示文案

    提交
    我也遇到同样问题,解决了吗?

    校验提示文案

    提交
    没有哦。。。

    校验提示文案

    提交
    还有3条回复
    收起所有回复
  • 阿文菌,装好这个套件后的设置能说的详细些吗,感觉跳过了很多步骤呢,求教

    校验提示文案

    提交
  • 大佬请问我最近按照你的方法搭的站点,总有打不开的时候,这是为什么,一会儿就又好了

    校验提示文案

    提交
  • 请问如何设置外网打开这个导航页

    校验提示文案

    提交
  • 如何外网域名访问?

    校验提示文案

    提交
    DDNS。先申请个动态域名。路由器有设置就方便了。然后端口转发到NAS

    校验提示文案

    提交
    收起所有回复
  • 感谢大佬的教程,有个问题想请教一下,还望大佬帮帮忙,导航页已经按大佬的教程建好,因为我用内网比较多,每次进导航页都需要右上角点一下office切换到home,能不能在后台将home设置成初始页呢?谢谢啦 [绷带]

    校验提示文案

    提交
    笨办法:把html里的内外网字段交换位置,再把style.css里.tgl-flip+.tgl-btn:after和before内的颜色互换

    校验提示文案

    提交
    收起所有回复
提示信息

取消
确认
评论举报

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

相关文章推荐

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