Typecho插件 - 为你的文章生成微海报

季春二九 2020-04-21 13:50 11

自我觉得海报分享这个功能非常实用

优势：
本功能由客户端调用html canvas直接生成海报，服务端的压力极小（只需生成一张二维码）。
还是挺不错的，比如说你开发主题就可以直接加上这些（现在带海报分享功能的主题真的不多呢）。

使用方法
将文件上传至正使用的主题目录下解压；
先在在合适的位置插入

    <a href="javascript:;" class="btn-bigger-cover comiis_poster_a">海报分享</a>
    
    <!--样式可以自己改-->

3.再在页脚（标签外）插入

    <?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><div class="comiis_poster_tita"><?php $this->title(); ?></div>

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

本文资源下载：

{alert type="info"}
1.微信扫下面二维码关注公众号
2.回复 0421 进行下载
{/alert}

全部评论 6

CertStone
Google Chrome Windows 10

1年前

没有生成相应的二维码是怎么回事#(想一想)

回复
人生
Google Chrome Windows 10

2年前

在某称情况下会报错
Uncaught SyntaxError: Invalid or unexpected token
不知道什么原因

回复
陈
Google Chrome MacOS

3年前

正愁这个功能

回复
P1zn1
Google Chrome Windows 10

3年前

多谢楼主

回复
Yolen
Google Chrome Windows 7

3年前

正愁这个功能

回复
forcelee
Google Chrome Windows 10

3年前

让我看看吧博主

回复

Typecho插件 - 为你的文章生成微海报

本文资源下载：

评论

全部评论 6

CertStone

人生

陈

P1zn1

Yolen

forcelee

最新文章

目录

下一篇

目录

登录

Typecho插件 - 为你的文章生成微海报

本文资源下载：

评论

全部评论 6

CertStone

人生

陈

P1zn1

Yolen

forcelee

相关推荐

typecho引入五秒盾，缓解服务器压力

Typecho美化之网页底部增加好久不见的底部样式

Typecho头像被墙的解决方法

Typecho添加一个当前页面加载完成速度时间

Typecho Mirages 主题自定义公告样式

让Typecho支持Emoji表情,解决报错：Database Query Error

Typecho浏览统计和热门文章调用插件TePostViews

Typecho新后台模板

QQ/微信域名防红方法,打开网站跳转浏览器打开

Typecho去除更新检测和后台日志

最新文章

目录

下一篇

目录