使用unraid一年多了，不得不说很强大很方便，虚拟机、docker、直通等等，都方便易用，网上各类教程也很多，稍微有点耐心，小白也能玩得转。
本文介绍如何自定义导航页，将所有自己需要的网址，整合到导航页上。
折腾群晖笔记：使用群晖自带的 web 功能 一分钟安装自己的导航页很多K友问俺导航页怎么弄的，这篇文章就是导航页的安装方法，希望对大家有帮助，欢迎帮我点赞，收藏，评论一下，谢谢哒！大家好，俺又来了！很多朋友很喜欢俺的小站的导航页呀，将自己的网络端口归类，方便直接浏览：俺的导航页演示小站今天就来教给大家，如何利用群晖的web功能，一分钟安装属于自己的导阿文菌| 赞205 评论172 收藏2k查看详情
感谢本站@阿文菌相关教程 教程中提供了导航页的十多种模板，以及安装和修改方法。人比较喜欢web03的导航页，奈何在1366*768的笔记本上无法自动缩放，也没有上下滚动功能，本文主要是针对自己实际使用情况做了修改适配。
一、简单说一下unraid上使用模板的方法
1、先在市场上搜索nginx，有两个一个是nginx，另一个是binhex-nginx，两个都可以，一般默认安装即可，如果有端口冲突，自行修改即可。
2、如果是用nginx，则把解压好的导航页文件放到appdata/nginx/www目录下，如果是用binhex-nginx，则把解压好的导航页文件放到appdata/binhex-nginx/html目录下，然后在docker中左击nginx图标，选择webui即可打开模板页；
二、修改模板页相关参数
如果不想修改，可下载我修改好的模板
非专业敲代码的，表述能看懂就行，不要纠结于专业性的问题。
如果需要自己P图标的，画布大小128*128，DPI:72，角半径20，图标108*108，当然你也可以全部删了自己做，尺寸统一就行
图标尺寸
主要修改的文件有两个，模板下的index.html文件和css文件夹下的style.css文件。index.html是网页代码，css文件则是网页上一些元素的参数定义文件（位置、尺寸、颜色、字体大小等等）
（文件均用Notepad++编辑 网盘）
举例：网页右上角有个office按钮，在html文件中，是通过增加一个名为“kg-btn”元素实现，在CSS文件中搜索这个名字可以发现这个元素的参数，位置属性：绝对（相对），距离顶部50像素，距离右侧4%，修改并保存即可让他的位置产生变化。
元素名
元素参数
同理，即可以修改页面上边距（top元素），页面上方白云的尺寸（logo img元素），中间应用图标距离顶部的位置（main元素，默认的是相对top元素的位置，非页边距）
页面左上角的百度快捷连接是我从web00模板拷贝而来，在html文件最下面，元素名为footer，连接和名称可自行修改，也可到css文件中搜索footer，自行更改位置信息，（推荐在左上角，不会因为在不同设备上页面的缩放排版等问题造成遮挡）
html代码
未经授权，不得转载 |
中级发烧友
