一些小问题的解决方案

type

Post

status

Published

date

Dec 20, 2024

slug

solution

summary

一些小问题的解决方案

📝 Problems

1、被必应收录站点后没有网站图标

问题描述：

解决方案如下：

在必应站长支持页面提交反馈。

建站技术 | 如何让 Bing 必应收录你的网站图标

Bing 中搜索自己的网页发现无法显示出网站图标，但明明有设置好相关内容。这个问题困扰了我许久，近期意外将其解决了。

https://blog.reincarnatey.net/2024/0802-bing-crawl-website-icon/

2、云服务器,宝塔面板删除SSL证书后Nginx无法启动

问题描述：在服务器环境下,宝塔面板删除一个正在使用的SSL证书后，Nginx报出如下错误。原因是SSL证书删除了，但是nginx的相关配置没有清除，而此时nginx无法启动，不能使用命令查找在使用该配置的文件。

解决方案如下：

默认情况下，配置文件存在于以下五个路径（证书域名以test.examlpe.com举例）：

1、/www/wwwroot/test.examlpe.com 项目文件夹

2、/www/server/panel/vhost/cert/test.examlpe.com SSL证书文件夹

3、/www/server/panel/vhost/nginx/test.examlpe.com.conf 配置文件

4、/www/server/panel/vhost/nginx/well-known/test.examlpe.com.conf 配置文件，用于SSL证书申请时的文件验证相关配置

5、/www/server/panel/vhost/rewrite/test.examlpe.com.conf 配置文件，URL重写规则引用,修改后将导致面板设置的伪静态规则失效

请注意，删除前请开启回收站功能或做好备份！删除之后重启Nginx，如果依旧有上述报错，则将第2步中/www/server/panel/vhost/cert/目录下的其他证书拷贝一份(没有其他证书可尝试重新申请一个同名证书)，文件夹更名为test.examlpe.com。

此时nginx应该可以重新启动，但我们还是要删除残留文件——然后在终端运行命令nginx -T | grep -B 5 -A 5 'test.examlpe.com'，查找是哪些配置文件在使用已删除的证书，注意每次只能查找到一个文件，有标红才删。

3、图床

问题描述：在一些需要网络图片的地方，怕图片链接失效或者图片加载太慢，可以考虑图床。

解决方案如下：

用第三方云存储做图床，网上找了一下，PicGo配置很简单，支持的云存储也够用了【阿里云OSS、腾讯云COS、SM.MS、GitHub、七牛云、Imgur、又拍云】

网上的教程很多，可以搜搜，这里挑两个举例：

阿里云教程：

zhuanlan.zhihu.com

https://zhuanlan.zhihu.com/p/104152479

七牛云教程:

使用PicGo配置七牛云图床（图文步骤详细）_七牛图床-CSDN博客

文章浏览阅读9.6k次，点赞19次，收藏47次。七牛云配置图床碎碎念在前一阵Gitee加了放盗链导致所有图片都失效之后，我暂时避险把图床放到了Github上，但是速度是真的太慢了，而且上传博客的时候经常会上床图片失败，还要再手动检查一遍，属实给人整的很烦。虽然现在Gitee已经恢复了，但是这个骚操作给人整懵了，万一下次再来一次就麻了，然后我就开始寻找其他图床，然后了解到很多其他的云存储，例如阿里，腾讯的OSS，以及本文要讲到的七牛云，都是有一定的免费额度的，然后心里想着还是留着阿里和腾讯的账号先不注册了，以后说不定又可以低价买服务器，然后就入手了七_七牛图床

https://blog.csdn.net/qq_46311811/article/details/123836233

4、z–index

问题描述：盒子box的伪类元素遮挡了盒子本身，使用z–index调整层级，只有伪类元素使用了绝对定位，而box使用的相对定位，调整不起效

解决方案如下：

z-index必须在绝对定位中才能生效，如果两个盒子互相遮挡，需要z-index来调整层级，则要把这两个元素(包括伪类元素)都设置为绝对定位。都设置为绝对定位可能会发生元素错位，所以最好在上层加一层wrapper盒子，并使用相对定位来作为容器。

5、El-tabs修改CSS之后，底部蓝条错位

el-tabs更改margin，造成el-tabs__active-bar错位问题_el-tabs添加边距后切换下划线显示错位-CSDN博客

文章浏览阅读996次，点赞5次，收藏5次。本文介绍了如何在el-tabs组件中使用@tab-click事件和ref属性，以及如何通过offsetLeft和offsetTop获取元素位置，特别提到当tab-position设置为lift时，如何调整translateY和translateX以适应布局需求。

https://blog.csdn.net/m0_73700304/article/details/132741624