Typecho海报插件ArticlePoster 四种美化样式

本文共有四种海报样式，原版的话，不太适合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://56phone.lanzoum.com/ihO1s0u0t8yh

修改图片源

原版的海报调用的是必应的每日图片,但同一天生成的都是一样的。
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

加菜

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

给你的网站增加赞赏支持功能
敬请期待-----

又一款漂亮的不要不要的打赏码
敬请期待-----

注意

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

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