前言

由于近日疫情的爆发,小giao,哦不,小帅比Gord在家无聊透了,就想写写文章,给大家的handsome主题添加二维码生成小工具。还不错的哟,求支持ing!

支持的基本功能如下

  • 支持文字二维码生成
  • 网站跳转二维码生成

须知

你的主题是handsome主题

使用教程

1、首先将以下代码复制到,handsome主题设置的:开发者设置-自定义输出body尾部的HTML代码

<script src="https://cdn.jsdelivr.net/gh/gordsky/sky/js/layer/layer.js" type="text/javascript" charset="utf-8"></script>
<script src="https://cdn.jsdelivr.net/gh/gordsky/sky/js/layer/sweetalert.min.js" type="text/javascript" charset="utf-8"></script>

2、创建页面,默认模板哈,将以下代码复制进去

需要在代码头部和底部,添加三个感叹号。 !!!因为是htmll代码,所以要用html格式

<h2>工具介绍</h2>
<p>在线生成二维码</p>
<hr>
<div class="panel panel-default">
<div class="panel-heading font-bold">二维码生成</div>
<div class="panel-body">
<div class="form-group">
<textarea class="textarea form-control" id="text" rows="5"></textarea>
</div>
<div class="text-center">
<button type="submit" id="btn" class="btn btn-info">生成二维码</button></div>
</div>
</div>
<div class="entry-content l-h-2x" id="data"></div>
<script>$('#btn').click(function() {
            var textdata = $('#text').val();
            if (textdata == "") {
              swal({
                title: "请输入内容",
                text: "请输入您要生成的二维码的内容",
                icon: "warning",
                buttons: false,
                timer: 3000,
              });
            } else {
              layer.msg('生成成功');
              $('#data').html('<small class="text-muted letterspacing github_tips"></small><div class="repo-list text-center"><div class="blankslate"><h4><a data-fancybox="gallery" no-pjax="" data-type="image" data-caption="" href="https://gordsky.cn/api/ewm.php?text=' + textdata + '&size=300" class="light-link"><img src="https://gordsky.cn/api/ewm.php?text=' + textdata + '&size=300"></a></h4></div></div>');
            }
          });</script>

然后保存就大功告成啦。赶快去试试吧!

效果图:

二维码生成

Last modification:February 7th, 2020 at 03:20 pm