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

韩小韩
2021-02-04 / 2 评论 / 762 阅读 / 正在检测是否收录...
温馨提示:
本文最后更新于2021年05月17日,已超过75天没有更新,若内容或图片失效,请留言反馈。

灵感起源

特色功能

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

插件售价

更新日志

安装说明

  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();
});

海报演示

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

下载地址

7

评论 (2)

取消
  1. 头像
    wu先生
    Windows 7 · Google Chrome

    这功能不错,之前我在WP上看到过。

    回复
    1. 头像
      韩小韩 作者
      MacOS · Google Chrome
      @ wu先生

      👍

      回复