Home

Typecho插件 - 为你的文章生成海报

灵感起源

其实写这个插件的初衷还是因为 —— 我没钱!没错,就是我没钱。其实最早是在 Typecho 爱好者博客里面看到的。当时感觉这个插件的确不错,我很喜欢。但是付费下载就很要命了啊,虽然说 15 块钱只是我一顿早饭钱,但是我买一屉包子他不香嘛 (其实还是因为我没钱)。

特色功能

  • 全过程使用 GD 库生成海报,所以说不用担心排版错乱。
  • 生成海报后保存到插件目录下的 poster 文件夹,节省第二次生成时间。
  • 使用必应每日一图作为头图,每天的文章都有不同的新鲜感。
  • 支持自定义按钮样式,方便同一主题样式,不会突兀。
  • 推荐使用 Cuckoo 主题

插件售价

本插件不要 998,也不要 888,只要… 其实插件是免费的。我也没想收费,就是临时兴起写的小代码,也没有那么多的精力去维护,最主要的是本人不会前端,所以说做不到那么好的效果。

更新日志

{collapse} {collapse-item label=“2020-05-14 更新说明” open} 新增本地节点,可以自己魔改了 修复计算文章阅读时间不准确 修复文章中有 markdown 语法 自定义头像和自定义头图懒得写 懒得修改按钮样式的可以直接引入 mdui 了 {/collapse-item} {collapse-item label=“2020-04-06 更新说明”} 不出意外这是最近一段时间内最后一次更新 又㕛叒叕重写了一下适配 pjax 主题的部分 为了考虑国外主机的小伙伴,特意增加了节点选择,可以选择速度快的服务器了 填了一下之前留下的坑,并且现在不需要去申请 token 了 关于很多人提到的自定义封面图再次推迟 {/collapse-item}

{collapse-item label=“2020-03-24 更新说明”} 修复本插件在设置了自定义文章路径的网站获取不到链接的 bug {/collapse-item}

{collapse-item label=“2020-03-20 临时更新”} 修复无法启用插件 (这是我的锅,写代码的时候没有注意先后顺序) 使用不了时可以按照 Plugin.php 第 6 行的方法来反馈 bug {/collapse-item}

{collapse-item label=“2020-03-20 更新说明”} 修复未开启页面重写无法生成海报 (无伪静态孩纸的福音) 新增检查更新功能,麻麻再也不用担心我用旧版本了 新增 QQ 防举报,全屏防举报功能 重写部分逻辑,效果更稳定 {/collapse-item}

{collapse-item label=“2020-03-19 临时更新”} 为防止插件被别有用心的人收费,特加入鉴权机制,需要申请 token 之后才可以使用 (免费哒) 增加模态框展示海报,直接下载太丑了 再再再次修复无法在 pjax 主题中使用 自定义按钮样式不再是 article-poster,请改成 article-poster-button 下一个版本再加检测更新 {/collapse-item}

{collapse-item label=“2020-03-19 更新说明”} 修复无法在 pjax 主题中使用 将 js 保存到一个单独文件 {/collapse-item}

{collapse-item label=“2020-03-18 更新说明”} 使用 GD 库生成海报 支持自定义引入 jquery 支持自定义按钮样式 海报默认保存到本地 {/collapse-item} {/collapse}

安装说明

  1. 将插件上传到 /usr/plugins/,并重命名为 ArticlePoster
  2. 修改 post.php,在合适的位置加入挂载点
<?php ArticlePoster_Plugin::button($this->cid); ?>
  1. 在后台插件设置填写好信息,一定要填自定义分享按钮样式,并且在 class 里面加入 article-poster-button
  2. 如果你的模板没有引入 jquery 或者上述过程都设置好了点击按钮无响应,可以开启加载 jquery
  3. 修改图标部分可以找到 /usr/plugins/ArticlePoster/js/core.js,修改注释部分图标样式

pjax 适配

自 1.0.6 之后重新调整对于 pjax 的适配方案,如果主题有 pjax 回调可以直接填下以下代码,如果没有那么推荐你使用 Cuckoo 主题

$(".article-poster-button").on("click", function () {
  create_poster();
});
$("[data-event='poster-close']").on("click", function () {
  $(".article-poster, .poster-popover-mask, .poster-popover-box").fadeOut();
});
$("[data-event='poster-download']").on("click", function () {
  download_poster();
});

海报演示

点击此页文章底部 生成海报 按钮

下载地址

蓝奏云盘下载

转自 《Typecho 插件 - 为你的文章生成海报》