本帖最后由 vsamlee 于 2023-12-12 15:04 编辑
一 准备工作 1 下载阿文菌的主页程序，解压后选择一个合适的（解压后把index.html这个文件直接拖到浏览器就可以看到效果了）。 2 下载图标文件，根据安装的容器属性选择自己喜欢的图标。阿文菌的主页程序支持svg格式，svg格式是矢量图，放很大都没有锯齿，图标鲜亮很多，所以尽量选择svg格式的图标。。 3 放置主页目录lucky可以访问（lxc容器安装的openwrt如何访问已做教程）。 4 Docker已经安装好了可道云、FileBrows、lucky（实际上也是用FileBrows）。 5 记录好内网地址，外网地址，保证能访问。 6 已经在lucky设置好了动态域名和ACM，并且能通过域名访问。 本文以“web03”为蓝本，lucky做反代，可道云（可以搜索）进行编辑（可以搜索）
二 文件上传 1 把选中的主页文件解压后复制到目标目录。 2 把图标上传至/img/png文件夹，如果有重复选择覆盖。
三 测试主页是否可以运行 (一) 设置规则集 1 打开做反代的lucky，左边选择“Web服务”，点开“添加Web服务规则”。 2 监听全选，打开TLS（有域名应该都能申请SSL证书啦），没有可以不用打开。 3 监听端口自己选一个不怎么冲突的，最好选择10000以上的，其次是1024-9999的，最差是1024以下的，我就是例子。 4 点击“添加Web服务子规则”，进入下个界面。
(二) 子规则（主页） 1 Web服务子规则名称 填写 **主页 2 Web服务类型 选择 文件服务 3 前端域名/地址 填写 申请到的主域名 4 点击挂载路径 5 本地路径 填写 /mnt/www/web03/（即index.html的路径，切记不要指定index.html，否则打开的只是index.html这个文件而不是该程序） 6 BasicAuth认证 根据需要选择是否打开。打开的话访问该网页需要输入你设置的用户名和密码。 浏览器输入 主域名:监听端口，看看是否能完全展示。
四 修改index.html 可道云打开index.html 1 修改浏览器显示图标（30*30像素） 定位到<link rel="shortcut icon" href="favicon.png" />，favicon.png可以修改成自己的，支持svg格式图标，支持路径如 img/png/favicon.svg （前面没有斜杠喔） 2 修改浏览器显示名称 定位到<title>*****</title>，*****修改成自己喜欢的，支持汉字，最多6个汉字。 3 修改主页显示名称 定位到<h1 class="text-js">*****</h1>，*****修改成自己喜欢的，支持汉字，最多6个汉字。 4 外网部分修改 A 定位到
<li> <a href="*****" target="_blank"><img class="shake" src="img/png/****.svg" /><strong>****</strong></a> </li>
记住，<li> </li>连同中间代码是一组，添加删除必须成组进行添加删除 B href="*****" 冒号中间填写域名 C class="shake" src="img/png/****.svg" 冒号中间填写图标路径及图标名称（要后缀名） D <strong>****</strong> 中间填写该类别的名称，支持汉文。 5 内网部分修改 同外网部分。只是将B的域名修改为内网地址+端口号。
保存后，清空浏览器缓存后打开看看效果，如果发现那个地方有问题，修改哪个部分。
记域名、记内网端口号，记密码，见鬼去吧。哈哈
DDNS、ACM、反代、端口转发在lucky里面逻辑很清晰的，最关键是您做好记录内网、端口、域名，因为在主页和lucky里面都要用。
累了，想放图结果截图很大，不想折腾了，收工（本来是想给自己做总结的，结果搞了这么多，NAS应该可以隐身了）。
只截了1/6的角落给大家看看，真实效果比这张图好十几倍，非常非常细腻。
| 
/1 
简体中文
繁體中文
English
日本語
Deutsch
한국 사람
بالعربية
TÜRKÇE
português
คนไทย
IP卡
狗仔卡
置顶卡
沉默卡
喧嚣卡
顶贴卡
显身卡
