迅睿cms文章标题生成图片插件：亿级文章配图器不占用空间

二次开发 2024-06-27 14:21:29 1

无需魔法，免费体验ChatGPT-4 / MJ绘图等AI大模型！AI问答、写文案、做表格、绘图、写脚本、写代码...

如果想做个权重站，文章数量是不会少的，考虑SEO因素，文章都会配图，文章太多图片就可能占用上百G空间。如果对图片要求不高，可以通过二开插件实现给文章自动随机配图，在任何页面随机背景加文章标题生成图片。重点是不生成图片实际内容，不占服务器空间，再多的文章也不怕空间不够用。

功能说明：

在文章页或者列表页等任何页面，随机背景+标题生成图片。

不实际生成图片，不写入数据库，不占服务器空间，简单高效。

刷新一次背景图随机变换一次，文字内容不变。

字体使用的是阿里巴巴普惠体3.0（免费商用）也可自行准备替换。

插件中的背景图片基于CC0许可协议（免费商用）也可自行准备替换。

使用方法：

文末下载插件压缩包，解压后将pic文件夹放入网站根目录，可根据需要在pic/image/目录中替换自己准备的素材背景图片。

更改字体、字体大小、边剧等设置可在pic.php中自行修改调试，一般使用默认即可。图片默认设置为600*484（标准的百度抓取比例）

然在伪静态规则中添加好规则即可使用，伪静态规则可参考下方：

宝塔Nginx规则

location ~* /pic/ {
	rewrite ^/pic\/(.*?)\.jpg$ /pic/pic.php?k=$1;
}

宝塔Apache规则

RewriteRule ^img\/(.*?)\.jpg$ img/img.php?k=$1

调用方法

在模板页中调用方法：<img src="/pic/*.jpg"/> 其中*号为自定义的变量，例如在文章页可以用标题字段{$title}调用替换，当然也可以使用其他字段标签。以下示例代码为使用标题生成图片。

内容模板（show.html）

<!-- 调用标签，参考下方 -->
<img src="/pic/{$title}.jpg"/>

<!-- 若标题中有特殊符号造成无法调用图片，可使用以下代码 -->
<!-- 提示：以下方法是过滤特殊符号，因为特殊符号会被程序当成关键字，造成无法调取，其他特殊符号可以自己加在[':','+',' ','/','?','%','#','=','&']里面 -->
<img src="/pic/<?php echo(str_replace([':','+',' ','/','?','%','#','=','&'],'',$title)); ?>.jpg"/>

<!-- 部分用户反馈百度收录的图片是乱码，解决方案是在调用模板的时候，可使用以下强制转换代码 -->
<img src="/pic/<?php echo urlencode(substr(str_replace([':','+',' ','/','?','%','#','=','&','.'],'',$title),0,90)) ?>.jpg">

内容循环标签（任意页面循环标签）

<!-- 调用标签，参考下方 -->
<img src="/pic/{$t.title}.jpg"/>

<!-- 若标题中有特殊符号造成无法调用图片，可使用以下代码 -->
<!-- 提示：以下方法是过滤特殊符号，因为特殊符号会被程序当成关键字，造成无法调取，其他特殊符号可以自己加在[':','+',' ','/','?','%','#','=','&']里面 -->
<img src="/pic/<?php echo(str_replace([':','+',' ','/','?','%','#','=','&'],'',$t.title)); ?>.jpg"/>

<!-- 部分用户反馈百度收录的图片是乱码，解决方案是在调用模板的时候，可使用以下强制转换代码 -->
<img src="/pic/<?php echo urlencode(substr(str_replace([':','+',' ','/','?','%','#','=','&','.'],'',$t.title),0,40)) ?>.jpg" alt="{$t.title}">

<!-- 循环示例，注意前缀t还是rs -->
{module module=news order=updatetime num=10}
<a href="{$t.url}">
<img src="/pic/<?php echo urlencode(substr(str_replace([':','+',' ','/','?','%','#','=','&','.'],'',$t.title),0,40)) ?>.jpg" alt="{$t.title}">
{$t.title}
{$t.description}
</a>
{/module}