首页 技术

请注意,本文编写于:2021-02-26,最后编辑于44天前,内容可能已经不具有时效性,请谨慎参考。

灵感起源

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

特色功能

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

插件售价

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

安装说明

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

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

pjax 适配

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

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

这个回调在cuteen主题中没啥用,各位可以忽略,按照你们的习惯,可加可不加


<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>

点击插件管理-ArticlePoster-设置-插件样式。这样更适配cuteen主题哦~

导入图标库

<link href="https://cdn.bootcdn.net/ajax/libs/font-awesome/5.15.1/css/all.css" rel="stylesheet">

放在主题自定义设置里的头部自定义,这样你们的cuteen的按钮就美化完毕啦!

海报演示

点我预览

下载地址

蓝奏云:https://moleft.lanzous.com/b05a4fo5e

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

开源地址

github项目地址:https://github.com/MoLeft/ArticlePoster

注:本篇文章转载自https://www.moleft.cn/post-53.html,作者moleft,本文已经过作者授权进行转载,如果需要转载请注明出处,本文根据了cuteen主题进行改写,希望各位喜欢,如果喜欢那就点个赞吧!




文章评论

    Gilgamesh 访客ChromeWindows
    4天 前   回复

    0.0

    小默 访客ChromeWindows
    6天 前   回复

    大佬牛逼 访客ChromeWindows
    6天 前   回复

    11

    X6r1o 访客ChromeWindows
    6天 前   回复

    谢谢分享!!!

    薄荷 访客ChromeAndroid
    6天 前   回复

    谢谢

    琉仙 访客ChromeWindows
    7天 前   回复

    谢谢

    レモン柠檬 访客ChromeWindows
    7天 前   回复

    谢谢分享!!!

    碎魂 访客ChromeWindows
    8天 前   回复

    来啦

    zhongyan FAN 访客ChromeWindows
    10天 前   回复

    真不错

      南瓜奶酪 站长ChromeWindows
      10天 前   回复

      欢迎来访

    苏晨 访客ChromeWindows
    16天 前   回复

    试试

      南瓜奶酪 站长ChromeAndroid
      16天 前   回复

      欢迎来访

    路人乙 访客ChromeWindows
    19天 前   回复

    试试效果

      南瓜奶酪 站长ChromeAndroid
      16天 前   回复

      欢迎来访

    乔治 访客ChromeWindows
    21天 前   回复

    试试

    Narakue 访客ChromeWindows
    23天 前   回复

    拿走啦

    阿图 访客ChromeWindows
    2021-03-9 19:52   回复

    不错,我先拿走试一试

    梦幻 访客ChromeWindows
    2021-03-6 18:51   回复

    回复

      南瓜奶酪 站长ChromeWindows
      2021-03-6 18:52   回复

      你又重建站了?

        梦幻 访客ChromeWindows
        2021-03-6 18:56   回复

        没事 都是小问题

    VaeWhite 访客ChromeWindows
    2021-03-5 23:27   回复

    不错,我先拿走试一试

    奶茶 访客ChromeWindows
    2021-03-2 0:21   回复

    不错

    神话 访客ChromeAndroid
    2021-02-28 21:28   回复

    拿了测试中

    胡言 访客ChromeWindows
    2021-02-18 12:36   回复

    我收走了

      南瓜奶酪 站长ChromeAndroid
      2021-02-18 13:40   回复

      欢迎来访

    回忆 访客ChromeAndroid
    2021-02-18 0:36   回复

    看看

    陌晨AA 访客ChromeWindows
    2021-02-17 20:41   回复

    白嫖白嫖

    星客·肥啾 访客ChromeWindows
    2021-02-17 10:59   回复

    大佬NB

    阿蓝 访客FireFoxWindows
    2021-02-17 10:59   回复

    大佬好腻害呀

    Sublime 访客ChromeAndroid
    2021-02-16 20:28   回复

    哈哈 访客BrowserMac
    2021-02-16 20:08   回复

    哈哈