Chevereto V4 首页显示图片托管数量的实现方法

news2025/2/23 19:03:38

博主最近一直想在Chevereto V4 首页显示图片托管数量,但是网上的方法只针对于Chevereto V3,V4却没有相关教程,查询谷歌也无结果,经博主查询大量案例今天为大家分享一下 Chevereto V4 首页显示图片托管数量的实现方法。

1. 修改后台代码

修改 index.php 文件,位置:/chevereto/app/legacy/routes/index.php,修改以下两处:

第一处: 找到下述代码:

use Chevereto\Legacy\Classes\Settings;

在此后添加代码:

use Chevereto\Legacy\Classes\Stat;

第二处: 找到下述代码:

$handler::setVar('doctitle', _s(Settings::get('website_doctitle')));$handler::setVar('pre_doctitle', _s(Settings::get('website_name')));

在此后添加代码:

$handler::setVar('totals', Stat::getTotals());

2. 修改首页代码

修改 index.php 文件,位置:/chevereto/content/legacy/themes/Peafowl/views/index.php,修改以下一处:

找到下述代码:

<div class="home-buttons"> <?php echo Handler::var('homepage_cta'); ?></div>

添加以下内容:

<p id="home-cover-msg"> 已托管 <span class="image-count" style="color:#27AE61;"><?php echo (number_format((float) Handler::var('totals')['images'])); ?></span> 张图片</p>

到这一步就大功告成了。

3. 支持翻译

如果想支持翻译,将上面部分代码改用下述代码:

<p id="home-cover-msg"> <?php echo getSetting('homepage_paragraph_html') ?: _s('<span class="image-count" style="color:#27AE61;">%s</span> images in total', number_format((float) Handler::var('totals')['images'])); ?></p>

4. 添加翻译内容

a. 简体中文:

修改 zh-CN.po.cache.php 文件,位置: /chevereto/app/.cache/languages/zh-CN.po.cache.php ,添加翻译内容:

"<span class=\"image-count\" style=\"color:#27AE61;\">%s</span> images in total" => [ 0 => "已托管 <span class=\"image-count\" style=\"color:#27AE61;\">%s</span> 张图片",],

b. 繁体中文:

修改 zh-TW.po.cache.php 文件,位置: /chevereto/app/.cache/languages/zh-TW.po.cache.php ,添加翻译内容:

"<span class=\"image-count\" style=\"color:#27AE61;\">%s</span> images in total" => [ 0 => "已託管 <span class=\"image-count\" style=\"color:#27AE61;\">%s</span> 張圖片",],

c. 其他语言:方法类似,只需修改对应翻译文件中的内容即可。

5. 添加样式

上面使用了局部样式,也可以在管理控制台 “设置 / 主题” 中的 自定义 CSS 代码 中设置:

.image-count { color: #27AE61;}

结束语

本文简单分享了一下 Chevereto V4 首页显示图片托管数量的方法,供有此需求的朋友参考。如果你正在使用 Chevereto V4,并且想在首页显示图片托管数量,不妨尝试一下本文提供的方法吧。如果有任何意见或建议,欢迎在下方评论处留言。

原文链接:https://www.pengqi.club/2633.html

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

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

相关文章

70.语义分割和数据集

在 之前讨论的目标检测问题中&#xff0c;我们一直使用方形边界框来标注和预测图像中的目标。 本节将探讨语义分割&#xff08;semantic segmentation&#xff09;问题&#xff0c;它重点关注于如何将图像分割成属于不同语义类别的区域。 与目标检测不同&#xff0c;语义分割可…

20230112编译AIO-3568J的Buildroot(rk356x_linux_release_v1.3.0b_20221213)

20230112编译AIO-3568J的Buildroot&#xff08;rk356x_linux_release_v1.3.0b_20221213&#xff09; 2023/1/12 20:40 当前可以拿到的Buildroot的SDK&#xff1b; rk356x_linux_release_v1.0.0_20210511_split_dir rk356x_linux_release_v1.2.0_20211019_split_dir rk356x_linu…

Ventoy主题美化,以及自行制作方法

Ventoy是基于grub2 所制作的&#xff0c;所以可以自行制作或者将现成的主题套用到Ventoy 方法一&#xff1a; 主题下载地址 上面是两个可以直接使用的Ventoy主题地址&#xff0c;然后下载下来解压文件&#xff0c;我们可以得到 接着往下走&#xff0c;我们可以的得到 现在我们…

Oracle Apex低码平台-定制验证方案

Oracle Apex低码平台-定制验证方案 0 APEX简介&#xff1a; Oracle APEX 是一个低代码开发平台&#xff0c;您可以在该平台上构建可扩展的安全企业应用程序。这些应用程序具有先进的功能&#xff0c;而且可以在任何地方部署。 构建企业应用速度提高 20 倍&#xff0c;代码减…

Dubbo服务降级

Dubbo服务降级 1. 为什么需要服务降级 RPC 是解决分布式系统通信问题的一大利器&#xff0c;而分布式系统的一大特点就是高并发&#xff0c;所以说 RPC 也会面临高并发的场景。在这样的情况下&#xff0c;我们提供服务的每个服务节点就都可能由于访问量过大而引起一系列的问题…

Chrome浏览器插件推荐【第一期】

1、Tampermonkey Tampermonkey&#xff08;油猴&#xff09;是一款免费的浏览器扩展和最为流行的用户脚本管理器&#xff0c;它适用于 Chrome, Microsoft Edge, Safari, Opera Next, 和 Firefox。虽然有些受支持的浏览器拥有原生的用户脚本支持&#xff0c;但 Tampermonkey 将在…

Webpack的应用

处理css文件 总共有src目录下的index.css和index.js、同根的index.html和webpack.config.js文件&#xff0c;然后npm init之后生成package.json文件&#xff0c;npm install后生成package-lock.json文件&#xff0c;最后npm run webpack之后有dist目录下各种文件 index.js i…

nodejs使JWT(全)

Token token表示令牌&#xff0c;用户的登录凭证。 基于 Token 的身份验证方法&#xff0c;使用基于 Token 的身份验证方法&#xff0c;在服务端不需要存储用户的登录记录。大概的流程是这样的&#xff1a; 客户端使用用户名跟密码请求登录服务端收到请求&#xff0c;去验证…

css动画效果之transform

transformTransform属性应用于元素的2D或3D转换。这个属性允许你将元素旋转&#xff0c;缩放&#xff0c;移动&#xff0c;倾斜等。旋转rotate、扭曲skew、移动translate、缩放scale、矩阵变形matrix属性名扩展写法属性含义none定义不进行转换。rotaterotateX()&#xff08;3D写…

rabbitmq+netcore6 【5】Topics:主题

文章目录1&#xff09;前言2&#xff09;Topic exchange 主题交换机3&#xff09;举例4&#xff09;总结5&#xff09;综合以上代码准备工作生产者消费者1消费者2结果验证官网参考链接&#xff1a; https://www.rabbitmq.com/tutorials/tutorial-five-dotnet.html其他人的翻译版…

臻图信息搭建智慧水务管理平台,保障供水安全运行

伴随着城市智慧化进程&#xff0c;供水系统也在朝着高度集成化、数字化、智能化的管理模式发展。在2022年&#xff0c;水利部也印发了相关水务保障规划&#xff0c;对供水工程的建设、运行管理、水源保护等管理提出了明确要求&#xff0c;采取物联网、互联网等措施&#xff0c;…

从“以旧换新”送手机看年礼消费新风尚

千门万户曈曈日&#xff0c;总把新桃换旧符。每年的春节&#xff0c;都是中国人辞旧迎新的重要时刻。在新春年礼的选择上&#xff0c;曾经的“烟酒糖茶”老四样正在逐渐被其他新潮年礼所替代&#xff0c;手机等诸多科技好物被纳入到送年礼清单。手机年货很“潮”&#xff0c;让…

Redis整理合集

SQL和NOSQL的区别?SQLNOSQL数据结构结构化非结构化数据关联关联的非关联的查询方式SQL查询非SQL查询事物特性ACID&#xff08;事务&#xff09;BASE存储方式磁盘内存扩展性垂直水平使用场景数据结构固定相对业务对数据的安全性一致性需求较高数据结构不固定对一致性、安全性需…

论文投稿指南——中文核心期刊推荐(地质学 2)

【前言】 &#x1f680; 想发论文怎么办&#xff1f;手把手教你论文如何投稿&#xff01;那么&#xff0c;首先要搞懂投稿目标——论文期刊 &#x1f384; 在期刊论文的分布中&#xff0c;存在一种普遍现象&#xff1a;即对于某一特定的学科或专业来说&#xff0c;少数期刊所含…

【性能优化】Mybatis Plus:优化查询速度 - SQL替换Service

优化查询速度 - SQL替换Service Service 接口问题 下面是原先的 Service 实现类代码&#xff0c;有门店 ID、订单状态、查询时间段&#xff0c;然后查出了所有的结果&#xff0c;继续使用 java8 的特性获取汇总结果&#xff0c;随着项目的推移&#xff0c;数据量越来越大&…

Webpack 中使用source map 在开发过程中进行调试

我们都知道webpack在打包的时候会将源代码打包成一个bundle文件&#xff0c;bundle文件就是经过了loader转换&#xff0c;还有webpack的一些插件处理&#xff0c;以及webpack构建过程中的一些转换&#xff0c;最后会生成一个大的JS文件&#xff0c;直接去看这个文件是没法调试的…

【React】一.React基本使用

目录 基本介绍 一.React基本使用 安装命令 使用方法 记录问题 使用React脚手架初始化项目 基本介绍 构建用户界面的js库用户界面可以理解为html页面&#xff08;前端&#xff09;react主要用来写html页面或者构建web应用只负责视图层&#xff08;V&#xff09;的渲染。&am…

【ROS2 入门】虚拟机环境 ubuntu 18.04 ROS2 安装

大家好&#xff0c;我是虎哥&#xff0c;从今天开始&#xff0c;我将花一段时间&#xff0c;开始将自己从ROS1切换到ROS2&#xff0c;做为有别于ROS1的版本&#xff0c;做了很多更新和改变&#xff0c;我还是很期待自己逐步去探索ROS2中的惊喜。在安装过程中我也遇到的一些坑&a…

阿里云服务器安装wireshark图形界面与远程连接配置(使用tigervnc)

tags: Server Ubuntu Wireshark 写在前面 昨天折腾了一下透视HTTP协议这门课的实验环境, 通过阿里云的轻量应用服务器来完成了, 但是还差一步, 那就是wireshark的安装, 虽然通过apt安装好了, 但是打不开实在是烦人, 后来经过各种搜索, 我发现问题出在了tightvnc上, 这个vnc服…

vue2中swiper6不能正常使用的解决

第一步安装swiper6 第二步在main.js中引入swiper6 注意&#xff1a;也可以在其他地方引入&#xff0c;但是在main.js中引入&#xff0c;所有的组件都能用swiper的样式 样式的引入&#xff0c;不是平常的引入&#xff0c;引入代码如下 注意&#xff1a;一定要这样引入样式 …