SETTINGS

设置

站点的外观在这里调:已定稿的放在「稳定」,还在试验的放在「实验」。 选择只保存在你这台设备的浏览器里。

当前是默认外观

稳定

已经定稿的外观,可以放心长期使用。

外观材质

同一组里只能开一个:再开另一个,前一个会自动关掉。

  • 实底

    面板换成不透明实底,去掉毛玻璃、顶部高光和投影。

    注意:背景图会被面板完全盖住。

  • 书本

    去掉背景图:浅色换成米黄纸面、深色换成深灰纸面。「纸面 + 字体」档再把全站换成宋体和 Times New Roman,代码块保持等宽。

    注意:中文宋体用的是系统自带字体(Windows 是中易宋体、macOS 是宋体-简),小字号会显得偏细;与「液态玻璃」同开时,玻璃没有背景图可折射,不会生效。

独立实验

不和任何实验互斥,可以和上面任意一项同时开。

  • 圆角

    面板和控件的圆角,分三档。不保证覆盖所有控件;“液态玻璃”实验下切换圆角需要刷新页面生效。

实验

还在试验中的想法,随时可能修改或取消,遇到问题就关掉。

外观材质

同一组里只能开一个:再开另一个,前一个会自动关掉。

  • 描边

    面板几乎透明,只留一圈描边把边界画出来。

    注意:文字直接压在背景图上,遇到花的背景可能不好读。

  • 赛博朋克

    深蓝黑底、霓虹青强调色、选中文字浮夸品红,面板描边带一点青光。锁定夜间模式:主题开关在这条实验开着时不生效。

面板材质

与上面的外观材质互不相干,可以自由组合。随便自由组合可能导致糟糕的后果,比如 ⌈液态玻璃⌋ + ⌈书本⌋ + 浅色模式 。不信可以试试。

  • 液态玻璃

    面板换成一块真“玻璃”,iOS风格:实时折射背后的背景,边缘压缩、倒角高光,G2 连续曲率圆角。依赖 WebGL 。

    实验性效果:玻璃可能跟不上滚动和动画(会滞后一两帧)、超长正文面板效果较差、文字与背景的对比度可能会降低、在老设备上会掉帧。不合适就关掉。

    注意:超长文章的面板另走一条便宜的 SVG 滤镜路线。开启后整页背景交给画布绘制;顶栏底栏、以及超过 24 块的其余面板保持原本的亚克力外观。该路线依赖 backdrop-filter 里的 SVG 滤镜,Firefox 下正文与文章里的卡片会退回亚克力外观。

独立实验

不和任何实验互斥,可以和上面任意一项同时开。

  • 打字机

    全站换成等宽字体,正文行距收紧一点。

    注意:中文会回退到系统中文字体,主要变化在数字和拉丁字母上。

  • 静止

    停掉全站所有动画和过渡:状态变化全部瞬间到位,包括页面切换、入场动画和目录跳转的平滑滚动。

    注意:与系统的「减少动态效果」同效果,但只对本站生效。液态玻璃的 WebGL 渲染不归它管。

关于外观选项

  • 选择只保存在你这台设备的浏览器里,不会同步给别人,也不影响文章内容。
  • 「实验」区的选项随时可能改效果或下线,遇到问题就恢复默认。
  • 恢复默认之后页面会立刻变回去,不需要刷新。