• 欢迎访问好鸭,WordPress信息,WordPress教程,推荐使用最新版火狐浏览器和Chrome浏览器访问本网站
  • 如果您觉得本站非常有看点,那么赶紧使用Ctrl+D 收藏好鸭吧

关于哪吒探针修改页面页脚、头像Logo等的方法教程

Linux haoduck 3周前 (12-18) 39次浏览 6个评论

2020-12-24:新版本已经支持在后台自定义了,请更新新版哦

有几个网友问过我怎么修改默认的Logo了,也就是下图这个,带有的GitHub魔改Logo

关于哪吒探针修改页面页脚、头像Logo等的方法教程

其实我感觉还好吧(虽然我自己的好鸭探针是改了)

之前我发过一篇《利用CloudflareWorkers加速Github》

https://git.haoduck.cf就是用了这个风格的Logo

关于哪吒探针修改页面页脚、头像Logo等的方法教程

不过既然这么多网友有需求,我就整理一下过程,和各位分享一下如何修改。

修改过程如下

1. 使用docker cp命令将容器内的静态资源复制到宿主机

docker cp dashboard_dashboard_1:/dashboard/resource/ ~/nezha_resource/ && cd ~/nezha_resource/

此时~/nezha_resource/目录下有两个文件夹:statictemplate,如图

关于哪吒探针修改页面页脚、头像Logo等的方法教程

2. 修改Logo

也就是如图这两个地方
关于哪吒探针修改页面页脚、头像Logo等的方法教程

众多网友想要修改的Logo,就在~/nezha_resource/static/logo.png,用你喜欢的图片替换它

关于哪吒探针修改页面页脚、头像Logo等的方法教程

比如我的话就是用我博客的Logo替换

wget https://haoduck.com/favicon.ico -O ~/nezha_resource/static/logo.png

3. 修改footer页脚

也就是如图这个地方
关于哪吒探针修改页面页脚、头像Logo等的方法教程

那么这个要在哪个文件修改呢,这里分默认主题CakeMine-Hotaru主题

默认主题

默认主题的footer是在~/nezha_resource/template/common/footer.html

关于哪吒探针修改页面页脚、头像Logo等的方法教程

打开这个文件一目了然,修改图中画框的部分(图里是修改过的)

关于哪吒探针修改页面页脚、头像Logo等的方法教程

CakeMine-Hotaru主题

CakeMine-Hotaru主题就没那么一目了然了,它的footer在~/nezha_resource/template/theme-hotaru/home.html文件中的靠中间靠下的部分,在135行左右

如果你使用Vim来编辑,你可以使用搜索功能快速定位到它的位置
命令是这样的

vim ~/nezha_resource/template/theme-hotaru/home.html
:/footer

为此我录制了一个GIF图片,如下图

关于哪吒探针修改页面页脚、头像Logo等的方法教程

4. 使用docker cp命令将修改好的文件复制回容器内

和复制出来的命令是差不多的

docker cp ~/nezha_resource/static/ dashboard_dashboard_1:/dashboard/resource/
docker cp ~/nezha_resource/template/ dashboard_dashboard_1:/dashboard/resource/

然后刷新页面,就会发现生效了

5. 使面板重启后修改不失效

这时候,修改虽然成功了,但是,面板一旦重启就是一个新的容器了,我们对旧容器的修改,自然是不生效的。

嗷嗷一开始修改好鸭探针的时候就在这里踩坑了,导致修改重启后,就失效了。

所以我们要用docker commit将修改后的容器打包为镜像,重启也是使用的修改后的镜像,就不会出现重启就失效的情况了。

docker commit dashboard_dashboard_1 ghcr.io/naiba/nezha-dashboard:latest

不过面板更新后的话,还是需要再修改一次的。

如果面板更新后主题模板没有变动的话,就可以从4. 使用docker cp命令将修改好的文件复制回容器内开始操作

但如果新功能修改了前台、后台模板(比如加了个按钮之类的;修改了文件路径),在不确定的情况下都最好重新修改哦!
也可以试试(不要做第五步)。如果出问题了,重启一下面板就恢复默认了,不出问题就可以开始做第5步。

重新修改的话是先删除原来的文件rm -rf ~/nezha_resource/,再从第一步开始。

基本上就这些了,本文中主要是录制那个GIF耗费了比较多的时候,虽然GIF只有短短几秒钟,不过也是录制了好几遍,又用PS修改删减了一些无用帧。前前后后应该花了十几分钟。

相关文章

《哪吒面板,一个便携服务器状态监控面板搭建教程,不想拥有一个自己的探针吗?》


好鸭 , 版权所有丨如未注明 , 均为原创丨本网站采用BY-NC-SA协议进行授权
转载请注明原文链接:关于哪吒探针修改页面页脚、头像Logo等的方法教程
喜欢 (0)
发表我的评论
取消评论

表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
(6)个小伙伴在吐槽
  1. +1+1
    jack2020-12-19 02:34 Reply Linux | Chrome 87.0.4280.101
  2. 怪不得,对docker不熟悉,原来还要保存到新的容器 :wink:
    艾斯德斯2020-12-19 03:37 Reply Windows 10 | Chrome 87.0.4280.88
  3. 作者更新了,新版支持自定义style、script :mrgreen:
    艾斯德斯2020-12-24 12:41 Reply Windows 10 | Chrome 87.0.4280.88
  4. 作者把Logo 底部. 都可以加入 自定义 CSS 了. 方便多了. 就是更新版本.也不用在这样改了.不用这样麻烦了..
    ATzzz2020-12-25 01:51 Reply Windows 10 | Chrome 87.0.4280.88
  5. 建议再出一篇win的教程,按照作者的方法 我的win老是失败
    弟弟2020-12-28 18:00 Reply Windows 7 | Chrome 87.0.4280.88
    • 你指运行客户端失败吗?
      haoduck2020-12-28 18:04 Reply Windows 10 | Chrome 87.0.4280.88