收起左侧

飞牛教程:自定义登录界面背景、LOGO和设备信息中的图标

18
回复
1508
查看
[ 复制链接 ]

2

主题

122

回帖

0

牛值

初出茅庐

2025-10-5 11:46:12 显示全部楼层 阅读模式
置顶:注意!本人已经制作了一键修改脚本,不用麻烦手动修改了:
https://club.fnnas.com/forum.php?mod=viewthread&tid=39329





大家好,我是米恋泥,请跟我一步步达成以下如图的效果:


前言:本教程涉及一些代码操作,请备份好源文件,修改的时候务必谨慎不要出错。我每一个步骤都配有图文尽可能清晰易懂,若有任何问题和想法欢迎大家交流~·


1.首先到应用中心安装【1Panel】应用,用咗文件的操作,同理用其他工具也行:


2.打开1panel在左侧主机>文件里,我们找到/usr/tirm/www这个目录,创建一个[userimg]文件夹:


3.随后进入[userimg]文件夹,把自己喜欢的3个图片上传到这里,3个文件分别是:
bg.jpg——登录界面的背景图片
login.png——等录界面的logo图片
logo.png——飞牛设备信息的图标图片
(此处的目录和图片也可以根据自己情况修改,小白的话请照抄)


4.继续找到文件目录/usr/trim/www/assets,按照大小排列,下载体积最大的js文件【index-字符串.js】,注意这个文件后面的字符串是随机的,飞牛每次更新都不一样:



5.注意了,用记事本打开刚刚的【index-字符串.js】文件,找到【n8="】的位置,我们需要把n8=""双引号里面的内容删除,这里要注意不要删除多了,后面跟住的【r8=】的内容不要删除


6.删除之后,把引号里的内容修改成图中高光的内容:
"/userimg/logo.jpg"
(当然,也可以直接修改成图片url地址


7.然后下载另一个js文件,搜索【login-form】会找到一个js文件,下载它:


8.这个文件的内容就比较少,我们要找两个地方,一个是找到【o="】,同样删除引号里面的内容,第二是找到紫色高亮的地方


9.把刚刚找到的两个地方分别修改引号里面的内容:
"/userimg/login.png"
"/userimg/bg.png"
请注意自己用的图片文件的格式,jpg,png,bmp,webp格式都可以的,用的什么格式就写什么,能对应就行


10.能坚持做到这里的牛友,恭喜你已经完成最困难的部分了,建议各位先检查一下之前的操作,最后把这两个修改好的文件,通过1panel上传到飞牛里,然后去浏览器查看自己的努力成果吧
注意,如果没效果没改变,可能是浏览器缓存的原因,可以先清理一下浏览器缓存,或者直接用无痕模式来打开



11.后续如需替换其他图片,就去1Panel的文件管理的userimg的文件夹里面的3个图片文件替换就可以了







收藏
送赞 1
分享

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有账号?立即注册

x

2

主题

122

回帖

0

牛值

初出茅庐

2025-10-6 15:45:41 楼主 显示全部楼层
原来除了更新系统,重启也会还原设置!!!

但是我写了个命令脚本一键修改,实在太方便:

  1. bash -c "$(curl -fsSL https://pub-1a0809376f7b4ab2a92a866aefb1c4ba.r2.dev/cqfnlogo.sh)"
复制代码

以上命令请用root权限运行



本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有账号?立即注册

x
前提也需要先下载那两个文件 修改了以后.上传进去 在用你这个一键修改把?  详情 回复
2025-10-6 17:19

0

主题

20

回帖

0

牛值

江湖小虾

2025-10-5 21:02:49 显示全部楼层

按照你的一步一步来 但是还是没有变 以为重启可以.结果userimg这个新建的文件夹也没有了?你文章.需要修改的地方也修改了.

麻烦教教怎么弄 谢谢

飞牛是最新版吗?你先验证一下能不能修改内容,如果修改了或者新建了文件,刷新又没有了,可能是权限问题导致没生效  详情 回复
2025-10-6 09:20

2

主题

122

回帖

0

牛值

初出茅庐

2025-10-6 09:20:05 楼主 显示全部楼层
骑鱼的猫 发表于 2025-10-5 21:02
按照你的一步一步来 但是还是没有变 以为重启可以.结果userimg这个新建的文件夹也没有了?你文章.需要修改 ...

飞牛是最新版吗?你先验证一下能不能修改内容,如果修改了或者新建了文件,刷新又没有了,可能是权限问题导致没生效
重新设置好了 为什么关机重启 又恢复默认飞牛的了  详情 回复
2025-10-6 12:43

6

主题

128

回帖

0

牛值

初出茅庐

社区上线纪念勋章

2025-10-6 11:21:29 显示全部楼层
好帅啊,飞牛官方能支持这个就好了

6

主题

128

回帖

0

牛值

初出茅庐

社区上线纪念勋章

2025-10-6 11:22:12 显示全部楼层
可以分享一下壁纸吗
啊,都是百度胡乱搜的  详情 回复
2025-10-6 15:47

0

主题

20

回帖

0

牛值

江湖小虾

2025-10-6 12:43:29 显示全部楼层
米恋泥~· 发表于 2025-10-6 09:20
飞牛是最新版吗?你先验证一下能不能修改内容,如果修改了或者新建了文件,刷新又没有了,可能是权限问题 ...

重新设置好了 为什么关机重启 又恢复默认飞牛的了
你说得对,我也是你这样说我才重启试了一下,没想到飞牛还有这一招  详情 回复
2025-10-6 15:43

2

主题

122

回帖

0

牛值

初出茅庐

2025-10-6 15:43:16 楼主 显示全部楼层
骑鱼的猫 发表于 2025-10-6 12:43
重新设置好了 为什么关机重启 又恢复默认飞牛的了

你说得对,我也是你这样说我才重启试了一下,没想到飞牛还有这一招

2

主题

122

回帖

0

牛值

初出茅庐

2025-10-6 15:47:01 楼主 显示全部楼层
屯屯鼠 发表于 2025-10-6 11:22
可以分享一下壁纸吗

啊,都是百度胡乱搜的

0

主题

20

回帖

0

牛值

江湖小虾

2025-10-6 17:19:41 显示全部楼层
米恋泥~· 发表于 2025-10-6 15:45
原来除了更新系统,重启也会还原设置!!!

但是我写了个命令脚本一键修改,实在太方便:

前提也需要先下载那两个文件 修改了以后.上传进去   在用你这个一键修改把?
今天一天都在完善脚本,现在已经好完美 [attachimg]62290[/attachimg]  详情 回复
2025-10-6 18:49

2

主题

122

回帖

0

牛值

初出茅庐

2025-10-6 18:49:36 楼主 显示全部楼层
骑鱼的猫 发表于 2025-10-6 17:19
前提也需要先下载那两个文件 修改了以后.上传进去   在用你这个一键修改把? ...


今天一天都在完善脚本,现在已经好完美

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有账号?立即注册

x
提示错误503 代码服务器连接不上  详情 回复
2025-10-7 11:13

0

主题

20

回帖

0

牛值

江湖小虾

2025-10-7 11:13:02 显示全部楼层
米恋泥~· 发表于 2025-10-6 18:49
今天一天都在完善脚本,现在已经好完美

提示错误503 代码服务器连接不上
bash -c "$(curl -fsSL https://pub-1a0809376f7b4ab2a92a866aefb1c4ba.r2.dev/cqfnlogo.sh)"  详情 回复
2025-10-7 12:30

2

主题

122

回帖

0

牛值

初出茅庐

2025-10-7 12:30:15 楼主 显示全部楼层
骑鱼的猫 发表于 2025-10-7 11:13
提示错误503 代码服务器连接不上

bash -c "$(curl -fsSL https://pub-1a0809376f7b4ab2a92a866aefb1c4ba.r2.dev/cqfnlogo.sh)"
LOGO显示不出来怎么办  详情 回复
2025-10-7 12:40

0

主题

1

回帖

0

牛值

江湖小虾

2025-10-7 12:40:43 显示全部楼层
米恋泥~· 发表于 2025-10-7 12:30
bash -c "$(curl -fsSL https://pub-1a0809376f7b4ab2a92a866aefb1c4ba.r2.dev/cqfnlogo.sh)"

LOGO显示不出来怎么办
logo可以了,真好看啊 大佬  详情 回复
2025-10-7 13:58
已经修复了再试下  详情 回复
2025-10-7 13:20

2

主题

122

回帖

0

牛值

初出茅庐

2025-10-7 13:20:11 楼主 显示全部楼层
图波列夫OKB 发表于 2025-10-7 12:40
LOGO显示不出来怎么办

已经修复了再试下

6

主题

128

回帖

0

牛值

初出茅庐

社区上线纪念勋章

2025-10-7 13:58:44 显示全部楼层
图波列夫OKB 发表于 2025-10-7 12:40
LOGO显示不出来怎么办

logo可以了,真好看啊 大佬

4

主题

15

回帖

0

牛值

江湖小虾

2025-10-9 21:40:00 显示全部楼层

相册和文件外链分享界面可以改吗?

519b0c6bed29c40286fd43e004d067aa.png

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有账号?立即注册

x

0

主题

5

回帖

0

牛值

江湖小虾

2025-10-17 10:54:55 显示全部楼层

想到了毕设让我们做网站,我就是找网站改改静态文件和栏目名称装自己的网站。lol

15

主题

19

回帖

0

牛值

初出茅庐

6666666666**

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则