VSCode Vim 的命令模式左右方向键失灵
输入到 :s/xxx 正当中想要用方向键或者退格键修改时,发现不能在命令面板移动光标,实际移动到文件中的光标。
新建 VSCode 配置文件测试,问题出在键盘快捷方式配置文件上,有这么一段。
{
// 在 Insert 模式下按 End 后再按 Left,光标会跳跃
"key": "left",
"command": "-extension.vim_left",
"when": "editorTextFocus && vim.active && !inDebugRepl"
},
{
// 在 Insert 模式下按 Home 后再按 Right,光标会跳跃
"key": "right",
"command": "-extension.vim_right",
"when": "editorTextFocus && vim.active && !inDebugRepl"
},
{
// 鼠标选择一段再按退格,执行删除而不是向前扩展选择
"key": "backspace",
"command": "-extension.vim_backspace",
"when": "editorTextFocus && vim.active && !inDebugRepl"
},现在基本习惯 Vim 的操作了,先回滚设置。
博客博文永久链接重定向
现在博文的地址是很久以前继承 WordPress 转到 Hexo 一路流传下来的布置方式。
它有个缺点就是光凭 ID 无法辨识正文内容,时间也会让文章显得 ” 过时 “,是 SEO 的大忌。
同时文章大部分都是中文内容,把汉字标题放在 URL 上,经过百分号编码之后难以辨识。
最终决定只保留英文标题作为永久链接的唯一部件。
/:year/:month/:day/:id/
https://blog.kokomi.me/2015/02/22/1/
↓
https://blog.kokomi.me/posts/new-arrival
/posts/:postname至于 postname 怎么来,Gemini 给出了很好的翻译回答,中文变英文,假名变罗马音,再稍微调整语序。
IntelliJ IDEA 格式化快捷键失灵
Windows 平台进行文件格式化的默认键位是 Ctrl+Alt+L,然而怎么按都没反应。
一看消息提示栏,网易云音乐一直在给歌曲点赞再取消点赞。原来是你挂了全局快捷键。
关闭 Edge 开发者工具元素面板的 Copilot
元素最右边 == $0 后面跟着个 Copilot 图标,基本没用过,容易误触,还是关了为妙。
去开发者工具设置的实验属性中关闭 Enable CSS Copilot
Disqus 评论 div 背景色和周围不匹配
博客的 Disqus 评论区的 iframe 背景色 #121212 和周围博文的背景色 #333333 一点不匹配,颜色差异很大,找遍了没发现哪儿定义的这个色彩。
但注意到 blog.skk.moe 的 Disqus 就没这个问题,多番对比发现是 Disqus 加载的 iframe 的 html tag 上的 color-scheme: dark 属性在作祟,改成 auto 就正常了,即便当前是夜间模式。
找了找还真有文章说这事的:
- Disqus Appearance Customizations | Disqus 确实按这里说的改
#disqus_thread就够了,但没必要加<p>这么麻烦 - CSS color-scheme and iframes, lessons learned from Disqus background bug | Sergeyski 这里的方式有点过头,也没验证成功
实际上只需要一小段就能让背景色变透明。我把这段放在 source/_data/styles.styl 让 NexT 注入到主 CSS 文件中。
// 在夜间模式的浏览器中会 Disqus 选择到 color-scheme: dark,
// 这个模式下它的 iframe 背景色和网页的背景色不一致,大概在 #121212
// 这段强制让它采用透明背景,需要结合 Disqus 后台设置主题颜色为 Auto
// 才能让输入框和文字的颜色也匹配。
// 不过还有个问题是中途切换色彩主题得刷新页面才生效,问题不大。
#disqus_thread {
color-scheme: auto;
}博客网站性能优化
最初的版本 57 分
评分链接:PageSpeed Insights
- 网络依赖关系树部分,FontAwesome 的 woff2 字体资源下载要等到 all.min.css 下载完成后才开始,又慢又大。
资源链接都是已知的,使用<link rel="preload" as="font" crossorigin>预取字体资源 - 进度条组件
pace加载占了点时间,用处不大也去了吧 - 动画速度 200ms 改成了 120ms 显得快哈哈
改版 78 分
评分链接:PageSpeed Insights
- 从三方加载的 JetBrains Maple Mono 字体下载量占了整体 40%,感觉为了 CJK 等宽字符代价太大,切换成官方版 JetBrains Mono,以后代码块尽量写英语哈哈
- 显示 CSS 和 HTML 尺寸可以缩小,确实没有 minify,加个
hexo-minify依赖做这事
改版 88 分
评分链接:PageSpeed Insights