有时候写文章难免进行复制粘贴，但是如果复制粘贴的内容里面有自己的账号密码或者有其他关键信息，而且自己没注意到还发布了出去这就非常麻烦。 但可以通过 wordpress 的钩子函数，在新增或更新文章前通过判断文章里面有没有关键信息，如果有则阻止操作。 只需要在 functions.php 添加如下内容即可，关键字替换为自己想要检测的： function check_post_keywords($da…

由于时不时会有人问本博客右下角人物如何添加，这里还是稍微介绍一下。其实这是一个开源的项目，开源项目地址：sakana 使用起来也非常简单，如果使用的是 wordpress，那么找到主题编辑器，在 footer.php 添加如下代码即可： <div class="sakana-box"></div> <script src="https:/…

CDN 是个好东西，但是开启 CDN 后，用户评论后显示的 ip 全是 cdn 节点的 ip。这样的话，如果需要显示评论归属地和运营商就变得毫无意义。 解决也很简单，只需要在 wp-config.php 文件加入以下代码： // 解决获取不到用户真实ip问题 if(isset($_SERVER['HTTP_X_FORWARDED_FOR'])) { $list = explod…

前言 有人问阿蛮君如何搭建一个这样的博客，今天就抽空写一下使用 docker-compose 搭建个人博客。这需要你有一定的 docker 或 docker-compose 基础，如果你还不了解 compose，那么可以看看这篇文章 容器编排 Docker-compose 详解。 直接使用 docker run 其实也是可以的，如果你实在不想用 compose，那么你可以让 chatgpt 帮你转…

挺郁闷的，阿蛮君今天修改 php 文件时报错了。 网上找了一圈没结果，但是这个功能又不能不管，于是只能使用下策了，修改 wordpress 核心文件。 找到 wp-includes 文件夹下面的 load.php 文件，修改 wp_start_scraping_edited_file_errors 函数。 原代码： function wp_start_scraping_edited_file_er…

1. 友链申请按钮美化 对于友链模块，阿蛮君首先觉得友链申请应该让别人觉得按钮是可以点击的，我的美化 css 如下： /* 按钮美化 */ .friend-links-apply { padding: 5px 10px; color: white !important; text-decoration: none; border-radius: 50px; background: linear-g…

原主题文章下面的点赞、分享和打赏图标都是单色图标，可以对这些图标进行替换，下载图标后放在 /wp-content/themes/CorePress-Pro/static/img/ 文件夹下。 想要给图标添加鼠标悬停放大效果添加如下 css 即可： /** 文章下图标放大效果 */ .post-end-tool-btn-item svg:hover { transform: scale(1.2); …

添加如下 css，可给评论框添加背景图： /*评论背景图*/ textarea#comment { background-color:transparent;background:linear-gradient(rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.05)),url(/wp-content/uploads/2023/03/comment.png) right 1…

Corepress 主题中，如果不做处理，随着标题长度的增长，就会变成这个样子。 添加以下 css 代码可解决问题： .post-turn-page-main a { white-space: nowrap; width: 100%; overflow: hidden; text-overflow: ellipsis; display: block; } 修改 css 样式后，效果如图：

鼠标悬停时头像旋转和放大的 css 代码如下： /*头像呼吸光环和鼠标悬停旋转放大开始*/ .widget-admin-author-avatar img { border-radius: 50%; animation: light 4s ease-in-out infinite; transition: 0.5s; height: 65px; width: 65px; } .widget-adm…

要让图片悬浮，添加如下 css 即可。因为阿蛮君觉得图片具体文字太近，加了一个 margin 属性，不需要的可以去掉。 /*文章图片悬浮效果*/ .post-content-content img { transition: All 0.4s ease-in-out; -webkit-transition: All 0.4s ease-in-out; -moz-transition: All 0….

插入css 代码即可，彩色滚动条 css 代码如下： /**彩色滚动条*/ ::-webkit-scrollbar { width: 8px; height: 1px; } ::-webkit-scrollbar-thumb { background-color: #12b7f5; background-image: -webkit-linear-gradient(45deg, rgba(255,…