惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

V
V2EX
P
Proofpoint News Feed
D
DataBreaches.Net
C
Check Point Blog
L
LangChain Blog
量子位
美团技术团队
Vercel News
Vercel News
人人都是产品经理
人人都是产品经理
N
Netflix TechBlog - Medium
V
Visual Studio Blog
Microsoft Security Blog
Microsoft Security Blog
博客园 - 【当耐特】
MongoDB | Blog
MongoDB | Blog
Cyber Security Advisories - MS-ISAC
Cyber Security Advisories - MS-ISAC
freeCodeCamp Programming Tutorials: Python, JavaScript, Git & More
Last Week in AI
Last Week in AI
The GitHub Blog
The GitHub Blog
奇客Solidot–传递最新科技情报
奇客Solidot–传递最新科技情报
U
Unit 42
腾讯CDC
M
MIT News - Artificial intelligence
Microsoft Azure Blog
Microsoft Azure Blog
Blog — PlanetScale
Blog — PlanetScale

Fooleap's Blog

渴望理想 | Fooleap's Blog 19 年底一些事 | Fooleap's Blog 藉秋风,跑起来 | Fooleap's Blog 一个人去跑步 | Fooleap's Blog 8 月的跑量仿佛是那暑假的作业 | Fooleap's Blog 三伏天跑步那么难受,为何还要跑? | Fooleap's Blog 解决小程序开发“当前系统代理不是安全代理” | Fooleap's Blog 忘却配速的夏日跑步 | Fooleap's Blog 六月天时“带水”跑步更爽 | Fooleap's Blog 出来混迟早要还的 | Fooleap's Blog 跑步不能当饭吃 | Fooleap's Blog 将京东移动端详情页链接转为 PC 端 | Fooleap's Blog 不是热就是雨 | Fooleap's Blog 这半月,我跑了 11 个 520 | Fooleap's Blog 跑完流汗一时爽,一直流汗一直爽 | Fooleap's Blog 初夏夜跑 | Fooleap's Blog Electron 中打开 QQ 临时会话 | Fooleap's Blog 春节期间的培隆角 | Fooleap's Blog 从春天跑到夏天 | Fooleap's Blog 晨雾中奔跑 | Fooleap's Blog 漫步春雨中 | Fooleap's Blog 跑在木棉花下 | Fooleap's Blog 我在春节依然坚持跑步 | Fooleap's Blog 伴随着日出跑步 | Fooleap's Blog 没有最好,只有更好 | Fooleap's Blog 电子气温计 | Fooleap's Blog 渡亭小学的金凤花 | Fooleap's Blog 随心而跑 | Fooleap's Blog 2018 跑步小结 | Fooleap's Blog 在 gVim 中使用“非等宽字体” | Fooleap's Blog
七牛 API 生成页面 URL 二维码
fooleap · 2017-04-14 · via Fooleap's Blog

七牛是个好平台,不仅免费额度够用,而且 API 足够丰富,相当实用,例如接下来将要说到的二维码 API。

博客托管平台

自从写独立博客以来,博客托管的地方换了又换,所用的平台大概如下:

  • 国外虚拟主机 刚写独立博客时,WordPress 博客托管在国外虚拟主机,访问速度一般般
  • GitHub Pages 后来,我将博客程序换为 Jekyll,并将博客托管在 GitHub Pages
  • GitCafe Pages 再后来,众所周知的原因,将国内解析到 GitCafe Pages
  • 阿里云虚机 前年底,领了阿里云的免费虚拟主机后,给域名备了案,并将国内解析到阿里云
  • 七牛云存储 去年,将自定义域名绑定到七牛,发现静态的博客完全可以直接托管在七牛,不分国内外,皆解析到七牛

现在无论图床或是页面均用七牛云存储,虽不算很完美,但用着还算舒服。

由于微信的普及,二维码得到广泛应用。此前,我博客里面的二维码生成是采用 jQuery 插件或者是 JS 库(qrcode.js[1])来实现的。

昨天,我发现七牛除了好用的图片处理 API 之外,其资源二维码 API[2] 用起来体验也是不错的。

因我博客挂在七牛上面,故可以放弃二维码的相关 JS 库,直接采用七牛 API 解决页面二维码问题。

使用起来超方便,仅需在链接后面加上 ?qrcode 即可得到一张页面 URL 二维码的 PNG 格式图片。

http://blog.fooleap.org?qrcode

首页二维码

264px 的宽高,四周空了 32px 的白底,利用七牛 API 的管道处理,可以简单将四周的白色去掉,留下 200px 的二维码。

http://blog.fooleap.org?qrcode|imageMogr2/crop/!200x200a32a32

裁剪后的首页二维码

注:为了防止被 Markdown 解释器误以为是表格,管道符 | 可用 %7C 代替。

后来,我发现其生成的二维码宽高是不一定的,实测 URL 小于等于 32 个字符则为 200px,32 字符以上则为 232px,字符更多还可能还会更大。若先去判断 URL 长度 Liquid 应该挺方便的,但还是直接采用 CSS 解决更加实在。

具体更高级的应用,移步七牛文档。

参考资料

本文历史

  • 2017 年 04 月 14 日 完成初稿

最近更新

猜你喜欢