抓取 favicon 作为头像 注意到璟雯与橙没有用 gravatar,给我的头像设置了本站的 favicon。受此启发,我也想到还有很多博友不是 wordpress 系建站的。因此增加了抓取 favicon 作为头像的功能,已上线: 首先尝试抓取根目录的 favicon.ico 文件; 然后尝试解析 html 中 shortcut icon; 使用第三方 api 作为最后的补充方法,我找到的是Favicon Kit这个网站。 https://api.faviconkit.com/domain/size Replace domain with the domain name. Replace size with the size, in pixels. For example, to get the Stackoverflow icon, you’d use this URL: https://api.faviconki... 2022-02-22
过时浏览器兼容 博友璟雯与橙留言提醒,QQ浏览器查看本站是空白(对话详见留言)。 我在虚拟机 win10 上装了 QQ 浏览器检查发现 js 报错,不支持 replaceAll 等新方法。 QQ 浏览器的 Chrome 内核版本是 70: 获取到的 ua 是: Mozilla/5.0 (Windows NT 10.0; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/70.0.3538.25 Safari/537.36 Core/1.70.3883.400 QQBrowser/10.8.4559.400 replaceAll 方法需要 85 以上的 Chrome 内核才支持,详见caniuse: 本来打算将涉及到的新方法都自己实现一下兼容方法,但是后来发现 QQ 浏览器连 arr.shift 都报方法不存在,只能作罢了。 最终方案是根据 ua 判断... 2022-02-22
Linux Deploy 在安卓手机装服务器 一直想玩树莓派,但怕买来就吃灰。找到一台废旧红米(屏幕碎裂失灵),用 Linux Deploy 装上了 Debian(LNMP环境),模拟本站的预发环境。 几个问题记录: 一、root 本机是红米note2,root 很容易,用官方工具刷开发版就可以了。 二、镜像磁盘大小调整 安装时用了默认,磁盘只有 2G,扩容的方法是用 adb 连接手机,进入shell,执行命令: dd if=/dev/zero bs=1048576 count=3000 >> /mnt/sdcard/linux.img(替换实际路径) e2fsck -f /mnt/sdcard/linux.img resize2fs /mnt/sdcard/linux.img 三、mysql 等执行失败的问题 执行命令(nginx、redis 等类似): sudo usermod -a -G aid_inet,aid_net_raw... 2022-02-10
position: sticky 刷到蜻蜓的墓园的博客,时光页面的年月用了元素固定。 我注意到滑动时固定和释放很顺滑,没有拖帧,而这是我的时光页面一直没解决的问题。 当时是参考jquery.pin改写的 js,没错,是jQuery 时代的方法了,原理就是根据可视范围,切换 position 为 fixed、absolute。慢速滑动时效果是完美的,但是快速滑动时就会有拖帧。 我研究了蜻蜓的墓园源码,发现是用 css 新特性 “position: sticky”。改完之后果然顺滑了。实际效果见时光页面 改的过程中遇到个坑,“position: sticky” 的所有祖先元素不能有 “overflow: hidden” 类似属性,否则不生效。 2022-02-05
debian 10 开发环境部署 本地用 Vagrant + VirtualBox 创建、管理虚拟机,部署与阿里云ECS 硬件和软件配置相近的开发环境(LNMP)。 安装 vim su apt-get install vim vim /etc/vim/vimrc #去掉 syntax on 前的注释,增加: set number set tabstop=4 set softtabstop=4 colorscheme desert #如果中文乱码,则增加: set fileencodings=utf-8,ucs-bom,gb18030,gbk,gb2312,cp936 set termencoding=utf-8 set encoding=utf-8 安装 sudo apt-get install sudo vim /etc/sudoers #增加: shagon ALL=(ALL:AL... 2020-02-13