月度归档： 2024 年 4 月

这两天把荒废已久的Jekyll博客重新整理了一下，添加了二维码的功能，调整了下外观背景样式之类的，大概的适配了小屏幕的布局。
终于到暂时稍微满意的状态了。
这几天里总归不算太热，天气潮湿多大雨。屋子里有些闷，但透过窗口看到那一片片新换的绿叶，加上随时可能出现的哗哗大雨，也算调剂了心情。
蛋黄这几天就这样足不能出屋了，无聊的她大部分时间趴在那里睡觉，一喊一招手马上跑到身边转圈跳跃。每次开门也都想着跟出去。

Friday, April 26, 2024

今天一个博客上看到有文章的二维码链接，通过搜索知道了可以通过 jquery.qrcode.js在前端实时生成字符串的二维码。所以试着在这里也加了这个功能。

首先需要将 jquery.qrcode.min.js 和 jquery 引入到页面，通过jquery.qrcode生成需要的二维码。里面可以包含二维码的各项自定义设置项，如宽高色彩等信息。也可以定义生成二维码为table还是canvas类型。

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

<script>
    jQuery(function(){

    jQuery('#qrcode').qrcode({
    render: "table",
    width: 160,
    height: 160,
    foreground: "#337778",
    background: "#efefef",
    text: "{{ page.url }}"
    });

    })
</script>

后面就可以在需要的页面里添加上生成的QR码。可以在里面根据需要设置一下显示的样式。

<div id="qrcode" style=" align-self: start; margin:0px 10px 10px 0px; padding:20px; box-shadow: inset #2c7f7f 0 0 15px 10px;" ></div>

于是每个有需要显示二维码的页面都可以动态生成相机友好的二维码了。
但是总感觉放页面上有些突兀，后面兜兜转转放到了页面开头，也算不那么违和。

Wednesday, April 24, 2024