Hanpu Li 李函璞

编辑札记 · 2026

关于本站

这里刊载写作、词、摄影、研究与出版实验。不同工作在此相邻,但不被归结为同一种实践的例证,也不构成一份完整的人生档案。

页面参与作品被阅读的过程。这些札记让编辑选择可以被检查,不替读者规定作品必须意味着什么。

把页面展开来看

以下图版取自首页的研究项目条目:使用实际发布的 HTML,在两种明确的视口宽度下测量布局。彩色线条是分析标注;线条下面保留的是实际页面。

01 / 栏位如何建立关系

沿编号对照同一个条目。宽屏上,序号、说明与证据分别占据不同栏位;窄屏上,证据移到说明之后,按阅读顺序展开。

桌面 · 1440 CSS px 视口

桌面 · 1440 CSS px 视口
查看原始分辨率
实测栏宽
12 / 99.89–104.64 CSS px
栏间距
17.44 CSS px
项目分隔线
1px
内容上方留白
28.96px

手机 · 390 CSS px 视口

手机 · 390 CSS px 视口
查看原始分辨率
  1. 01项目序号
  2. 02标题与说明
  3. 03证据与状态
  4. 04可展开的研究图版

共用网格并不意味着每页相同。这些测量仅对应此条目和指定视口。细线划分项目,序号确定位置,较小的证据栏提供标题本身无法证明的信息。

查看原页面

02 / 字体承担不同的工作

这里采用上方桌面条目的原文与实际计算样式。字体名称来自浏览器真正绘制的字体。下面字样保留实测字体、字号和字距;重新换行时,行距留出阅读空间。原页面与示例的行高如有不同,会分别列明。

元信息

研究 · 遥感 · 政治经济学

字号
13 CSS px
原页面行高
18.2 CSS px
字距
0.715px
实际绘制字体
Hanpu Chinese / Courier Prime

项目标题

虚拟制作的物质足迹

字号
54 CSS px
原页面行高
70.2 CSS px
字距
-1.62px
实际绘制字体
Hanpu Chinese

说明正文

一项持续研究已完成的空间阶段:以 Shepperton Studios 扩建为对象,把低碳叙事与地表覆盖变化、热环境证据及规划记录逐一对照。

字号
16.56 CSS px
原页面行高
27.49 CSS px
字距
normal
实际绘制字体
Hanpu Chinese Common / Hanpu Chinese / EB Garamond

01

出版,而非罗列

选编本身就是一种工作。

一篇文章需要持续阅读,一张照片需要观看,一个研究项目需要能够返回方法与证据的路径。它们在此相邻,并不意味着具有相同目的,或应以相同标准判断是否完成。本站既是一份出版物,也是一份作品选集;两者都不是穷尽一切的档案。

作品在前,职业资料在后。署名、早期活动与公开记录另置于书后资料式的页面,便于核查,而不让履历成为每首诗、每张照片的解释。证据链接只能支持具体事项,不能替整项实践背书。

02

页面怎样获得权威

经过设计的表面并不中立。

暖色底、深色文字、细线与页边编号借用的是编辑出版物的组织方式,而不是仿造一张旧纸。散文与诗行有各自展开的空间,等宽标签区分日期、序次与出版信息。重复的对齐关系让不同材料可以辨认,但不把每件作品压进同一种卡片。

这种克制也会产生权威感。整齐的网格可能让未完成的研究看上去已经定论。因此,状态说明、来源与版本日期和字体同样重要:视觉统一不能替代证明。诗券也面对这个问题,一间精致的商店正在把排印作为升级项出售。

字体按书写系统与阅读用途分工,不充当各国的服装。共用一个字体家族不等于中文与日文字形规范相同。每次改文案都要检查覆盖与回退;版面灰度一致,并不足以证明出现的是应有字形。

03

七个版本

翻译是一种阅读,不是一层可互换的外观。

英文、香港繁体中文、简体中文、日文、德文、法文与俄文分别维护。英文是默认入口,不是每件作品的原作语言。切换界面不会把中文诗悄悄变成英文原作;部分长文仍保留其注明的出版语言。

中文文学原文、简体字形镜像与译文承担不同的编辑角色。字形转换不是另一份翻译。翻译有时必须更明确地决定主语、时态或关系,这些决定会改变诗里原本悬而未决的东西。行数与诗节检查可以发现结构漂移,不能认证一次文学理解。

各语言保留共同导航与来源关系,不必产生完全相同的行长与字形。这是一份跨语言的共同出版物,不承诺七种语言看起来一样,也不暗示每份译文都经过独立母语编辑审阅。

04

编排与修订

日期与相邻关系会改变读法。

甲乙序列、集外作品,以及《屋顶裂开》的两份有日期的稿本,各自保留区别。较晚的文本并不自动取代所有早稿。两稿并置,让删改成为可以阅读的过程,而不以“定稿”遮蔽它。

选出的照片、研究图版与数字小票样本,是不同性质的图像。图注应当说明它们展示了什么、不能证明什么。屏幕校样不是实物照片,地图也不能证明所有拟议研究阶段都已完成。编排与图注负责交代这些关系,不让图像承担一份履历。

05

读者可以改变页面

作者安排形式,不等于锁定显示。

Drucker 把物质性放到系统的使用中考察,而不止于结构。[1] 在这里,这个问题很具体:能否返回一阕词、比较版本、追索来源,或者改变阅读条件而不丢失文本?装饰性地像一本书,并不能回答它。

阅读设置可在默认字体与 OpenDyslexic 之间切换,也可调整字号、间距、行宽、版式、动态与对比度。这些是接触同一材料的其他方式,不是设计的次等版本。键盘焦点、标题层级与文字替代仍然属于出版工作,即使它们不是屏幕上最显眼的部分。

自动检查能找到部分标签缺失与排版故障,不能代替真正使用屏幕阅读器的人,也不能证明一段图像描述带来了相等的体验。无障碍是持续的编辑责任,不是测试套件颁发的标章。

06

作者责任与证据

可追溯的过程不是价值证书。

本站大部分编辑与实现工作由作者本人完成。AI 曾就网页的交互逻辑与视觉呈现提供审阅意见;作者自行判断取舍并作最终决定。这不意味着每首诗、每份译文、每张照片都具有同一种制作历史。

源文件、生成工具与版本历史有助于辨认什么被改过、当前展示的是什么。它们本身不能证明文学质量、实际打印成功、读者反应或机构认可。项目自身的叙述与可以独立核查的记录应当保持区别。

这些页面中的学术参照用于检查具体决定,并非全都是创作起点。比较应当揭示差异或限制;一串知名人物的名字不能补上未做的实验,也不能让读者的反应变得可预测。

07

制作与维护

小型 Python 构建器把结构化内容与模板生成静态 HTML。字体和图片随站点托管;字体系统包括 EB Garamond、Courier Prime、Cousine、日文的 Shippori Mincho,以及繁简中文的一点明 I.MingCP。响应式版式及可选阅读控件使文档适应阅读条件。核心阅读内容不依赖 JavaScript;少量渐进增强功能与诗券商店会在浏览器中使用它。

构建、多语、链接、字体与浏览器检查为这些出版决定服务。这是维护,不是美学论证。公开仓库供人检查,并不向所有创作内容授予一揽子开放许可。诗券另行允许个人保存、打印,以及把打印件赠给他人。

本地状态与托管

本站不添加分析工具、广告脚本或追踪 cookie。阅读偏好留在浏览器中。诗券也会保存本地目录购物袋,并把完成的订单留在当前标签页;它不扣款、不联系打印机。这些限制描述的是本站自己的代码,不保证托管服务商没有访问日志。点击外部来源会进入相应提供方的网站。

札记的阅读参照

参照只用于具体问题,不表示本站已经实现某套完整理论。

  1. Johanna Drucker. Performative Materiality and Theoretical Approaches to Interface. Digital Humanities Quarterly 7(1), 2013, especially paragraphs 8–12. PDF · USC Scalar