typecho海报插件
昵称
密码
标签搜索
侧边栏壁纸
  • 累计撰写 6 篇文章
  • 累计收到 1 条评论

typecho海报插件

Seirei
2021-04-06 / 0 评论 / 356 阅读 / 正在检测是否收录...
/
温馨提示:
本文最后更新于2021年04月26日,已超过155天没有更新,若内容或图片失效,请留言反馈。

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

插件介绍:

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

插件安装:

1.将插件上传到 /usr/plugins/ 并将其重命名为 ArticlePoster
2.修改post.php并在适当的位置添加挂载点代码(这里说一下代码放到 /usr/themes/Joe/post.php )文件中 第57行

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

post.png

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

按钮样式

按钮样式.png

大功告成!!!

原文来自: 《重点》typecho海报插件/全面讲解

自定义头图教程

找到插件目录 /service/api.php 在179行,把get_curl函数里面的内容直接换成你要换的图片链接就行了

get_curl('https://www.bing.com'.json_decode(get_curl("https://www.bing.com/HPImageArchive.aspx?format=js&idx=0&n=1"),true)['images'][0]['url'])

自定义头像教程

找到插件目录 /service/api.php 在191行,把get_curl函数里面的内容直接换成你要换的图片链接就行了

get_curl('https://q1.qlogo.cn/g?b=qq&nk='.$info['artcleqqqq'].'&s=640')
自定义海报字体教程

找到插件目录 /service/inc/fonts/msyh.ttf 换成自己想要的字体就行了,记得名称要一样
提示:更换字体可能会导致海报排版错误,有能力的自己搞定

原文来自: Typecho教程 - ArticlePoster使用问题综合帖

39

评论 (0)

取消