📢:阅读文章前请先关注微信公众号“云星日记”回复关键词验证码获取密码即可!
侧边栏壁纸
  • 累计撰写草书 35 篇文章
  • 累计收到神评 1,289 条评论
  • 注册/暂不开启丨登录

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

神话-kzy200212@qq.com
2021-04-03 / 90 评论 / 1,462 阅读 / 正在检测是否收录...
/
温馨提示:
本文最后更新于2021年04月29日,已超过12天没有更新,若内容或图片失效,请留言反馈。

以下内容均为手打文章,哪里不会可以点击文章最下方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:

价格: 1.00 云币(元)
已有7人付款此文章

温馨提示:付款后1天内可重复阅读,请及时查看。
内容需付费可见
920

打赏

评论 (90)

取消
  1. 头像
    帅比
    iPhone · Safari

    帅b

    回复
  2. 头像
    毒蛊
    Android · Google Chrome

    666666666666

    回复
    1. 头像
      神话-kzy200212@qq.com 作者
      Android · Google Chrome
      @ 毒蛊

      点赞了吗

      回复
  3. 头像
    wuyi
    Windows 10 · Google Chrome

    666666啊

    回复
  4. 头像
    1
    Windows 10 · Google Chrome

    画图

    回复
  5. 头像
    Alanine
    Windows 10 · Google Chrome

    ghnhg

    回复
  6. 头像
    苏梓
    Windows X64 · QQ Browser

    6666

    回复
    1. 头像
      神话-kzy200212@qq.com 作者
      Android · Google Chrome
      @ 苏梓

      点赞了吗

      回复
  7. 头像
    luoxhi
    Windows X64 · QQ Browser

    6666

    回复
  8. 头像
    zhongzn
    Windows 10 · QQ Browser

    摸鱼来了

    回复
    1. 头像
      神话-kzy200212@qq.com 作者
      Android · Google Chrome
      @ zhongzn

      😂😂😂

      回复
  9. 头像
    洛栀
    Windows X64 · QQ Browser

    66666

    回复
  10. 头像
    还喝酒
    Android · Google Chrome

    6666

    回复
  11. 头像
    空白
    Windows 10 · QQ Browser

    感谢管理 大大

    回复
  12. 头像
    10001
    Windows 10 · QQ Browser

    画图

    回复
  13. 头像
    毒蛊
    Windows X64 · QQ Browser

    拿了

    回复
  14. 头像
    fsdfsd
    Windows 7 · Google Chrome

    原创的好啊

    回复
    1. 头像
      神话-kzy200212@qq.com 作者
      Android · Google Chrome
      @ fsdfsd

      哈哈哈

      回复
  15. 头像
    乔治
    Android · Google Chrome

    看看

    回复
  16. 头像
    4664
    Windows 8.1 · Google Chrome

    还不错

    回复
  17. 头像
    小白
    Android · Google Chrome

    看看

    回复
  18. 头像
    小米
    Windows 10 · FireFox

    画图

    回复
  19. 头像
    6
    Windows 10 · Google Chrome

    画图

    回复
  20. 头像
    阿祥
    Android · Google Chrome

    拿了拿了表情

    回复
  21. 头像
    七宝萌琪
    Windows 10 · Google Chrome

    表情下载玩玩

    回复
  22. 头像
    6464
    Android · Google Chrome

    牛逼牛逼牛逼

    回复
  23. 头像
    6464
    Android · Google Chrome

    牛逼牛逼牛逼

    回复
  24. 头像
    晚风
    Windows 10 · QQ Browser

    表情

    回复
    1. 头像
      神话-kzy200212@qq.com 作者
      Android · Google Chrome
      @ 晚风

      点赞了吗

      回复
  25. 头像
    想起
    Windows 7 · Google Chrome

    整得挺好!!!

    回复
    1. 头像
      神话-kzy200212@qq.com 作者
      Android · Google Chrome
      @ 想起

      点赞了吗?!!!

      回复
  26. 头像
    几句话
    Windows 7 · Google Chrome

    给个回复

    回复
    1. 头像
      神话-kzy200212@qq.com 作者
      Android · Google Chrome
      @ 几句话

      回复了,有什么事情吗?

      回复
  27. 头像
    moran
    Windows 10 · Google Chrome

    不错哦!

    回复
  28. 头像
    乔治
    Android · Safari

    看看

    回复
  29. 头像
    茗总
    Windows X64 · QQ Browser

    你在哪在哪

    回复
    1. 头像
      神话-kzy200212@qq.com 作者
      Android · Google Chrome
      @ 茗总

      我在你心里呀,小宝贝

      回复
  30. 头像
    豪哥
    Windows 10 · QQ Browser

    来看看

    回复
  31. 头像
    寒晨
    Android · Google Chrome

    666阿

    回复
  32. 头像
    小白
    Android · Google Chrome

    来看看

    回复
  33. 头像
    q
    MacOS · Google Chrome

    嗷嗷

    回复
  34. 头像
    a
    MacOS · Safari

    哈哈哈

    回复
  35. 头像
    浅陌
    Windows 10 · Google Chrome

    画图

    回复
  36. 头像
    666
    Windows 10 · Google Chrome

    画图

    回复
  37. 头像
    88
    Windows 10 · Google Chrome

    加油

    回复
  38. 头像
    咳咳
    Android Oreo · Google Chrome

    敏感肌可以用吗

    回复
    1. 头像
      神话-kzy200212@qq.com 作者
      Windows 10 · Google Chrome
      @ 咳咳

      ????

      回复
  39. 头像
    纸壳
    Windows 10 · Google Chrome

    没说的 需要来看看

    回复
    1. 头像
      神话-kzy200212@qq.com 作者
      Windows 10 · Google Chrome
      @ 纸壳

      好的

      回复
  40. 头像
    杨柳清风
    Windows 10 · Google Chrome

    挺不错的

    回复
  41. 头像
    风筝
    Android · QQ Browser

    真不错

    回复
  42. 头像
    6
    Windows 10 · QQ Browser

    不错啊

    回复
    1. 头像
      神话-kzy200212@qq.com 作者
      Windows 10 · Google Chrome
      @ 6

      点赞去(此消息为机器人自动回复)

      回复
  43. 头像
    遇上你
    Windows 10 · Google Chrome

    画图

    回复
  44. 头像
    地球村李大爷
    Windows 10 · QQ Browser

    啥也不是

    回复
    1. 头像
      神话-kzy200212@qq.com 作者
      Windows 10 · Google Chrome
      @ 地球村李大爷

      怎么?

      回复
  45. 头像
    可乐云小站
    Windows 10 · Google Chrome

    谢谢

    回复
  46. 头像
    罗小黑
    Windows X64 · QQ Browser

    测试

    回复
  47. 头像
    Yxteam
    Windows 10 · Google Chrome

    感谢大大的分享

    回复
    1. 头像
      神话-kzy200212@qq.com 作者
      Android · Google Chrome
      @ Yxteam

      点赞了吗??

      回复
  48. 头像
    艺辰
    Windows 10 · QQ Browser

    和接收方擦拭打死哦啊山东黄金覅哦阿斯顿

    回复
  49. 头像
    乐豪科技
    Android · Google Chrome

    牛逼

    回复
    1. 头像
      神话-kzy200212@qq.com 作者
      Android · Google Chrome
      @ 乐豪科技

      点赞了吗

      回复
  50. 头像
    神话
    Windows 10 · QQ Browser

    咳咳咳

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

      咳咳咳

      回复
  51. 头像
    神话-kzy200212@qq.com 作者
    Android · Google Chrome
    @

    对不起,已拉黑,您的鸡吧留着自己画吧

    回复
  52. 头像
    Seirei
    Windows 10 · Google Chrome

    缓存掉了0.0

    回复
    1. 头像
      神话-kzy200212@qq.com 作者
      Android · Google Chrome
      @ Seirei

      哈哈哈哈???

      回复
  53. 头像
    Seirei
    Windows 10 · Google Chrome

    试试

    回复
    1. 头像
      神话-kzy200212@qq.com 作者
      Android · Google Chrome
      @ Seirei

      先去点赞

      回复
      1. 头像
        Seirei
        Windows 10 · Google Chrome
        @ 神话-kzy200212@qq.com

        post里面的代码文章里面没有啦表情

        回复
        1. 头像
          神话-kzy200212@qq.com 作者
          Android · Google Chrome
          @ Seirei

          有呀. post挂载代码,你好好看看

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

            复制的地方是什么意思?样式代码文章有发

            回复
          2. 头像
            Seirei
            Windows 10 · Google Chrome
            @ 神话-kzy200212@qq.com

            图片有,复制的地方没了,可能是我设备问题?话说。按钮样式代码来一个呗

            回复
  54. 头像
    yy
    Windows 10 · QQ Browser

    66666666看看

    回复
    1. 头像
      神话-kzy200212@qq.com 作者
      Android · Google Chrome
      @ yy

      点赞了吗

      回复
  55. 头像
    0101
    Windows 10 · Google Chrome

    试试

    回复
    1. 头像
      神话-kzy200212@qq.com 作者
      Android · Google Chrome
      @ 0101

      点赞了吗

      回复
  56. 头像
    组队
    Windows 10 · Google Chrome

    多个地方

    回复
  57. 头像
    Too子牙
    Windows 10 · Google Chrome

    666表情

    回复
    1. 头像
      Too子牙
      Windows 10 · Google Chrome
      @ Too子牙

      自定义的样式在哪儿 怎么看不到

      回复
      1. 头像
        神话-kzy200212@qq.com 作者
        Windows 10 · Google Chrome
        @ Too子牙

        在文章里

        回复
        1. 头像
          Too子牙
          Android · Google Chrome
          @ 神话-kzy200212@qq.com

          为什么在电脑上只看到生成海报和按钮两坨字,在手机上可以看到完整代码,我还以为是你放错代码了表情

          回复
          1. 头像
            神话-kzy200212@qq.com 作者
            Android · Google Chrome
            @ Too子牙

            是吗?我弄好之后还没在pc看呢,等我有时间看看,应该是有问题

            回复
  58. 头像
    发哈哈哈哈嗝
    Android · QQ Browser

    牛逼

    回复
    1. 头像
      神话-kzy200212@qq.com 作者
      Android · Google Chrome
      @ 发哈哈哈哈嗝

      点赞了吗?

      回复
  59. 头像
    1
    Windows 10 · Google Chrome

    牛逼

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

      点赞了吗

      回复
  60. 头像
    立刻有
    Android · Google Chrome

    爷来了

    回复
    1. 头像
      神话-kzy200212@qq.com 作者
      Android · Google Chrome
      @ 立刻有

      你点赞了吗?

      回复
bt《官方公众号》 点击这里给我发消息