Yunzai配置外置渲染

该方法由R插件群流出，用于解决因yunzai渲染和其他一些情况下导致的内存泄露问题

R插件群：575663150

教程使用Ubuntu演示

第一步：

安装npm和PM2

curl -fsSL https://deb.nodesource.com/setup_22.x | sudo -E bash -

sudo apt install -y nodejs

npm install -g pm2

第二步：

新建文件夹

mkdir myproject

cd myproject

第三步：

初始化

npm install -g pnpm

pnpm init

第四步：

下载配置文件放入文件夹

点击一键跳转下载

第五步

安装依赖

pnpm install @karinjs/puppeteer node-fetch

安装浏览器

apt install -y chromium-browser

第六步：

启动项目

node .

然后CTRL+C退出

第七步：

添加render-base64.js到yunzai目录下的plugins/example

第八步：

使用 PM2 启动 Puppeteer 服务

pm2 start pm2.json

第八步：

查看 PM2 进程状态

pm2 status

第九步

查看日志，确认运行情况

pm2 logs karin-puppeteer

第十步

配置PM2开机自启+后台运行

pm2 startup

pm2 save

验证配置：

systemctl is-enabled pm2-root

• 如果输出是 enabled，说明 PM2 已成功配置为开机自启。

第十一步：

查看myproject/config.json确认配置，然后修改render-base64.js

修改render-base64.js

找不到群里render-base64.js的直接复制我这个修改好的

/*
1. 随便打开一个空的文件夹 执行: pnpm init && pnpm install @karinjs/puppeteer && node .
2. 将此文件放到 plugins/example/render.js

详情查看: https://github.com/KarinJS/puppeteer
*/

import path from 'node:path'
import fetch from 'node-fetch'
import renderer from '../../lib/puppeteer/puppeteer.js'
import Renderer from '../../lib/renderer/Renderer.js'

const timeout = 120
const authorization = '123456'
const host = 'http://127.0.0.1:7005/puppeteer'
const render = new Renderer({ id: '@karinjs/puppeteer', type: 'image', render: 'screenshot' })

const renderScreenshot = async (name, data, multiPage = false) => {
  const file = savePath(name, data)
  const body = {
    file,
    selector: '#container',
    type: data.imgType,
    quality: data.quality,
    encoding: 'base64',
    omitBackground: data.omitBackground,
    // 如果全是静态资源 这里可以删掉
    pageGotoParams: data.pageGotoParams || {
      waitUntil: 'networkidle2'
    },
    waitForSelector: ['#container'],
  }

  if (multiPage) {
    body.multiPage = data.multiPage ? data.multiPageHeight : 4000
  }

  const result = await fetchTimeout(host, {
    method: 'POST',
    headers: {
      'Content-Type': 'application/json',
      authorization
    },
    body: JSON.stringify(body)
  }, timeout)

  return multiPage ? await result.json() : `base64://${await result.text()}`
}

renderer.screenshot = async (name, data) => {
  const base64 = await renderScreenshot(name, data)
  return base64 ? segment.image(base64) : base64
}

renderer.screenshots = async (name, data) => {
  const images = await renderScreenshot(name, data, true)
  const list = images.map(base64 => segment.image(`base64://${base64}`))
  return list.length > 0 ? list : false
}

/**
 * 渲染模板
 * @param {string} name 模板名称
 * @param {object} data 模板数据
 */
 const savePath = (name, data) => {
    const file = render.dealTpl(name, data)
    return `file://${path.resolve(file)}`
 }

/**
 * 增加超时处理
 * @param {string} url 请求的URL
 * @param {object} options 请求的选项
 * @param {number} timeout 超时时间
 * @returns {Promise<import('node-fetch').Response>} fetch的Promise
 */
 const fetchTimeout = (url, options = {}, timeout) => {
    return new Promise((resolve, reject) => {
    const timer = setTimeout(() => {
      reject(new Error('fetch timeout'))
    }, timeout * 1000)

    fetch(url, options)
      .then(response => {
        clearTimeout(timer)
        resolve(response)
      })
      .catch(error => {
        clearTimeout(timer)
        reject(error)
      })
    })
 }

修改处：

const host =

const authorization =

确保端口和秘钥正确

附加功能：

出现图片异常（乱码）那是因为你服务器没安装中文语言环境，导致渲染不了中文字体

自行百度安装，然后重启服务器即可

Ubuntu举例：

sudo apt install language-pack-zh-hans language-pack-gnome-zh-hans

sudo nano /etc/default/locale

LANG="zh_CN.UTF-8"
LANGUAGE="zh_CN:zh"
LC_ALL="zh_CN.UTF-8"

按CTRL+X

然后回车

sudo locale-gen zh_CN.UTF-8

sudo locale-gen zh_CN

sudo dpkg-reconfigure locales

然后重启服务器