最新补充:博客已分享性能最好的 js 生成二维码方案==>传送门
今天发现之前用的二维码 API 不怎么稳定了,老是出现图裂无法加载的情况。用的是 api.qrserver.com 这个 API 服务,手动访问了几次,发现时好时坏!看来得另找其他可用的二维码 API 了。还好,互联网总是不缺乏免费服务的,不出几分钟,就让我找到了 2 个!现在就来分享给二维码需求的朋友!
先简单说下为什么要添加这个二维码:有博友提到这个功能好像没啥用。。。我也觉得确实挺鸡肋的。
还是说一个场景吧:当你看到我博客一篇很有用的教程,却有急事需要立即离开时,这个二维码就派上用场了!你可以用手机扫描页面上的二维码,从而转到手机上留着继续看。也许你会说,还有 Ctrl+D 收藏,那要是电脑不是你的,比如你在网吧呢?好吧,总体来说,这个功能还是有那么点用的,反正像张戈博客这样放到标题的右侧,也不影响美观(其实,百度分享的分享到微信就是生成二维码,囧~~)。
一、联图 API
接口地址:http://qr.liantu.com/api.php
调用方法:http://qr.liantu.com/api.php?text=https://zhang.ge
WordPress 代码:
<img title="本文二维码,手机扫一扫,精彩随身带!" style="float:right;cursor:pointer" src="http://qr.liantu.com/api.php?w=68&m=0&text=<?php the_permalink(); ?>" alt="QR: <?php the_title(); ?>" width="68" height="68"/>
引用参数:
以下参数可用于引用二维码图片时定义图片样式 参数引用例子:http://qr.liantu.com/api.php?&bg=ffffff&fg=cc0000&text=x 参数 描述 赋值例子 bg 背景颜色 bg=颜色代码,例如:bg=ffffff fg 前景颜色 fg=颜色代码,例如:fg=cc0000 gc 渐变颜色 gc=颜色代码,例如:gc=cc00000 el 纠错等级 el 可用值:h\q\m\l,例如:el=h w 尺寸大小 w=数值(像素),例如:w=300 m 静区(外边距) m=数值(像素),例如:m=30 pt 定位点颜色(外框) pt=颜色代码,例如:pt=00ff00 inpt 定位点颜色(内点) inpt=颜色代码,例如:inpt=000000 logo logo 图片 logo=图片地址,例如:logo=http://www.liantu.com/images/2013/sample.jpg
二、JiaThis API
接口地址:http://s.jiathis.com/qrcode.php
调用方法:http://s.jiathis.com/qrcode.php?url=https://zhang.ge/
WordPress 代码:
<img title="本文二维码,手机扫一扫,精彩随身带!" style="float:right;cursor:pointer" src="http://s.jiathis.com/qrcode.php?url=<?php the_permalink(); ?>" alt="QR: <?php the_title(); ?>" width="68" height="68"/>
三、快拍 API
调用方法:http://api.kuaipai.cn/qr?chl=https://zhang.ge/
WordPress 代码:
<img title="本文二维码,手机扫一扫,精彩随身带!" style="float:right;cursor:pointer" src="http://api.kuaipai.cn/qr?chl=<?php the_permalink(); ?>" alt="QR: <?php the_title(); ?>" width="68" height="68"/>
Ps:以上三个 API 都是国内的,速度都非常快,其中联图的可以使用参数来规划二维码图片样式,而后面 2 个 API 是从各自的【分享到微信】功能中扒皮出来的,所以并未提供二维码大小的控制,也可能是我不知道吧,有知道的朋友欢迎告知!国内免费内的二维码 API 肯定还有很多,暂时就整理这几个,已经够用了。如果发现其他更好的二维码 API,我会继续补充,同时也欢迎你来留言告知!
四、文章二维码
要让文章页面生成相应的二维码图片,只要从以上代码中选择一个,添加到 WordPress 主题文章模板文件 single.php 的相应位置即可。这样,每个文章页面都能生成一个相应的二维码图片的,用户用手机一扫就能转到手机访问,非常方便!
比如,张戈博客就是将这个代码放到了标题旁边,效果还是不错的!具体放到哪,就看自己心情了。多调试几次,找到最满意的位置保存即可!
五、自己 DIY
晚上闲的无聊,利用 phpQrCode 类自己写了一个二维码 API,本来打算放到自己博客的,后来考虑了一下,还是先放到 SAE 上好了,免费资源的不用白不用,而且速度不比上面分享的 API 慢,而且可以简单的定制样式!
API 地址:
参数及范例:
url: 二维码对应的网址 m : 二维码白色边框尺寸,缺省值: 0px e : 容错级别(errorLevel),可选参数如下(缺省值 L): L 水平 7%的字码可被修正 M 水平 15%的字码可被修正 Q 水平 25%的字码可被修正 H 水平 30%的字码可被修正 p : 二维码尺寸,可选范围 1-10(具体大小和容错级别有关)(缺省值:3) 常规格式:http://seo.zgboke.com/qr/?m=0&e=L&p=3&url=https://zhang.ge/ CDN 加速【推荐】: 格 式:http://seo.zgboke.com/qr/$m_$e_$p_$url_cdn.png 示 例:http://seo.zgboke.com/qr/0_l_3_https://zhang.ge_cdn.png
WordPress 调用代码:
<img title="本文二维码,手机扫一扫,精彩随身带!" style="float:right;cursor:pointer" src="http://seo.zgboke.com/qr/0_1_3_<?php the_permalink(); ?>_cdn.png" alt="QR: <?php the_title(); ?>" width="68" height="68"/>
呵呵,还是用自己做的最好,用的安心,看着顺心!
最新补充:此 API 源码已在张戈博客公布,感兴趣的请前往获取==>传送门
感觉文章二维码好像用处不大,用电脑浏览文章,应该不会看到二维码就用手机扫描来看文章的吧;如果是用手机浏览移动版的话,二维码也没啥用了。
说一个场景吧:当你看到我博客一篇很有用的教程,却有急事需要立即离开时,这个二维码就派上用场了!你可以用手机扫描页面上的二维码,从而转到手机上留着继续看。也许你会说,还有Ctrl+D收藏,那要是电脑不是你的,比如你在网吧呢?好吧,总体来说,这个功能还是有那么点用的,反正像Jager博客这样放到标题的右侧,也不影响美观。
嗯,排版挺好的,不影响美观,这种功能总好过没有吧
楼上好像有道理啊。用户已经打开了你的文章,不至于需要用户用手机看文章吧》如果需要用户保存文章的话?或者说二维码方便给用户做其他使用的话。,可能会更好,唉,水平有限。也不知道这个这个二维码是否适合微信或者微博文章使用。那样也许还有点推广软文的作用啊。有高手可以指点或者讨论一下http://www.0769cm.com/
同样适用。
博主。你的文章(百度未收录)功能设置是自动了统计的吗?最好能出个教程啊。
我也比较期待方法,应该是自动判别吧
这个是实时查询的,如果没做缓存不建议使用这个功能,会影响打开速度。至于实现方法,回头有时间分享下,其实百度可以搜到的。
文章已发:https://zhang.ge/4617.html
博主有才哦!
小雨用的是秀主题,想添加这个功能,可是标题行只有35高啊,应该怎么实现协调点呢,望不吝赐教!
看过你的了,完全可以放到主副标题的最右边。
嗯,实践过才知道真的可以,是我多虑了,没有出现变形错位!感谢博主!
能用就好~
正需要这个,感谢分享。
不错,支持下!
我最近也在寻找,对比了一下,这个还好用:http://tool.kd128.com/tool/qrcode.html
谢谢楼上老哥~发现这个页面大部分都不好使了
再见开放互联网