📢:阅读文章前请先关注微信公众号“云星日记”回复关键词验证码获取密码即可! 📢:注册登录投稿,一旦通过即可获取相应佣金
侧边栏壁纸
博主昵称

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

神话-云星日记
2021-04-03 / 144 评论 / 2,002 阅读 / 正在检测是否收录...
/
温馨提示:
本文最后更新于2021年06月13日,已超过7天没有更新,若内容或图片失效,请留言或联系邮箱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 云币(元)
已有22人付款此文章

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

评论 (144)

取消
  1. 头像
    123 Lv.1    
    Windows 7 · Google Chrome
    一楼 Windows 7 · 
    Google Chrome

    1好

    回复
  2. 头像
    是的是的 Lv.2    
    Windows 10 · QQ Browser
    二楼 Windows 10 · 
    QQ Browser

    66666666666666666666666666呀

    回复
  3. 头像
    曹县 Lv.1    
    Windows 10 · Google Chrome
    三楼 Windows 10 · 
    Google Chrome

    山东菏泽曹县>>>

    回复
    1. 头像
      神话-kzy200212@qq.com Lv.6     作者
      Android · Google Chrome
      Android · 
      Google Chrome
      @ 曹县

      牛逼666我嘞宝贝

      回复
  4. 头像
    火火没感情 Lv.1    
    Android · Google Chrome
    四楼 Android · 
    Google Chrome

    牛逼666666

    回复
  5. 头像
    俊宏 Lv.1    
    iPhone · Safari
    5楼 iPhone · 
    Safari

    过来偷插件的

    回复