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}

安装说明

将插件上传到 /usr/plugins/，并重命名为 ArticlePoster
修改 post.php，在合适的位置加入挂载点

1	<?php ArticlePoster_Plugin::button($this->cid); ?>

在后台插件设置填写好信息，一定要填自定义分享按钮样式，并且在 class 里面加入 article-poster-button
如果你的模板没有引入 jquery 或者上述过程都设置好了点击按钮无响应，可以开启加载 jquery
修改图标部分可以找到 /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();
});