typecho海报生成功能移植

in 折腾 with 4 comments views: 784 times

前言

最近突然觉得海报分享这个功能非常实用,于是到网上找各种插件。
但能用的插件不是收费(),就是调用远程服务器api(不放心啊)。

所以只有自己弄一番了。

正文

这个功能是从 splity 主题拆出来的,花(没有水平瞎搞了)了我好几个小时。

由于不会写typecho插件,所以仅仅只是把它打包了一下。
地址:poster.zip
IMG_20200414_153712.jpg
(不得不说开发文档真的少,有哪位大佬感兴趣可以写一下插件版的
优势

  1. 本功能由客户端调用canvas直接生成海报,服务端的压力极小(只需生成一张二维码)。
  2. 功能还是挺不错的,比如说你开发主题就可以直接加上这些(现在带海报分享功能的主题真的不多呢)。
  3. ……

效果图如下:
2Q==-1.jpeg

使用方法

  1. 将文件上传至正使用的主题目录下解压;
  2. 先在在合适的位置插入
<a href="javascript:;" class="btn-bigger-cover comiis_poster_a">海报分享</a>
<!--样式可以自己改-->

3.再在页脚(</html>标签外)插入

<?php if ($this->is('post')) : ?>
//检查页面是否为内容页
<?php $this->need('poster.php'); ?>
<?php endif; ?>

4.最后一点,poster.php第59行的背景图按需设置,不同主题有不同做法。

'<div class="comiis_poster_img"><div class="img_time"><?php $this->date('d'); ?><span><?php $this->date('Y'); ?>/<?php $this->date('m'); ?></span></div><img src="此处为你图片的地址" class="vm" id="comiis_poster_image"></div>\n' +
'<div class="comiis_poster_tita"><?php $this->title(); ?></div>\n'

其他的:默认引入jquery.min.js,如果主题自带,可以在poster.php注释掉。

最后

这么简单的移植工作我都做了半天,看来我的水平真是不行呢。(但这也是我努力半天的成果,不喜勿喷!)

Responses
选择表情
  1. 博主你好!这个插件不知道也会不会存在图片跨域问题,我得主题也有自带,但是使用动静分离之后就无法生成截图

    Reply
    1. @拉普猴

      我没搞过动静分离也没遇到过这种情况,所以不大清楚。

      Reply
  2. 给力

    Reply
    1. @Breeze

      蟹蟹!

      Reply