📢:INIS程序系统博客已上线,本typecho资源站放慢资源一切更新       📢:云星蓝光解析网:https://api.ax.jx.cn/jiexi.php?url=       📢:注册登录投稿,一旦通过即可获取相应佣金       📢:上云就上神话云互联,全站低价稳定
侧边栏壁纸
博主昵称

《重点》typecho海报插件/全面讲解

神话-云星日记
2021-04-03 / 184 评论 / 2,504人阅读 / 本文已收录 / 加载耗时:93 ms
/
温馨提示:
本文最后更新于2021年06月28日,已超过92天没有更新,若内容或图片失效,请留言或联系邮箱shmoil@qq.com反馈。

以下内容均为手打文章,哪里不会可以点击文章最下方qq跳转联系博主,如果对你有所帮助就点个赞吧

海报头图/必备core.css代码我已经替换好了直接下载上传解压不过后台代码需要自行更改

感谢 立刻有为此文章录制的教程视频 | Blog: 皮皮基地

插件介绍:

1.整个过程使用 GD库 来生成海报,所以不需要担心排版混乱。
2.生成海报后,将它们保存在插件目录下的海报文件夹中,从而节省第二次生成时间。
3.用 搏天api 的动漫图片作为 头图 ,每篇的文章都有不同的新鲜感。
4.支持用户 自定义 按钮样式,方便相同的主题样式,不会突兀。

插件安装:

1.将插件上传到 /usr/plugins/ 并将其重命名为 ArticlePoster
2.修改post.php并在适当的位置添加挂载点代码(这里说一下代码放到 /usr/themes/Joe/post.php )文件中 第57行
?php文章海报_插件:按钮article-poster-button;

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

tEshomM8.webp
3.在后台插件设置中填写信息,确保填写自定义共享按钮样式,并在类中添加文章-海报-按钮
4.如果没有将jquery引入到您的模板中,或者设置了上述过程,并且没有通过单击按钮得到响应,您可以开始加载jquery
5.修改图标部分以查找/usr/plugins/ArticlePoster/js/core.js,,并修改注释部分中的图标样式


这一段代码必须添加到 usr/plugins/ArticlePoster/css/core.css 文件最顶部即可

.haibaodiv{width:100%;margin-top: 16px;margin-bottom: 16px;text-align: center;}
.haibaodiv button{color: white;background-color: #4e7cf2;width: 170px;height: 36px;border: 0px;border-radius: 22px;}


如果主题有 pjax 回调可以直接填下以下代码(如果是joe就不需要这一步直接跳过!表情

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

福利按钮样式

1.我看到网上有很多分享typecho的海报插件的文章,大多数全部是一样的文章,不详细不说甚至盗用别人的文章一字不差的 ctrl+c/ctrl+v 表情
2.既然没有一个好的文章,那就让我做原创吧
3.按钮样式我会分享在下方《关注公众号 云星日记 》评论获取福利!




我用的第一个!

IZCBXPE1.webp

在此感鞋ZFonts字体插件的作者提供的头部代码|Blog:

在此感谢 遇见你 大佬提供的后期微调重要参数 | Blog:

本文共 613 个字数,平均阅读时长 ≈ 2分钟
价格: 1.88 云币(元)
已有50人付款此文章

温馨提示:付款后1天内可重复阅读,请及时查看。
内容需付费可见
点赞
937
海报
因为爱

版权免责声明 1、本网站名称:神话资源博客-云星日记
3、本网站的资源 部分来源于网络,如有侵权,请联系站长进行删除处理。
4、本站用户发帖仅代表本站用户个人观点,并不代表本站赞同其观点和对其真实性负责。
5、本站一律禁止以任何方式发布或转载任何违法的相关信息,访客发现请向站长举报
6、本站资源大多存储在蓝奏云盘,如发现链接失效  点此反馈 我们会第一时间更新。
7、转载本网站任何内容,请按则和转载方式正确书写本站原文地址

评论 (184)

取消
  1. 头像
    人比心怂 Lv.1    
    AndroidGoogle Chrome
    一楼 Android · 
    Google Chrome

    坎坎坷坷

    回复
  2. 头像
    nb大哥 Lv.1    
    AndroidQQ Browser
    二楼 Android · 
    QQ Browser

    可以呀兄弟

    回复
  3. 头像
    人比心怂 Lv.1    
    AndroidGoogle Chrome
    三楼 Android · 
    Google Chrome

    厉害了大佬

    回复
  4. 头像
    若白 Lv.1    
    AndroidGoogle Chrome
    四楼 Android · 
    Google Chrome

    画图

    回复
  5. 头像
    子宇 Lv.1    
    AndroidGoogle Chrome
    5楼 Android · 
    Google Chrome

    看看

    回复