HOJ 修改首页 和后端logo图片 网页收藏标识ico 小白也会的方法

news2024/9/25 9:36:02

HOJ 是一款优雅知性的在线评测系统,像一位温文尔雅的女性,你会慢慢喜欢上她的。

制作图片素材

用图像编辑软件 比如 **光影魔术手4.0** 制作以下素材
logo.a0924d7d.png  为前台导航栏左边的logo,  600*200
backstage.8bce8c6e.png 为后台侧边导航栏上方的logo,  300*300
favicon.ico 为小图标   制作ico地址 www.ico51.cn  64*64(图片做成透明png格式的)


以上制作好的三个文件上传到  standAlone 目录下,具体路径 根据下方的情况选择。
SecureCRT8.5.3绿色汉化版( 下载到电脑解压先执行绿化文件 )
软件百度网下载链接 https://pan.baidu.com/s/1qlSHvQo7OV0yHkKv3IE8Zg?pwd=xmed 


情况一、原版部署

sudo  vim /home/hoj-deploy/standAlone/docker-compose.yml
在 hoj-frontend  模块中的  删除以下两句前面的#注释
- ./logo.a0924d7d.png:/usr/share/nginx/html/assets/img/logo.a0924d7d.png
- ./backstage.8bce8c6e.png:/usr/share/nginx/html/assets/img/backstage.8bce8c6e.png
紧跟着添加一行
- ./favicon.ico:/usr/share/nginx/html/favicon.ico

注意删除#号后 - ./logo.png  是与其他 的 - ./  是对齐的 空格不能多也不能少


cd /home/hoj-deploy/standAlone
sudo docker-compose up -d

情况二、二开部署

关于文件修改的地方,博主已经做好, 覆盖好logo文件后,执行以下代码:

cd /home/xmedu-oj_-deploy2/standAlone
sudo docker-compose up -d


 

情况三、用替换文件的方法

以上三个图片文件上传到 /home  目录下

cd /
sudo find -name  favicon.ico
sudo cp -f /home/favicon.ico   复制粘贴搜到的文件路径  

cd /
sudo find -name  logo.a0924d7d.png  

sudo cp -f /home/logo.a0924d7d.png   复制粘贴搜到的文件路径  

cd /
sudo find -name  backstage.8bce8c6e.png

sudo cp -f /home/backstage.8bce8c6e.png 复制粘贴搜到的文件路径   

一般有3条 查找到的路径信息  用同样的方法 替换。

最后清理当前浏览器缓存 或者换电脑上其他浏览器查看效果。

如果实在不会操作,可以联系博主 微 信 makytony  几杯咖啡帮你搞定。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/1677620.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

虚拟化技术 在vCenter Server创建数中心、添加主机

一、实验内容 1.安装Flash 2.在vCenter Server创建数中心、添加主机 二、实验主要仪器设备及器材 1.安装有64位Windows操作系统的台式电脑或笔记本电脑,建议4C8G或以上配置 2.在Windows Server 2008 R2已安装vCenter Server 3.Adobe Flash Player 12.0.0.70.e…

数据结构【顺序表】

文章目录 1.顺序表的概念线性表物理结构逻辑结构 2.顺序表的分类2.1静态顺序表2.2动态顺序表 3.顺序表接口的实现头文件(SQList.h)如下源文件初始化顺序表销毁顺序表插入扩容尾插头插 封装扩容函数删除尾删头删 查找元素在指定位置前插入数据情况一(指定的位置不是首元素)情况二…

CMF认证是什么?怎么报名?考试费用多少?有必要参加培训吗?

CMF认证是由国际变革管理学院(CMI)颁发的一种认证,旨在评估个人在变革管理领域的知识和技能,并确认其在该领域具备专业能力。通过学习和理解变革管理知识体系(CMBoK),参与者可以掌握变革管理的理…

4 特征构造

4 特征构造 学习目标 知道未来信息的概念,及处理未来信息的方法掌握从原始数据构造出新特征的方法掌握特征变换的方法掌握缺失值处理的方法1 数据准备 1.1 梳理数据的内在逻辑 关系种类 一对一:一个用户有一个注册手机号 一对多:一个用户多笔借款 多对多:一个用户可以…

第1章 初始Spring Boot【仿牛客网社区论坛项目】

第1章 初始Spring Boot【仿牛客网社区论坛项目】 前言推荐项目总结第1章初识Spring Boot,开发社区首页1.课程介绍2.搭建开发环境3.Spring入门体验IOC容器体验Bean的生命周期体验配置类体验依赖注入体验三层架构 4.SpringMVC入门配置体验响应数据体验响应Get请求体验…

【原创】java+springboot+mysql企业邮件管理系统设计与实现

个人主页:程序猿小小杨 个人简介:从事开发多年,Java、Php、Python、前端开发均有涉猎 博客内容:Java项目实战、项目演示、技术分享 文末有作者名片,希望和大家一起共同进步,你只管努力,剩下的交…

jar包安装成Windows服务

一、前言 很多年前写过一篇《使用java service wrapper把windows flume做成服务》的文章,也是把jar包安装成windows服务,今天介绍另外一种更简便的方案。 二、正片 这次使用的工具是 winsw,一个Windows服务包装器。下面看详细介绍 首先从g…

QT状态机8-使用恢复策略自动恢复属性

当状态分配的属性不再活动时,可能希望将其恢复到初始值,通过设置全局的恢复策略可以使状态机进入一个状态而不用明确制定属性的值。 QStateMachine machine; machine.setGlobalRestorePolicy(QStateMachine::RestoreProperties);当设置了恢复策略以后,状态机将自动恢复所有…

神策数据付力力入选福布斯中国 30 Under 30 十周年名人堂

福布斯中国 30 UNDER 30(U30) 持续关注青年才俊。在 U30 十周年之际,福布斯中国通过跟踪、梳理、比较历年 U30 们入选后的表现、社会影响力事件,以及创业精神诠释,编制了福布斯中国首期 U30 名人堂名单。神策数据联合创…

低代码开发平台在城市数字化转型中的技术实现与案例分析

城市数字化转型需要政策引导、技术创新、基础设施建设、人才培养、多方合作以及安全保障等全方位的支持与助力,共同推动城市的数字化进程,提升其竞争力和可持续发展能力。 其中,技术创新是推动数字化转型的核心动力,需要不断加强…

从零开始详解OpenCV条形码区域分割

前言 在识别二维码之前,首先要划分出二维码的区域,在本篇文章中将从零开始实现二维码分割的功能,并详细介绍用到的方法。 我们需要处理的图像如下: 完整代码 首先我们先放出完整代码,然后根据整个分割流程介绍用到…

英伟达的GDS

英伟达的GDS,即GPUDirect Storage,是英伟达开发的一种技术,它允许GPU直接访问存储设备,从而显著提高数据传输效率和性能。 以下是对英伟达GDS的详细介绍: 一、GDS技术的主要特点和优势 直接内存存取:GDS通…

【设计模式】JAVA Design Patterns——Acyclic Visitor(非循环访问者模式)

🔍目的 允许将新功能添加到现有的类层次结构中,而不会影响这些层次结构,也不会有四人帮访客模式中那样循环依赖的问题。 🔍解释 真实世界例子 我们有一个调制解调器类的层次结构。 需要使用基于过滤条件的外部算法(是…

使用 python 整理 latex 的 bib 文献列表

目录 bib 文献整理脚本前提条件与主要功能原理编程语言与宏包基础完整程序 bib 文献整理脚本 本文主要用于解决 Latex 写作过程中遇到的 bib 文献整理问题,可处理中文文献。 LaTeX是一种基于ΤΕΧ的排版系统,它非常适用于生成高印刷质量的科技和数学类…

八大设计模式:适配器模式实现栈的泛型编程 | 通用数据结构接口的秘诀(文末送书)

🎬 鸽芷咕:个人主页 🔥 个人专栏: 《C干货基地》《粉丝福利》 ⛺️生活的理想,就是为了理想的生活! 引入 哈喽各位铁汁们好啊,我是博主鸽芷咕《C干货基地》是由我的襄阳家乡零食基地有感而发,不知道各位的…

pyautogui 基本用法

pyautogui 是一个 Python 库,可以让你用 Python 脚本控制鼠标和键盘。它适用于自动化桌面图形用户界面(GUI)的任务,比如自动化测试、游戏脚本或任何需要模拟用户输入的程序。 以下是使用 pyautogui 的一些基础示例: 安…

地平线旭日X3开发板编译USB网卡驱动 AX88772B

由于使用的激光雷达是网口输出的, 为了不占用X3派已有的网口,接上去了一个绿联的usb网卡, 发现系统没有驱动,所以动手看看能不能自己编译一个 首先lsusb查看一下网卡型号 发现型号是AX88772B,去官网看了一下&#x…

低空经济之无人机

朋友们,今天来聊聊个超酷的话题——低空经济之无人机! 无人机不仅让天空变得触手可及,还带来了无尽的商业可能,简直就是新时代的“空中小助手”啊! 说到无人机,你们是不是也和我一样,脑海里立马…

【数据结构】队列的实现(链式)

文章目录 队列1.队列的概念及结构概念结构 2.队列的实现(链式结构)队列定义初始化队列入队出队获取队头元素获取队尾元素销毁队列判断队列是否为空队列有效个数 完整代码(包含测试代码)Queue.hQueue.ctest.c 队列 1.队列的概念及…

nodemon运行ts文件

https://juejin.cn/post/7035637086451400734 nodemon经常用来调试js文件,大家都是知道的,但是用nodemon来调试ts文件,大家试过吗? 如果直接运行nodemon index.ts是会报错的。 ts 复制代码 //index.ts console.log(1) 需要全局…