为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的作者有个完整的示例,也许更有帮助。
Comments