首页 🎉 极客

本文最后更新于 2021 年 02 月 16 日,已超过 56 天没更新!内容可能已失效,请自行测试 ~

特色功能

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

安装说明

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

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

Cuteen食用方法:
在/usr/themes/Cuteen中打开 post.php,大约156行添加上述代码

在后台插件设置填写好信息,一定要填自定义分享按钮样式,并且在 class 里面加入 article-poster-button

自己修改的:

<button class="article-poster-button btn btn-outline-primary rounded-pill align-items-center d-inline-flex"><i class="fas fa-money-check"></i><span class="ml-1">下载海报</span></button>

如果你的模板没有引入 jquery 或者上述过程都设置好了点击按钮无响应,可以开启加载 jquery
修改图标部分可以找到 /usr/plugins/ArticlePoster/js/core.js,修改注释部分图标样式

pjax 适配

如果主题有 pjax 回调可以直接填下以下代码

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

海报演示

点我浏览

下载地址

Fenggu's Drive

此处内容需要评论回复后方可阅读




文章评论

    Anyi 访客ChromeWindows
    29天 前   回复

    歇歇分享

    a琪 访客ChromeWindows
    2021-03-3 20:08   回复

    谢谢分享!

    Angus 访客ChromeWindows
    2021-02-20 21:46   回复

    看起来不错,我去试试

    BeiCuei 访客ChromeWindows
    2021-02-15 0:24   回复

    Jess 访客ChromeAndroid
    2021-02-12 21:14   回复

    可以

目录