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

推荐订阅源

月光博客
月光博客
Stack Overflow Blog
Stack Overflow Blog
L
LangChain Blog
Jina AI
Jina AI
freeCodeCamp Programming Tutorials: Python, JavaScript, Git & More
雷峰网
雷峰网
T
Tailwind CSS Blog
MongoDB | Blog
MongoDB | Blog
博客园 - 【当耐特】
博客园 - 聂微东
V
Visual Studio Blog
博客园_首页
Engineering at Meta
Engineering at Meta
让小产品的独立变现更简单 - ezindie.com
让小产品的独立变现更简单 - ezindie.com
The Cloudflare Blog
人人都是产品经理
人人都是产品经理
Apple Machine Learning Research
Apple Machine Learning Research
阮一峰的网络日志
阮一峰的网络日志
Microsoft Security Blog
Microsoft Security Blog
GbyAI
GbyAI
F
Fortinet All Blogs
C
Check Point Blog
罗磊的独立博客
H
Hackread – Cybersecurity News, Data Breaches, AI and More

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
公众号文章二维码 | Fooleap's Blog
fooleap · 2017-07-23 · via Fooleap's Blog

在很久之前,我便注册了微信公众平台,也许是因不习惯,也因自我感觉博客够用,我一直没有开始运营它。直至最近,我才想到怎么使用比较好,那就是将其改成跑步文章专用公众号。

近日,发表了第一篇文章,或许该公众号所有的文章,在本博上都能找到对应,而本博有的,该公众号不一定有。

那么,我该在博客里怎么显示公众号文章的链接比较好呢?公众号文章,当然是在手机打开比较好,在手机打开优先扫码比较好,那就直接显示在微信分享的二维码吧!

我的想法是这样的,若微信有相关文章,则显示微信文章链接的二维码;若没有,则显示为当前页面链接的二维码。

在此前,我选择使用七牛 API 生成的二维码图片作为微信分享的二维码图片。现在看起来要改成以前使用 JS 生成二维码的方式,我还是选择 qrcodejs[1]

具体实现是这样的,在有公众号文章的 post 头部设置公众号文章链接,如:

wechat: http://mp.weixin.qq.com/s/yMlAhGL9i79NEBAXWNpmqQ 

那么模板里 Liquid 的相关判断可以如下:

{% if page.wechat %}
    {{ page.wechat }}
{% else %}
    {{ site.home | append: page.url }}
{% endif %}

最后,JS 这么处理

var qrcode = new QRCode('qrcode', {
    text: qrcodeUrl, // 要显示成二维码的链接
    width: 80,
    height: 80,
    colorDark: '#000000',
    colorLight: '#ffffff',
    correctLevel: QRCode.CorrectLevel.L,
    useSVG: true
});

扯了那么多,然而并没什么卵用,根本就没人会去扫那个二维码。

目前,我有两篇文章加了公众号链接:

参考资料

本文历史

  • 2017 年 07 月 23 日 完成初稿

最近更新

猜你喜欢