首页 Typecho 美化 🎨 / 未收录,推送中

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

废话不多说直接上教程
原作者:https://www.moleft.cn/post-53.html
本文参考:https://blog.china97.cn/archives/176.html
插件:https://wws.lanzous.com/i1pXFlk2xhi

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

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

<?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 回调可以直接填下以下代码

$('.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">

最后修改一下
请输入图片描述


您阅读这篇文章共花了:



文章评论

评论已关闭