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

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

灵感起源

特色功能

  • 全过程使用 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();
});

海报演示

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

下载地址

14

评论 (5)

取消
  1. 头像
    暴力猪
    Windows 10 Windows 10 / Google Chrome Google Chrome 中国安徽省合肥市电信

    文章底部 好像没有文章里说的生成海报按钮哦

    回复
  2. 头像
    lizhe
    HarmonyOS HarmonyOS / 华为浏览器 华为浏览器 中国山西省太原市移动

    下载地址失效

    回复
    1. 头像
      韩小韩 作者
      Windows 10 Windows 10 / Google Chrome Google Chrome 中国江苏省南京市电信
      @ lizhe

      已修复

      回复
  3. 头像
    wu先生
    Windows 7 Windows 7 / Google Chrome Google Chrome 中国湖北省黄石市联通

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

    回复
    1. 头像
      韩小韩 作者
      Mac OS X 10.15.7 Mac OS X 10.15.7 / Google Chrome Google Chrome 中国江苏省南京市联通
      @ wu先生

      👍

      回复