排行榜 统计
  • 建站日期:2020/07/11
  • 文章总数:151 篇
  • 评论总数:184 条
  • 分类总数:5 个
  • 最后更新:1月17日

非插件为typecho 文章生成微海报分享

本文阅读 1 分钟
首页 typecho 正文

本文最后更新于2023年01月14日, 已超过465天没有更新。 如果文章内容或图片资源失效,请留言反馈,我会及时处理,谢谢!

使用方法

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

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

再在页脚( 标签外)插入

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

最后一点,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 注释掉

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

文件进Q群3332693或评论下载:

{cat_hide}
链接:https://pan.baidu.com/s/1Six4r9MLeQpibu_JGE97AQ
提取码:1edj
{/cat_hide}

本文来自投稿,不代表本站立场,如若转载,请注明出处:
-- 展开阅读全文 --
有种关系,此生难忘
« 上一篇 10-27
友情链接插件1.2.2帮助文档
下一篇 » 10-30
V注册会员 L评论等级
R21 条回复
  1. 听雪 :
    2020-11-27     Win 10 /    Chrome

    看看什么效果

    1. LaoyaoV :
      2020-11-27     Win 10 /    Chrome

      @听雪

      效果还不错的,

  2. 5177 :
    2020-11-21     Android /    Chrome

    看看什么效果,感谢分享了!

    1. LaoyaoV :
      2020-11-27     Win 10 /    Chrome

      @5177

      不谢,能用就好

  3. Blog :
    2020-11-09     MacOS /    FireFox

    围观

  4. wibus :
    2020-11-07     Win 7 /    Chrome

    围观

    1. LaoyaoV :
      2020-11-07     Win 10 /    Chrome

      @wibus

      板凳伺候。

  5. 2020-10-30     Win 7 /    Chrome

    生成海报原来怎么简单的代码就解决了。

  6. 笑人 :
    2020-10-30     Win 10 /    QQ浏览器

    我怀疑你没有上传文件

    1. LaoyaoV :
      2020-10-30     iPhone /    QQ浏览器

      @笑人

      你好!今天下午补上

没有更多评论了