2026-07-09 95 views 15

博客优化手记

温馨提示：本文共计2113个字，预计阅读时间需要8分钟。

WordPress博客优化记录

最近不想过多折腾博客，但发现也没啥可记录的，正好篱落的虚拟主机要整合，PHP 也支持到了 8.3，把不兼容的插件都梳理下，从备份、缓存到 SEO，全面替换到最新，做下博客优化。

同时给篱落主机打个软广，确实靠谱，用了这么多年，还没跑路，妥妥的良心。

备份方案：UpdraftPlus

前不久正好友邻沉舟侧畔的博客因为主机商的问题导致数据丢失，汲取前人教训，优先把备份插件装上。

对比维度	UpdraftPlus	WPvivid	Jetpack
免费版核心功能	完整备份 + 定时任务	完整备份 + 定时任务	无免费版备份功能
升级提示	有，但可忽略	无	不适用（需付费）
云存储支持（免费版）	Google Drive、Dropbox 等	仅支持本地或 FTP	仅限自家云存储
插件定位	专注备份	专注备份	一体化套件中的模块
界面与体验	功能导向，稍显传统	现代、干净	现代、极简
适用场景	个人博客到商业网站皆可	不依赖云盘的个人站点	使用 Jetpack 生态的用户

结论：接受免费版的“不完美”，但功能要够用。 UpdraftPlus 是目前平衡得最好的选择。

邮件发送：FluentSMTP

WordPress 默认使用主机的 mail() 函数发送邮件，极不稳定，经常被收件方（Gmail、QQ邮箱等）拦截或丢进垃圾箱。原因是邮件通过主机 IP 发出，而共享主机 IP 的“声誉”通常不佳。

FluentSMTP 完美解决了这个问题。它会接管网站所有的 wp_mail 调用，通过 Gmail、SendGrid 等专业服务商发送邮件，确保评论回复通知能真正到达读者收件箱。

为什么选择 FluentSMTP？

完全免费：100% 永久免费，连接主流邮件服务商、邮件日志、失败重发等功能在免费版中全部开放。
多连接路由：可同时配置多个邮件服务器，主连接失败时自动切换备用通道，大幅提升邮件送达率。
纯净无广告：界面干净，没有其他 SMTP 插件的广告和升级弹窗，体验清爽。

主要是非常干净，功能齐全，虚拟主机博客强烈推荐。

性能优化：WP-Optimize

选择 WP-Optimize 是因为它集成了缓存、数据库清理、图片压缩和 CSS/JS 压缩，一站式的体验很省心。但在实际使用中，遇到了 JS 压缩导致的交互失效问题。

踩坑记录：开启 JavaScript 压缩后，评论区的回复功能、导航菜单的下拉效果全部失效。排查后发现是主题的 JS 文件被压缩时破坏了依赖关系。

解决方案：在 WP-Optimize 的压缩设置 → JavaScript 中，把必要的js加入排除列表即可，CSS 压缩同理，如果更新了 CSS，一定要清除一次缓存才会生效。

关于 Google Fonts：WP-Optimize 提供了"不加载 Google 字体"的选项，与我之前用的 Remove Google Fonts References 插件功能重复，现已停用后者，由 WP-Optimize 统一管理。

SEO 插件：Rank Math

停更前用的是 All in One SEO，恢复后重新评估了市面上的主流方案，最终选择了 Rank Math SEO。

选择原因：

免费版功能最慷慨，支持最多 5 个焦点关键词、重定向管理、404 监控，这些在 Yoast 和 AIO SEO 中通常需要付费。

功能对比	Rank Math SEO	Yoast SEO	All in One SEO
焦点关键词数量	最多 5 个	1 个	1 个
重定向管理	免费版提供	需付费版	需付费版
404 错误监控	免费版提供	不提供	不提供
结构化数据	功能强大，支持多种类型	提供基础类型	提供基础类型
GSC 集成	免费版原生集成	需付费版	需付费版
界面与易用性	现代化，设置向导友好	经典"红绿灯"系统	干净但设置稍复杂
模块化设计	可按需开启/关闭功能	功能捆绑	功能捆绑

遇到的几个问题：

百度 Sitemap 提交限制：百度不接受索引型 Sitemap（如 sitemap_index.xml），需要提交子 Sitemap（如 sitemap-posts-1.xml）。Rank Math 生成的索引型文件在 Google 那边正常，但对百度需要单独处理。
短暂的升级提示：页面加载时会闪现"升级到 Pro"的横幅，但只对登录管理员可见，且可关闭，不影响体验。
数据库表已存在错误：安装后出现 wp_rank_math_analytics_gsc 表已存在的报错，通过后台"重新创建缺失的数据表"功能修复。
百度收录的补充方案：Rank Math 本身不提供向百度主动推送的功能，因此我在主题的 functions.php中加了一段在新文章发布时自动推送给百度 API的代码，弥补了这个空缺。

头像服务：从 Cravatar 到 WeAvatar

国内访问 Gravatar 一直不稳定，之前 Cravatar 用过一段时间，前不久不知何原因老是偶尔抽风，更换到 WeAvatar 后目前更稳定，且支持三级头像匹配（自有头 → QQ 头 → Gravatar），对国内用户友好。

其他优化

视频准备都转移到 B 站，在后台加入短代码和按钮，统一样式，分享代码如下：

// 添加 B站视频短代码（支持横竖屏）
function bilibili_shortcode($atts) {
    // 默认参数
    $atts = shortcode_atts(
        array(
            'bv'       => '',
            'type'     => 'horizontal', // horizontal（横屏）或 vertical（竖屏）
            'maxwidth' => '100%',       // 最大宽度
            'align'    => '15px',       // 左边距
        ),
        $atts
    );

    if (empty($atts['bv'])) {
        return '<p style="color:red;">⚠️ 请提供 BV 号，例如 [bilibili bv="xxxxxxxxx"]</p>';
    }

    // 根据横竖屏设置宽高比
    if ($atts['type'] === 'vertical') {
        $aspect_ratio = '9/16';  // 竖屏
        $default_maxwidth = '300px';
    } else {
        $aspect_ratio = '16/9';  // 横屏（默认）
        $default_maxwidth = '100%';
    }

    // 如果用户没指定 maxwidth，则使用默认值
    $maxwidth = !empty($atts['maxwidth']) ? $atts['maxwidth'] : $default_maxwidth;

    // 构建 HTML
    return '<div style="width:100%; max-width:' . esc_attr($maxwidth) . '; margin-left:' . esc_attr($atts['align']) . ';">
        <iframe 
            src="//player.bilibili.com/player.html?bvid=' . esc_attr($atts['bv']) . '&page=1&autoplay=0&high_quality=1" 
            scrolling="no" 
            border="0" 
            frameborder="no" 
            framespacing="0" 
            allowfullscreen="true" 
            style="width:100%; aspect-ratio:' . $aspect_ratio . '; background:#000; display:block;">
        </iframe>
    </div>';
}
add_shortcode('bilibili', 'bilibili_shortcode');

// 为文本编辑器添加 B站视频短代码按钮
function add_bilibili_quicktag() {
    if (wp_script_is('quicktags')) {
        ?>
        <script type="text/javascript">
        QTags.addButton( 'bilibili', 'B站视频', '[bilibili bv="', '" type="horizontal"]' );
        </script>
        <?php
    }
}
add_action( 'admin_print_footer_scripts', 'add_bilibili_quicktag' );

// 添加 B站视频短代码（支持横竖屏）

function bilibili_shortcode($atts) {

// 默认参数

$atts = shortcode_atts(

array(

'bv' => '',

'type' => 'horizontal', // horizontal（横屏）或 vertical（竖屏）

'maxwidth' => '100%', // 最大宽度

'align' => '15px', // 左边距

$atts

);

if (empty($atts['bv'])) {

return '<p style="color:red;">⚠️ 请提供 BV 号，例如 [bilibili bv="xxxxxxxxx"]</p>';

}

// 根据横竖屏设置宽高比

if ($atts['type'] === 'vertical') {

$aspect_ratio = '9/16'; // 竖屏

$default_maxwidth = '300px';

} else {

$aspect_ratio = '16/9'; // 横屏（默认）

$default_maxwidth = '100%';

}

// 如果用户没指定 maxwidth，则使用默认值

$maxwidth = !empty($atts['maxwidth']) ? $atts['maxwidth'] : $default_maxwidth;

// 构建 HTML

return '<div style="width:100%; max-width:' . esc_attr($maxwidth) . '; margin-left:' . esc_attr($atts['align']) . ';">

<iframe

src="//player.bilibili.com/player.html?bvid=' . esc_attr($atts['bv']) . '&page=1&autoplay=0&high_quality=1"

scrolling="no"

border="0"

frameborder="no"

framespacing="0"

allowfullscreen="true"

style="width:100%; aspect-ratio:' . $aspect_ratio . '; background:#000; display:block;">

</iframe>

</div>';

}

add_shortcode('bilibili', 'bilibili_shortcode');

// 为文本编辑器添加 B站视频短代码按钮

function add_bilibili_quicktag() {

if (wp_script_is('quicktags')) {

QTags.addButton( 'bilibili', 'B站视频', '[bilibili bv="', '" type="horizontal"]' );

</script>

<?php

}

add_action( 'admin_print_footer_scripts', 'add_bilibili_quicktag' );

经典编辑器有效，有需要的可以参考。

总结下就是能用插件搞定的就懒得动手去修改主题，主题改太多我自己都记不住改了什么地方，确实加了插件，页面多了一堆有的没的代码，管他的呢，能用就行。

做个记录，下次看还能再折腾些什么。

End

15 条评论访客：9 条作者：6 条

Lvtu LV3
回复 2026年07月09日 22:25 沙发
难得见你折腾一次网站
- Sam.Z GM
  回复 2026年07月17日 16:38
  @Lvtu 现在我都懒得开网站了，真的就是偶偶折腾一下，主力在学习AI，最近研究工作流。
  - Lvtu LV3
    回复 2026年07月17日 17:16
    @Sam.Z 厉害
acevs LV1 ♥
回复 2026年07月10日 15:52 板凳
有得插件也在用~不错~
springwood
回复 2026年07月10日 19:14 地板
关于邮件丢进垃圾箱那个事，我感觉只要是系统自动发送的邮件、就算是Gmail、也会被丢进垃圾箱，我见过好几次了
- Sam.Z GM
  回复 2026年07月17日 16:36
  @springwood 嘿嘿，拉到白名单
kn007
回复 2026年07月11日 12:35 4楼
Rank Math做的确实还可以
话说评论不允许数字么
禁止 – 作者名中的数字不允许 = kn007
- Sam.Z GM
  回复 2026年07月17日 16:35
  @kn007 哇，你也是老熟人哦，感觉已经好多年没见了，我不清楚是不是评论用户名不允许数字，晚点我看下代码，我改了太多版，自己都把规则弄乱了，谢谢提醒，晚点回访。
  - kn007
    回复 2026年07月17日 16:38
    @Sam.Z 是呀是呀，好久不见
    看到你用着我的评论等级还
    - Sam.Z GM
      回复 2026年07月17日 16:44
      @kn007 哈哈，是的，懒得修改了，我刚才看了代码，没有禁止数字，我改天自己测试下，看看怎么回事。
      - kn007
        回复 2026年07月17日 22:35
        @Sam.Z 这样子吗？我再试试。
        确实还是不行，不是主题就是插件禁止的。
        还是提示：禁止 – 作者名中的数字不允许 = kn007
        Sam.Z GM
        2026年07月18日 14:48
        @kn007 找到问题了，原来是Really Simple SSL插件导致的，查了半天代码都没有限制，结果是这个插件有一个功能叫禁用用户枚举，我之前打开了，现在关闭后正常，真是完全没想到，感谢你，不然我都没发现这个问题，谢谢，现在可以使用你正常的用户名了。
      - kn007
        回复 2026年07月18日 15:06
        @Sam.Z 唔，恭喜你找到问题。我也还在调试nginx
皮皮 LV2
回复 2026年07月17日 10:17 5楼
谢谢资讯。现在我正在手动查看留言的连结是否失效，应该没有一些更快的方法处理吧？
- Sam.Z GM
  回复 2026年07月17日 16:34
  @皮皮哇，皮皮，好久没见，晚点我再去回访你的博客，有办法的，现在AI这么强大，逻辑是利用主机去访问留言的链接，如果不通就回馈给你，简单的，你找AI帮你写个功能就能搞定了，不懂再来咨询我，我帮你弄个小插件。