杜郎俊赏 - dujun.io

抓取 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

过时浏览器兼容

outdated-browsers-compatibility封面
博友璟雯与橙留言提醒,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封面
一直想玩树莓派,但怕买来就吃灰。找到一台废旧红米(屏幕碎裂失灵),用 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

position-sticky封面
刷到蜻蜓的墓园的博客,时光页面的年月用了元素固定。 我注意到滑动时固定和释放很顺滑,没有拖帧,而这是我的时光页面一直没解决的问题。 当时是参考jquery.pin改写的 js,没错,是jQuery 时代的方法了,原理就是根据可视范围,切换 position 为 fixed、absolute。慢速滑动时效果是完美的,但是快速滑动时就会有拖帧。 我研究了蜻蜓的墓园源码,发现是用 css 新特性 “position: sticky”。改完之后果然顺滑了。实际效果见时光页面 改的过程中遇到个坑,“position: sticky” 的所有祖先元素不能有 “overflow: hidden” 类似属性,否则不生效。

2022-02-05

dark-mode封面
深色模式完成。 优先跟随系统,系统未设置的,在日出之前或日落之后切换为深色模式。

2022-01-11

915封面

2021-08-05

914封面

2021-07-20

898封面
自己动手换电池。

2021-04-06

887封面
拼了四天,手指头都痛了。从无到有的创造是很有成就感的。

2020-10-13

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

分页: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71