为Jekyll文章添加二维码
Sep 28, 2015 Vink jekyll QRcode

为Jekyll文章添加二维码

看到别人这么做,自己也试了下,确实可以。不过还是用分享按钮里面现成的吧。

GitHub上有个现成的jquery-qrcode.js,按照里面的说明很容易就能为文章生成一个二维码了。

首先去GitHub上clone这个js(https://github.com/jeromeetienne/jquery-qrcode.git),放到合适的地方,在需要生成二维码的地方引用:

<script type="text/javascript" src="jquery.qrcode.min.js"></script>

然后创建任意一个元素来包含所生成的二维码图片,比如说一个<div>

1 <div id="qrcode"></div>
2 
3 <script type="text/javascript">
4   $("#code").qrcode({
5     width: 150,
6     height: 150,
7     text: "http://vinkdong.github.io/design/2015/09/28/qr-code-to-post-with-jekyll/"
8   });
9 </script>

其中的text部分按照自己需要修改就可以。长宽也可以自定义。这样就可以任意生成二维码了。

jQuery-qrcode的作者有个完整的示例,也许更有帮助。

Share this post


Comments