优知新使用WordPress程序+zibll主题过程中的代码与配置BUG问题避坑技巧记录(持续更新)


------正文内容展示,开始汲取新知识啦------

前言

2024是新的起点,希望优知新越来越好吧。柚子在维护优知新的过程中发现过N多单一BUG(本身配置或者代码具有错误)和组合BUG(配置或者代码冲突导致的)。为避免重蹈覆辙和便于新人继续踩坑,我将会持续记录本站所有遇到的BUG问题,尽量提供处理方法。

说明

为提供参考我将本站服务器配置进行说明。服务器配置如下,阿里的活动机。

Screenshot_20240105_164406_mark.via_edit_4497237500875

宝塔本来是官方版本,后来经常被打,无奈转入破解版,只为了waf防火墙。

2024.1.5号

问题:发现在开启宝塔防火墙CC防御的增强模式情况下,开启人机校验的话是无法使用微信订阅号接收到验证码的

IMG_20240105_165020

解决方法:二选一吧,目前我是没有开启增强模式,或者说是这个发送接口和IP加入白名单,应该可以但是我没有测试。

问题二:

发现此段代码在手机端如果出现网页自动适配缩放的情况下会依然引起关闭

<!--劝退魔法--->
<script type='text/javascript' src='https://www.uzhix.com/wp-content/themes/zibllsucai/banf12/js/c.js'></script>
<!--劝退魔法--->

解决方法:

直接弃用,或者删除监控窗口代码

2024.1.7号

问题三:

电脑端浏览器或者手机浏览器出现未自适应宽度导致增加多余空白宽度,还会出现浏览器底部滑动条

SJNM(P5H$1QVIQ8PCF_0QPA

解决方法:

群里的君煜1315172059提供了样式调整代码,目前判断可能是某个元素px超过了设置的页面宽度,

后续:

发现导致这个问题的实际原因是狐狸库的底部代码样式有问题

63CM]1AXJOH5OQ9FM0IX5ZK_tmb

这里我已经把样式重新调整了,现在不需要滑动条的hidden属性了。好气哦。

2024.1.14

问题4:

之前的自动加标签内链出了问题,他会导致代码区块的文字(和原有标签文字相同的)也会变成内链,只是说是代码形式显示了。

image

这是新发的文章可以确认是这段代码的问题了

image

于是删除了这段代码,可喜的是这个代码执行的生成链接并不是静态的,而是访问时执行生成,所以我删除掉代码后,影响的部分就没有啦,大家下次使用要注意喽,我懒得改了我也不太懂,大家可以试试看删除这段

$url = "<a href=\"$link\" title=\"".str_replace('%s',addcslashes($cleankeyword, '$'),__('【查看含有[%s]关键标签的云层文章】'))."\"";

问题五:

使用搜索文章伪静态代码后,无法进行选择其他类型进行搜索,默认都是https://www.uzhix.com/search/xxx,这样导致只能伪静态搜索文章,其他只能在搜索结果面切换tab,这样体验非常不好,本站只能放弃这个伪静态搜索结果的代码功能了。

image

问题六:

冰天反馈消息中心的通知角标是换行效果

26Q@%`VLCII)VTP2$85F{HR

初一给我提供了修正方案,添加代码到main.min.css   查找.msg-list badge

white-space:nowrap;

image

2024.1.20

问题7:

这个其实也不算是bug吧,但是我也是比较习惯列表一行五个卡片的,默认是四个,这里我修改了一下。

文件是main.min.css?ver=7.5.1

代码

注意啦,这个是根据您的主题宽度自己微调哦。

这里是一言告诉我的释义

这是一段CSS代码,它定义了两个选择器 .fluid-widget .card 和 .site-layout-1 .card 的样式。让我们逐一解析这段代码:

  1. .fluid-widget .card 和 .site-layout-1 .card: 这两个选择器分别选择了具有 fluid-widget 类或 site-layout-1 类的元素的子元素 card。也就是说,你想要给 .fluid-widget 或 .site-layout-1 内部的 .card 元素应用样式。
  2. width: calc(20% - 16px);: 这是一个样式声明,它设置了这些 .card 元素的宽度。calc() 是一个CSS函数,用于计算一个表达式的值。在这里,它将宽度设置为 20% - 16px。这意味着每个 .card 的宽度是其父元素宽度的20%,然后从这个宽度中减去16像素。

举个例子,如果 .fluid-widget 或 .site-layout-1 的宽度是300像素,那么每个 .card 的宽度将是:

300px * 20% = 60px

然后从这个60像素中减去16像素,所以最终的宽度是44像素。

请注意,CSS的 calc() 函数在不同的浏览器中可能存在一些兼容性问题,因此在生产环境中使用时,请确保在各种浏览器中进行测试。

问题8:

有一位网上的人特意告诉了我这个问题,本人非常感谢他。问题是这样的:https://www.uzhix.com/7880.html

这篇文章的侧边栏出现了错位,群内大佬排查也无法确认问题原因所在,这个问题我很久之前遇到过,我严重怀疑的是文章内容的代码和主题出现了冲突,于是我仔细进行了排查。

image

排查原因已经找到了,我在隐藏内容代码框中又内嵌了一个隐藏内容代码框,而且是没有添加内容的,貌似这个代码框还是不完整的,导致了错位冲突。

QQ截图20240120191731

把这个多余的隐藏内容代码框删除即可,下次大家也要注意书写规范哦。

温馨提示:本文最后更新于2024-03-29 21:16:32,某些文章具有时效性,若有错误或已失效,请私信客服或联系知新社长
------本文内容已结束,喜欢请分享------

感谢您的访问,Ctrl+D收藏本站吧。

© 版权声明
一月 5

知岛上的今时往日

    "吼吼~,往年的今天,作者不知道跑哪里偷懒去了~"
THE END
点赞2投币 分享
评论 共5条
头像
善语结善缘,恶言伤人心。(禁止发送无意义的字符)
提交
头像

昵称

夸夸Ta
夸夸
还有吗!没看够!
取消
昵称表情代码图片
社区求救信号帮助是一种美德