• 3,000 emails / mo — 每月 3000 封邮件
• Sending & Receiving — 发送与接收
• Ticket support — 工单支持
• 1-day Data Retention — 数据保留 1 天
• 1 Domain — 1 个域名

sendflare

• Up to 2 domains — 最多 2 个域名
• 3,000 emails a month — 每月 3000 封邮件
• 30-day Data Retention — 数据保留 30 天
• 1,000 contacts — 1000 个联系人
• RESTful email APIs — RESTful 邮件 API

Mailgun

• 3,000 emails per month, 100 per day — 每月 3000 封，每日 100 封
• 1 sending domain — 1 个发信域名
• 1 API key — 1 个 API 密钥
• 1 day log retention to track the email sending process — 日志保留 1 天，用于追踪邮件发送流程
• 1 route to parse inbound messages — 1 条路由，用于解析入站邮件
• Ticket support — 工单支持

这几个都可以。
需要注意的是：Mailgun 需要短信验证码验证，我一直没收到短信验证码。

最后还是查到了解决方案。

问题表现

不管是使用 js 代码还是通过 postman 这种工具，通过 WordPress rest api 创建或更新文章时，提交的 acf 相关字段明明有值，但是在后台全部都是空，即使我已经开始了 Advanced Custom Fields 相关字段的 Show in REST API 设置。

问题原因

既不是代码写得有问题，也不是权限问题，更不是网上说的不应该直接用字段名而应该用（Field Key）标签（后面跟着一串以 field_ 开头的字符串（例如：field_6578abc123def））这种说法。

真实的原因就是通过 WordPress rest api 不能直接修改 Advanced Custom Fields 的字段，只能读取。

所以要把这个限制解开。方法如下：

解决方案

// 1. 让 ACF 字段出现在 REST API 响应中（读取）
function add_acf_to_rest_response($data, $post, $context) {
    // 方式A：添加所有 ACF 字段
    $data->data['acf'] = get_fields($post->ID);
    // 方式B：只添加指定字段（推荐，减少数据量）
    // $data->data['acf'] = [
    //     'article_subtitle' => get_field('article_subtitle', $post->ID),
    //     'article_views' => get_field('article_views', $post->ID)
    // ];
    return $data;
}
add_filter('rest_prepare_post', 'add_acf_to_rest_response', 10, 3);

// 2. 允许通过 REST API 更新 ACF 字段（写入）
function update_acf_via_rest($post, $request) {
    // 验证权限：只有能编辑文章的用户才能更新
    if (!current_user_can('edit_post', $post->ID)) {
        return $post;
    }

    // 获取请求中的 ACF 数据（核心：从 request 中提取 acf 节点）
    $acf_data = $request->get_param('acf');
    
    // 仅当 acf 数据存在且为数组时更新
    if (!empty($acf_data) && is_array($acf_data)) {
        foreach ($acf_data as $field_name => $field_value) {
            // 使用 ACF 官方函数更新字段（自动验证字段类型）
            update_field($field_name, $field_value, $post->ID);
        }
    }

    return $post;
}
// 绑定到「更新文章」和「创建文章」的钩子
add_action('rest_after_update_post', 'update_acf_via_rest', 10, 2);
add_action('rest_after_insert_post', 'update_acf_via_rest', 10, 2);

通过以上设置，再次更新，WordPress 后台的 Advanced Custom Fields 相关字段 100% 有值了。

清理了下 node_modules 后，空间多出来了十几个G。

pnpm

• 查看存储目录

  pnpm store path

• 清理未使用包

  pnpm store prune

yarn

• 清理全局安装目录

  yarn global dir

• 查看缓存目录（需手动删除清理）

  yarn cache dir

No script URL provided. Make sure the packager is running or you have embedded a JS bundle in your application bundle.
unsanitizedScriptURLString = (null)

解决方案

如果是 mac os，在终端 vi /etc/hosts，添加如下行：

127.0.0.1 localhost

windows 系统操作步骤类似。

即可解决问题。

package.json 添加 如下配置

"resolutions": { "stylelint": "~16.10.0" }

dev 依赖修改

stylelint 版本改为如下：

"stylelint": "~16.10.0"

修改文件

进入finder 文件夹 /Library/Application Support/com.apple.idleassetsd/Customer/ ，找到 entries.json 文件，将其内容改为：

{"version":1,"localizationVersion":"21J-1","assets":[],"initialAssetCount":4,"categories":[]}

如提示没权限，请先创建好文件，再复制进去。

Ok，流量恢复正常。

删除文件节省硬盘空间

进入 /Library/Application Support/com.apple.idleassetsd/ ，删除 4KSDR240FPS 整个文件夹，硬盘空间瞬间多出几十G。

实现

export default {
    /**
     * @param {string} baseStr - base64 字符
     * @param {number} sizeByte - 分片目标字节大小
     * @returns {string[]} 返回切割后 base64 字符串数组
     */
    split(baseStr, sizeByte) {
        if (!baseStr) return [];

        // 计算base64字符数，确保是4的倍数
        let base64Size = Math.ceil((sizeByte * 4) / 3);
        base64Size = Math.ceil(base64Size / 4) * 4;

        let result = [];
        let matches = baseStr.match(/^data:(.+);base64,(.+)$/);
        let prefix = '';
        let lastData = baseStr;

        // 处理data URL格式
        if (matches) {
            prefix = matches[1];
            lastData = matches[2];
        }

        for (let i = 0; i < lastData.length; i += base64Size) {
            let part = lastData.slice(i, i + base64Size);

            // 如果不是最后一块，确保长度是4的倍数
            if (i + base64Size < lastData.length) {
                while (part.length % 4 !== 0) {
                    part += '=';
                }
            }

            // 如果是data URL格式，添加前缀
            if (matches && i === 0) {
                part = `data:${prefix};base64,${part}`;
            }

            result.push(part);
        }

        return result;
    },

    /**
     * 按兆字节（MB）大小分割 base64 字符串
     * @param {string} baseStr - base64
     * @param {number} mbSize - 分片目标字节大小
     * @returns {string[]} 返回切割后 base64 字符串数组
     */
    cut(baseStr, mbSize) {
        if (!baseStr || mbSize <= 0) return [];

        // 计算目标字节大小
        const targetByte = mbSize * 1024 * 1024;

        // base64 编码会将 3 字节数据编码为 4 字节
        // 因此需要调整分片大小以适应 base64 编码
        const base64PartSize = Math.floor(targetByte * 3 / 4);

        return this.split(baseStr, base64PartSize);
    }
}

调用

// 按 1 兆进行分片切割
cut('data:image/png;base64,/9j/4AAQSkZJRgABAQAAA...', 1)

在根目录 package.json 加入：

里面的内容也可以去网上查询，自己自定义。

"browserslist": [
    "> 1%",
    "not dead",
    "last 3 version",
    "Chrome >= 60",
    "Edge >= 15",
    "Safari >= 10",
    "Firefox >= 54",
    "Opera >= 38",
    "iOS >= 10",
    "Android >= 5",
    "not IE <= 11"
  ]

第二步安装

npm install postcss-preset-env --save-dev

第三步配置

在 nuxt.config.ts 加入如下配置：

postcss: {
    plugins: {
      'postcss-preset-env': {
        autoprefixer: {},
      },
    },
},

随便在 css 里写个 display: flex, 即可看到补全后的效果：

display: -webkit-box;
display: -ms-flexbox;
display: flex;

1Panel 平均占用内存 1.1G - 1.2G 之间；
宝塔平均占用内存 700 - 800 Mb 之间；

差别还是挺大的。

对于小内存的服务器还是老老实实用宝塔吧。

拿目前最新的 tdesign-vue-next 1.8.x 版本来说，将其集成到 nuxt.js 3 里，其实很容易。请看代码：

// nuxt.config.ts 文件
export default defineNuxtConfig({
  devtools: { enabled: true },
  
  // 添加tdesign配置
  build: {
    transpile: ['tdesign-vue-next'],
  },
  modules: [
    // 添加tdesign配置
    'tdesign-vue-next/es/nuxt',
  ],
})