提供了编程的基础技术教程

zl程序教程

您现在的位置是：首页 >  Java

当前栏目

Typecho生成海报(cuteen主题版）

2023-02-18 16:46:47 时间

废话不多说直接上教程 原作者：https://www.moleft.cn/post-53.html 插件：https://wws.lanzous.com/i1pXFlk2xhi 密码:5uq1

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

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

（3）在后台插件设置填写好信息，一定要填自定义分享按钮样式，并且在 class 里面加入 [RainBowText]article-poster-button[/RainBowText] （4）如果你的模板没有引入 jquery 或者上述过程都设置好了点击按钮无响应，可以开启加载 jquery （5）修改图标部分可以找到 /usr/plugins/ArticlePoster/js/core.js，修改注释部分图标样式 pjax 适配 自 1.0.6 之后重新调整对于 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();
    });

按照原作者写的应该是可以在后台pjax调用，但是Cuteen主题貌似没什么用

其他主题就不知道了，所以我直接在 footer.php中直接添加了

自定义按钮样式，在插件中添加

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

图标在头部引用

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

最后修改一下

相关文章