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