暗黑模式
加上暗黑模式，整体还算满意。 2021/6/28, synyan.cn, theme Puma (2020) – add dark mode, on macOS Big Sur 护眼模式？胶片模式？见仁见智。
分类： 博客
js实现简单打字机效果
步骤：
1、下载typed.js，放在主题文件夹下。
2、简书[typed.js]-Javascript打字动画库，案例示范中拷贝从<body>到</body>之间的内容，贴在自己的页面内。
3、CSS内自定义样式，如：
/* typewriter */
.element {
font-size: 40px;
font-family: courier;
display: inline-block;
}
.typed-cursor {
font-size: 35px;
}效果：
404页面
改进：
后期可以将函数提取后封装成可以引用的js文件，单独引用，实现不同文字的效果。
Interactive Geo Maps
放假在家发现了个地标插件Interactive Geo Maps，安装后觉得界面清新可人，一冲动买了个终身license。 可是地标添加多了（一个层>40个左右）会发生故障，表现在： 唯一的解决方法是修改php.ini，但众所周知虚机是改不了...
迁至阿里云
旧的服务商某创香港服务器用了有五年了，之前一直比较稳定。自打香港那档子事以后，攻击加剧，服务器经常出现连不上的状况（共享ip真的很坑），有时是被CC攻击，有时干脆就是我修改文件手快了被识别为CC攻击……非常无厘头。
后台服务态度虽然还可以，架不住没几天就要断网然后po ticket，烦恼。
手头有个备案几年的域名，一直当作图片地址mask用的，挺浪费。瞅来瞅去打算还是将它用上，顺便迁回国内。几家云服务商里，还是选了跟OSS一样的阿里云的独占ip虚机，优点是早有账号、无缝对接，缺点是后台复杂、价格小贵（kf小妹说曾经买过就不算新客户不能享受3折优惠）。
前一次试图迁移，因为个人技术原因没有成功，本次灵光乍现，规避了MySQL的版本问题。可是仍旧踩了不少坑，其中比较大的坑有子域名和%post_id%固定链接的Nginx设置方法。
location / {
try_files $uri $uri/ /index.php?$args;
if (-f $request_filename/index.html) {
rewrite (.*) $1/index.html break;
}
if (-f $request_filename/index.php) {
rewrite (.*) $1/index.php;
}
if (!-f $request_filename) {
rewrite (.*) /index.php;
}
}
location /t/ {
if (!-e $request_filename) {
rewrite . /t/index.php last;
}
}以及Aliyun的数据库导入方法迥异于phpMyAdmin，加上数据库文件太大，各种数据库面板、FTP、插件……折腾了好几个小时（阿里云有个修改php.ini的页面是纯欺骗感情的）。不过一个收获是将两个数据库正式合并了。经测试速度挺快，也不断线，终于可以跟某创说88了！
最后请各位朋友惠存新博订阅地址：
- 旅行漫记 https://synyan.cn/feed
- 竹炉山房 https://synyan.cn/t/feed
又一次失败的折腾
上午无事再次折腾阿里云，想着可以比目前的HK主机快一些，再加上手头有个备过案的闲置域名，买了个云虚拟主机尝试移植站点。一通操作后发觉太过复杂，好容易解决了让人头昏脑胀的云服务器和网站上传问题，发现这个神奇的主机只支持MySQL 5.1和5.7，果断跳过了5.6。找了教程，用Navicat for MySQL折腾了两个小时还是不行，说识别不了sql文件。看看时间已到下午五点，果断放弃。好在阿里云的五天无理由退款还算人性化，试玩过后退款基本秒到账。
精力有限，老老实实呆着不想动了。
美化足迹页面
自2019年尝试以百度地图API制作足迹地图但因百度地图最大缩放级别受限制最后无疾而终重新用回Mapsmarker以来，对当时做的水滴形💧图标还是挺满意的。只是长期用惯了圆形⭕️图标，也就懒得动了。 百度地图API制作足迹地图教程升级版...
改了favicon
今晚看了Susan Kare的网站。她曾是乔布斯的御用视觉设计师，不少Mac和Windows的经典像素作品出自其手。 看完后略有启发，也把自己网站的favicon改一下吧。老款用了七八年了。 因为自个儿的Photoshop不能用了，图是用画板像素点...
改名
近期除了美国暴乱、北方疫情外，最大的新闻是全国冰冻，具体到江南，每天零下7度，冻得直打哆嗦。虽然不意外，砖家早在11月就已经预警了拉尼娜，但真来临时，仍旧要感慨一句：爷是真不经冻啊！
▶️ 冯巩“冻人”事迹
按照目前的情势，过年又要延长也说不准。已经准备好了switch版《Diablo 3》，到时候昼夜打游戏也是可能的。
话又说回来，期待每日阳光明媚的日子，哪怕是坐在窗前晒着发呆！因此微信改了个名儿sunshine，以作为2021年的新念想。
WordPress 5.5强制图片100%显示
WordPress 5.5更新后，自动为每个不存在width、height的图片加上了这两个属性（取自媒体库尺寸），用于浏览器lazyload加载。
虽然挺美，但是如果图片刚开始传的尺寸不对（例如width=500px），在后台直接替换（非通过媒体库替换）为正确尺寸（例如width=1000px）后，WordPress依旧会加载本来的宽度，导致图片无法按照所需尺寸加载。
解决方法：
figure.wp-block-image.size-large img {
width: 100%
}将figcaption标签作为图片alt属性
知更鸟近日发表文章《将title标签作为WordPress文章图片的alt》，提出了一种改良的自动设置图片alt属性的懒人方法。 其实现在新版wp中用古腾堡编辑器编辑文章时，我都直接在图片下方加figcaption了，title和alt都懒得写。 问题...