• clsty
  • 0:00 am

月摘：2024.06

字词数：1413   ✧   阅读量：   ✧  

以下按钮可供你方便地引用本文。URL 中即使域名变化，其后的路径也将始终指向原本的内容。
https://css.celestialy.top/p/558bd6ebf
[月摘：2024.06 | clsty 的网络空间站](https://css.celestialy.top/p/558bd6ebf)
[[https://css.celestialy.top/p/558bd6ebf][月摘：2024.06 | clsty 的网络空间站]]

有时或许连你自己都不知道，你已有达成目标的能力；直到你得到了一份高于活化能的初始能量。

空间站的又一点变化

上个月，空间站又发生了四个主要变化1，距离理想中的究极完全体又双叒叕进了一步。

链接管理优化

之前本站采用所谓“portal”来确保链接不会 404；目前，这些链接仍然不会导致 404，只是每个页面的固有链接发生了变化。具体详见这篇文章。

边脚注的实现

这是我个人最喜欢的一个改进。

  • 脚注会同时出现在边注的位置2，我称之为“边脚注”。
  • 边脚注由 JavaScript 实现，不会像由 Perplex 内置短代码实现的边注那样干扰 RSS 输出。
  • 布局表现：
    • 总体位置较为灵活，会随着页面宽度改变3。
    • 竖直位置与正文内部的脚注基本接近。
    • 在正文外部时，与中心部分的水平相对位置非常稳定。
    • 在正文右侧时，不会与 featured 图片重合。
  • 修复了当多篇含有脚注的文章被渲染到同一页面时，脚注 id 冲突的问题。4

如图所示，笔者很早就想要这样的效果了，没想到自己真的能做出来，作为强迫症无比满足。

Figure 1: 纪念终于能稳定显示在正文左侧的边脚注

Figure 1: 纪念终于能稳定显示在正文左侧的边脚注

侧边目录栏改进

Perplex 本来也内置了一个侧边目录栏，但是存在感极弱。

  • 网页加载时，目录栏不会自动打开。
  • 除非屏幕极宽，否则目录栏不会一直显示，一旦失去焦点也就失去了踪影。
  • 当前所在标题不会在目录栏中高亮，也更不会自动滚动到可视范围。

这次的改进不仅依次解决了以上问题，还增加了不同屏幕宽度下位置、尺寸与透明度的自适应改变，以期与其它元素5和谐共处。

亮色模式修复

这部分的改进背后是一个有点令人哭笑不得的事件。

起因是有人向我反馈，首页的部分章节标题与背景色同为白色，进而融为一体。我感到大惑不解，毕竟“Perplex 可是只支持深色模式的”。

而之后我才了解到，Perplex 其实本来就支持亮色主题，我对此不知情的原因则是：

  • 我习惯在浏览器与系统上始终开启深色模式。
  • 大多数支持亮/暗两套配色的 Hugo 主题都会给出一个切换按钮，而 Perplex 是个例外。

在一些紧急修复之后，亮色模式能够正常工作了，只是离我的理想仍有差距 —  — 至少也要实现一个切换按钮，不然又会出现像我一样以为它只支持暗色（或亮色）模式的人吧。6

arCNiso 例行更新

只是例行更新，一切正常。7

空间站更新汇总

除了本文以外，空间站还更新了以下内容：

散文屋

  1. 次要变化则包括新增字词数统计、Artalk 更新、再次加载页面时恢复上一次浏览位置、代码块自动换行而非水平滚动、代码块显示行号等。 ↩︎

  2. 这种做法并不是首创，而是借鉴自 gwern.net。 ↩︎

  3. 尽可能减少边脚注与侧边目录栏抢空间的机会。 ↩︎

  4. 这口陈年旧锅本来要扔给 Hugo 所依赖的 Markdown 引擎 —  — Goldmark，但被扔回到 Hugo 这边已经有约四年了，参见 Hugo 论坛的讨论以及 GitHub 上的 issue。 ↩︎

  5. 容易与目录栏争抢空间的，主要是头图和边注。 ↩︎

  6. 这需要将 CSS 与 JavaScript 一同做调整，并不是只靠已有的 CSS 加一行能用按钮触发的 JS 命令就能实现的，我只能试着抽空实现它了。咕咕咕 ↩︎

  7. arCNiso 是笔者为了解决原版 archiso 的一些痛点而改进的一个分支，仓库为 GitHub:clsty/arCNiso。 ↩︎