一张纸最要紧的是底色和行宽,屏幕上也一样。
整个页面就是一张近白的纸^,没有边框,没有卡片。正文一行控制在三十八个汉字左右——再宽,视线折返就开始吃力;再窄,又显得局促。行距收着一点,段与段之间空开,不用首行缩进,标点占足一个字宽,即使没有格子也字字入格。纸面上叠了一层极淡的噪点纹理,滚动时纹理不动,像字在纸上过。
批注是这个版式的核心。它们从脚注提升而来,浮在右栏,与正文所在的位置大致对齐^。批注不带编号,字号略小,墨色偏淡,像是后来补在纸边上的话。具体做法是一个构建时的 rehype 插件:把脚注定义搬到引用处,删掉文末的脚注区。多段的脚注会用换行连接,就像这条。 第二段也会出现在同一条批注里。
还没做的事
代码块、表格这些元素也顺手排了一遍:
const paper = { width: '38em', lineHeight: 1.9 };
引用的样式是这样的:
引文退后一步,颜色淡些,像是抄在纸边上的一句话。
窄屏幕上右栏放不下,批注会收回到段落里,变成一个浅色的块^。这只是兜底——这个站本来就是为从容的阅读准备的。你可以把窗口拖窄试试。