SETTINGS
设置
站点的外观在这里调:已定稿的放在「稳定」,还在试验的放在「实验」。 选择只保存在你这台设备的浏览器里。
当前是默认外观
稳定
已经定稿的外观,可以放心长期使用。
外观材质
同一组里只能开一个:再开另一个,前一个会自动关掉。
实底
面板换成不透明实底,去掉毛玻璃、顶部高光和投影。
注意:背景图会被面板完全盖住。
书本
去掉背景图:浅色换成米黄纸面、深色换成深灰纸面。「纸面 + 字体」档再把全站换成宋体和 Times New Roman,代码块保持等宽。
注意:中文宋体用的是系统自带字体(Windows 是中易宋体、macOS 是宋体-简),小字号会显得偏细;与「液态玻璃」同开时,玻璃没有背景图可折射,不会生效。
独立实验
不和任何实验互斥,可以和上面任意一项同时开。
圆角
面板和控件的圆角,分三档。不保证覆盖所有控件;“液态玻璃”实验下切换圆角需要刷新页面生效。
实验
还在试验中的想法,随时可能修改或取消,遇到问题就关掉。
外观材质
同一组里只能开一个:再开另一个,前一个会自动关掉。
描边
面板几乎透明,只留一圈描边把边界画出来。
注意:文字直接压在背景图上,遇到花的背景可能不好读。
赛博朋克
深蓝黑底、霓虹青强调色、选中文字浮夸品红,面板描边带一点青光。锁定夜间模式:主题开关在这条实验开着时不生效。
面板材质
与上面的外观材质互不相干,可以自由组合。随便自由组合可能导致糟糕的后果,比如 ⌈液态玻璃⌋ + ⌈书本⌋ + 浅色模式 。不信可以试试。
液态玻璃
面板换成一块真“玻璃”,iOS风格:实时折射背后的背景,边缘压缩、倒角高光,G2 连续曲率圆角。依赖 WebGL 。
实验性效果:玻璃可能跟不上滚动和动画(会滞后一两帧)、超长正文面板效果较差、文字与背景的对比度可能会降低、在老设备上会掉帧。不合适就关掉。
注意:超长文章的面板另走一条便宜的 SVG 滤镜路线。开启后整页背景交给画布绘制;顶栏底栏、以及超过 24 块的其余面板保持原本的亚克力外观。该路线依赖 backdrop-filter 里的 SVG 滤镜,Firefox 下正文与文章里的卡片会退回亚克力外观。
独立实验
不和任何实验互斥,可以和上面任意一项同时开。
打字机
全站换成等宽字体,正文行距收紧一点。
注意:中文会回退到系统中文字体,主要变化在数字和拉丁字母上。
静止
停掉全站所有动画和过渡:状态变化全部瞬间到位,包括页面切换、入场动画和目录跳转的平滑滚动。
注意:与系统的「减少动态效果」同效果,但只对本站生效。液态玻璃的 WebGL 渲染不归它管。
关于外观选项
- 选择只保存在你这台设备的浏览器里,不会同步给别人,也不影响文章内容。
- 「实验」区的选项随时可能改效果或下线,遇到问题就恢复默认。
- 恢复默认之后页面会立刻变回去,不需要刷新。