前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >分享几个可用的二维码API,以及给博客添加文章二维码图片的方法

分享几个可用的二维码API,以及给博客添加文章二维码图片的方法

作者头像
张戈
发布2018-03-23 15:15:59
2.1K0
发布2018-03-23 15:15:59
举报
文章被收录于专栏:张戈的专栏张戈的专栏

最新补充:博客已分享性能最好的 js 生成二维码方案==>传送门

今天发现之前用的二维码 API 不怎么稳定了,老是出现图裂无法加载的情况。用的是 api.qrserver.com 这个 API 服务,手动访问了几次,发现时好时坏!看来得另找其他可用的二维码 API 了。还好,互联网总是不缺乏免费服务的,不出几分钟,就让我找到了 2 个!现在就来分享给二维码需求的朋友!

先简单说下为什么要添加这个二维码:有博友提到这个功能好像没啥用。。。我也觉得确实挺鸡肋的。

还是说一个场景吧:当你看到我博客一篇很有用的教程,却有急事需要立即离开时,这个二维码就派上用场了!你可以用手机扫描页面上的二维码,从而转到手机上留着继续看。也许你会说,还有 Ctrl+D 收藏,那要是电脑不是你的,比如你在网吧呢?好吧,总体来说,这个功能还是有那么点用的,反正像张戈博客这样放到标题的右侧,也不影响美观(其实,百度分享的分享到微信就是生成二维码,囧~~)。

一、联图 API

接口地址:http://qr.liantu.com/api.php

调用方法:http://qr.liantu.com/api.php?text=http://zhangge.net

WordPress 代码:

代码语言:javascript
复制
<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"/>

引用参数:

代码语言:javascript
复制
以下参数可用于引用二维码图片时定义图片样式
参数引用例子: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=http://zhangge.net/

WordPress 代码:

代码语言:javascript
复制
<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

调用方法:http://api.kuaipai.cn/qr?chl=http://zhangge.net/

WordPress 代码:

代码语言:javascript
复制
<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 地址:

http://seo.zgboke.com/qr/

参数及范例:

代码语言:javascript
复制
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=http://zhangge.net/
 
CDN加速【推荐】:
格	式:http://seo.zgboke.com/qr/$m_$e_$p_$url_cdn.png 
示	例:http://seo.zgboke.com/qr/0_l_3_http://zhangge.net_cdn.png

WordPress 调用代码:

代码语言:javascript
复制
<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 源码已在张戈博客公布,感兴趣的请前往获取==>传送门

本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2014年10月25日,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 一、联图 API
  • 二、JiaThis API
  • 三、快拍 API
  • 四、文章二维码
  • 五、自己 DIY
相关产品与服务
内容分发网络 CDN
内容分发网络(Content Delivery Network,CDN)通过将站点内容发布至遍布全球的海量加速节点,使其用户可就近获取所需内容,避免因网络拥堵、跨运营商、跨地域、跨境等因素带来的网络不稳定、访问延迟高等问题,有效提升下载速度、降低响应时间,提供流畅的用户体验。
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档