TypechoJoeTheme

尘遇 logo

当我遇上你
排行榜
统计

ArticlePoster海报四版齐发任君选

醉书生站长
2021年04月08日
75 评论
2,329 阅读
检测收录...
04/08
本文最后更新于2021年06月20日,已超过343天没有更新,若内容或图片失效,请留言反馈。

本文共有四种海报样式,原版的话,不太适合Joe主题,很多地方要修改。其他三种样式是针对Joe主题所做的优化,可以直接使用,无需修改,Joe有两个版本,一个是4.7.7及以下老版本,作者已经不更新,一个是7.x.x及以上新版,作者一直在更新。本站海报样式具体适配请看说明。

具体说明:
原版:不太适合Joe主题,很多地方要修改。
明月清风版:√ 适合Joe7.X.X及以上新版, √ 适合4.7.7及以下老版
百花齐放版:√ 适合Joe7.X.X及以上新版, √ 适合4.7.7及以下老版
天高云淡版:√ 适合Joe7.X.X及以上新版, × 不适合4.7.7及以下老版(需自己修改,本站未提供)

原版

安装说明:

1、将插件上传到**/usr/plugins/,如果从Github下载的,要重命名为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();
});

原版下载:

下载地址:https://github.com/MoLeft/ArticlePoster
下载地址:https://share.weiyun.com/jbSXapmg
密码:jpjscw

修改图片源

原版的海报调用的是必应的每日图片,但同一天生成的都是一样的。
ArticlePoster/service/api.php第179行:

'stream' => get_curl('https://api.btstu.cn/sjbz/api.php?lx=dongman'.json_decode(get_curl("https://api.btstu.cn/sjbz/api.php?lx=dongman&format=json"),true)['images'][0]['url']),

下面再提供一个源:
lx=分类名,如meizi,dongman,fengjing,suiji,为空随机输出!
ArticlePoster/service/api.php第179行:

'stream' => get_curl('https://api.btstu.cn/sjbz/api.php?lx=fengjing'.json_decode(get_curl("https://api.btstu.cn/sjbz/api.php?lx=fengjing&format=json"),true)['images'][0]['url']),

以下修改版是针对Joe主题所做的修改!

明月清风版

修改post.php

在合适的位置加入挂载点。

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

修改插件后台

海报插件后台——自定义按钮样式插入:
后台是否加载mdui,开启加载的:

<script src="https://cdn.jsdelivr.net/gh/cy-j/blog@5.0.0/js/mdui.min.js"></script><link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/cy-j/blog@5.0.0/js/mdui.min.css" />
<div class="haibaodiv" style="width:100%;margin-top: 16px;margin-bottom: 16px;text-align: center;">
<button class="article-poster-button mdui-btn mdui-btn-raised mdui-btn-dense mdui-color-theme-accent mdui-ripple">生成海报</button>
</div>

后台是否加载mdui,未开启加载的:

<div class="haibaodiv" style="width:100%;margin-top: 16px;margin-bottom: 16px;text-align: center;">
<button class="article-poster-button mdui-btn mdui-btn-raised mdui-btn-dense mdui-color-theme-accent mdui-ripple">生成海报</button>
</div>

明月清风版下载

注:√ 适合Joe7.X.X及以上新版,√ 适合4.7.7及以下老版
如果想要显示图标,如图2,具体效果可以见本站。在usr/plugins/ArticlePoster/css 目录下core.css文件最上面插入如下CSS代码:

@import url("//at.alicdn.com/t/font_2454184_21fnyig2i9d.css");

下载地址:https://share.weiyun.com/WsPf3Ul7
密码:

一蓑一笠一孤舟,万里江山独自游;有人问我红尘事,坐等回复不点头


百花齐放版

修改post.php

在合适的位置加入挂载点。

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

修改版3共有16种按钮样式,如图所示:且每一个按钮都有动画显示,纯CSS实现。

使用方法:

修改CSS样式

一蓑一笠一孤舟,万里江山独自游;有人问我红尘事,坐等回复不点头

修改插件后台

<button class="custom-btn btn-16"><span class="article-poster-button">海报</span></button>

共有16种按钮样式,custom-btn btn-1,custom-btn btn-2,custom-btn btn-3……到custom-btn btn-16。

天高云淡版

修改handle.php

注:√ 适合Joe7.X.X及以上新版,× 不适合4.7.7及以下老版(老版要在post.fabulous.php中修改)

一蓑一笠一孤舟,万里江山独自游;有人问我红尘事,坐等回复不点头

修改插件后台

海报插件后台——自定义按钮样式插入:

  <div class="icon ysnihb">
  <div class="tooltip">海报</div>
<span class="article-poster-button"><i class="iconfont iconhaibaofenxiang"></i></span>
  </div>

天高云淡版下载

注:√ 适合Joe7.X.X及以上新版,√ 适合4.7.7及以下老版
下载地址:https://share.weiyun.com/TTukw9rf
密码:

一蓑一笠一孤舟,万里江山独自游;有人问我红尘事,坐等回复不点头

加菜

如果想加入一个同款样式打赏功能的话,看……

给你的网站增加赞赏支持功能
https://chenyu.me/1358.html

又一款漂亮的不要不要的打赏码
https://chenyu.me/1412.html

注意

上面的ICON图标我是采用的阿里的,因为我有时候会加入或修改图标,因此CSS地址会变,当然你们可以用其他网站的图标地址,如果用我阿里的话,失效了就到这里看一下,我会即时更新,当然,一般我也不会去修改它。

如果安装海报后异常,比如点赞里的心不显示,或有些地方只显示白圆……请一定要注意以下设置:

Joe4.X.X老版:是否加载jquery 是
Joe7.X.X新版:是否加载jquery 否

修改后如没有生效请清空缓存或Ctrl+F5强制刷新一下!

本文共990个字数,您已阅读:平均阅读时长≈3分钟。
美化
朗读
点赞
39
赞赏
海报
人生
欢迎
要时间嘉许,等春风得意,我正好遇上你!

微信/QQ/支付宝三合一收款码

微信
QQ
支付宝
打开微信/QQ/支付宝扫一扫,即可进行扫码打赏!
版权属于:

尘遇

最后修改:

2021 年 06 月 20 日 11 : 59 AM

本文链接:

https://chenyu.me/1341.html(转载时请注明本文出处及文章链接)

已有 75 条评论
  1. 消失的可乐云秀才 作者
    Windows 10 · Google Chrome
    沙发

    感谢

    2022-05-08 01:01 回复
  2. 消失的可乐云秀才 作者
    Windows 10 · Google Chrome
    板凳

    感谢

    2022-05-08 01:01 回复
  3. 消失的可乐云秀才 作者
    Windows 10 · Google Chrome
    地毯

    感谢

    2022-05-08 01:01 回复
  4. Jsvu秀才 作者
    Android · Google Chrome
    门口

    看看

    2022-04-16 09:50 回复
  5. Jsvue秀才 作者
    Android · Google Chrome
    走廊

    看看

    2022-04-16 09:34 回复
  6. 米奇秀才 作者
    Windows 10 · Google Chrome
    楼梯

    666666

    2022-03-16 11:18 回复
  7. 妮妮举人 作者
    Windows 10 · Google Chrome
    宅院

    666

    2022-02-17 00:31 回复
  8. 捷径之地举人小伙伴 作者
    Windows 10 · Google Chrome
    小区

    看看

    2022-02-02 20:50 回复
  9. 路人甲秀才 作者
    MacOS · Google Chrome
    街道

    看看...

    2022-01-07 22:11 回复
  10. 221秀才 作者
    Windows 10 · Google Chrome
    第10号大院

    感谢分享

    2022-01-06 00:56 回复
  11. GGHZT贡士 作者
    Windows 10 · Google Chrome
    第11号大院

    WC

    2021-11-25 21:02 回复
  12. 新一举人 作者
    Windows 10 · Google Chrome
    第12号大院

    \(^o^)/

    2021-11-24 18:01 回复
  13. 88秀才小伙伴 作者
    Windows 10 · Google Chrome
    第13号大院

    问问

    2021-11-16 23:57 回复
  14. 火喵秀才 作者
    Windows 10 · Google Chrome
    第14号大院

    谢谢分享

    2021-11-04 09:02 回复
  15. 薏米举人 作者
    Windows 10 · Google Chrome
    第15号大院

    谢谢分享

    2021-09-28 23:58 回复
  16. boarder秀才 作者
    Android Oreo · Google Chrome
    第16号大院

    谢谢分享

    2021-09-15 00:22 回复
  17. 最美晚晴秀才 作者
    Windows 10 · Google Chrome
    第17号大院

    感谢分享

    2021-08-22 12:17 回复
  18. 壹米举人 作者
    Windows 10 · Google Chrome
    第18号大院

    2021-08-21 01:51 回复
  19. 宿生秀才 作者
    Android Oreo · Google Chrome
    第19号大院

    看看

    2021-08-19 23:09 回复
  20. chz举人 作者
    Windows 10 · Google Chrome
    第20号大院

    2021-08-15 18:28 回复

光阴者,百代之过客

今日已经过去小时
这周已经过去
本月已经过去
今年已经过去个月

最新回复

  1. 1秀才
    2022-05-28

    {!{data:image/webp;base64,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}!}

  2. dingding秀才
    2022-05-27
  3. 秀才
    2022-05-26
  4. 清泓秀才
    2022-05-26

  5. 清泓秀才
    2022-05-26