杜郎俊赏 - dujun.io

波浪下划线

本站对文字的重点标记,经过了几次改版。 一、着重号 最初使用着重号。它的问题是会造成段落间距变大,同时大圆点标记过于醒目,抢夺阅读视线。 text-emphasis: filled circle; text-emphasis-position: under; 效果如:对照文字、着重号标记的文字 二、虚线下划线 着重号用了没多久,就改成虚线下划线了。 border-bottom: 2px dotted; 效果如:对照文字、虚线下划线标记的文字 三、波浪下划线 虚线下划线没什么问题,但是今天突然觉得平庸了,决定改成波浪线。 代码参考了 CSS实现文字下面波浪线动画效果。具体实现如下: padding: 8px 0; background: radial-gradient(circle at 10px -7px, transparent 8px, currentColor 8px...
2022-08-02

H264需为偶数尺寸

刚才上传一个 mp4 视频时报错(视频见上一篇文章),本地调试发现错误信息为: [libx264 @ 0x55a5429f40c0] height not divisible by 2 (540x771) 搜索相关信息了解到:旧式 H264 编码视频(如 yuv420p 格式)如果长宽中含有奇数会导致转码失败。 因此,强制转换长宽为偶数: $width = 2 * (int)ceil($width / 2); $height = 2 * (int)ceil($height / 2); 之前一直没发现这个问题,大概是因为绝大部分是手机直接拍的视频,都是标准偶数尺寸。
2022-07-22

989封面
mac系统浏览器,隐藏文本光标(除输入框外)。css 如下: * { caret-color: transparent; } input:focus-within, textarea:focus-within { caret-color: auto; } 应用前效果(录自友站 Vian): 应用后效果:
2022-06-28

984封面
看到博友 gd1214b 的文章《Web Feed 倡议书》,增加了 RSS 自动发现功能。 在 里增加: 效果如下:
2022-05-12

仿微信语音播放 svg

决定优化语音播放的动效,网上找了一圈没有满意的,最后自己用微信程序包中的 svg 来改。 svg 如下: 效果如下:
2022-04-08

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

ssh 目录断点续传

rsync -vrtP --rsh=ssh user@host:romote_path path
2021-12-01

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:ALL) NOPASSWD:ALL ssh...
2020-02-13

rtrim 的坑

线上报 500 错误,定位到是 json 解析失败,特定内容存在乱码,而造成乱码的是原因是 rtrim 截取中文字符时末位可能乱码。 替代方法: function r_trim($content, $tail) { $len = mb_strlen($tail, 'utf-8'); return $tail == mb_substr($content, -$len, $len, 'utf-8') ? mb_substr($content, 0, -$len, 'utf-8') : $content; }
2019-02-01

VirtualBox 回收虚拟磁盘空间

先标记闲置空间。 windows虚拟机里使用软件sdelete: sdelete -z c:\ linux虚拟机里执行: sudo dd if=/dev/zero of=zero.fill sudo rm -f zero.fill 压缩 vdi 格式虚拟磁盘,如果是 vmdk 格式,可以先中转成 vdi: VBoxManage clonehd path.vmdk path.vdi --format vdi VBoxManage modifyhd path.vdi --compact VBoxManage clonehd path.vdi path.vmdk --format vmdk 如果报 uuid 已存在,则做如下修改: VBoxManage internalcommands sethduuid path.vmdk {uuid}
2018-12-28

分页: 1 2 3 4