personal index — hankbean.com

hankbean.

一頁一個問題。把想清楚的事,做成一張可以走進去的地圖。

這裡收的不是文章,是幾張獨立的頁面:每一張處理一個把我卡住過的問題—— 為什麼限制會讓創作變好、馬桶到底跟科氏力有沒有關係、命運哪一段是可以動的。 寫成頁面而不是筆記,是因為有些東西要能拖、能點、能自己試一次,才算真的懂。

5 個站點 最近更新 2026.07.29 單檔 HTML · 無框架 Cloudflare Pages

關於

about

我做的東西大概只有兩種:把一個「我以為我懂、但講不清楚」的問題查到能被反駁的程度, 或者把一件手動做很煩的事變成一套會自己跑的系統。 前者最後長成這裡的頁面,後者留在硬碟裡當工具用。

兩邊共用同一條規矩:推不準的地方要標成推不準。 所以研究的頁面會標暫定、會列來源;程式的部分會先寫下驗收條件與已定決策,再開始寫實作。

名字
Hank(hankbean)
本業
金融資訊圈,做資安相關的事。下班寫自己的東西。
手上
一個逐條查證文章主張的系統、一個瀏覽器互動敘事,以及幾件還不到能講的時候的事。
在意
尺度感、可反駁、能自己動手試一次。
常用
Python(Django/FastAPI)、TypeScript、單檔 HTML;Cloudflare Pages。

工作台

bench

下一區的「站點」是溢出來、能單獨站著的那幾張。大部分東西不長成網頁—— 它們是資料庫、研究管線,或還沒做完的遊戲。列在這裡是為了說明前面那幾張頁面是從哪裡長出來的。 也有幾件沒列上來:有的是跟人合作的,有的資料還沒收完,講了反而會影響結果。

拿來用的systems
  • 心理測驗發佈平台讓不會寫程式的人把單檔 HTML 測驗貼上來,平台負責隔離執行、發佈成可分享的獨立頁。
  • 輔導紀錄生成器把一套只活在瀏覽器記憶體、重新整理就消失的工具,復刻成有帳號的後端;輸出用黃金樣本測試釘住,與原版逐字相同。
  • CVE 情資摘要 API丟新聞網址進去,回傳文中的 CVE/CVSS 與繁中摘要;要換模型只改一個環境變數。
要自己驗證的research
  • 照妖鏡逐條驗證文章裡的主張,而不是判定整篇真假。「查不到」是一種正式輸出,不是失敗。
  • 水鏡一個還在收資料的統計實驗......
做成體驗的interactive
  • 《容器》25–40 分鐘、一氣呵成的瀏覽器互動敘事。純前端、沒有存檔點,一次坐下來讀完。內容留給它自己講。
  • 萬華鏡計畫在試一個瀏覽器裡的四維 voxel 編輯器。目前只確定底層的資料表示要先站得住,其他都還會動。
  • 後室拼接一個多人共建的空間探索,做到一半,暫不多說。
  • 星空生日賀卡實體卡片上印一個 QR,掃了打開一整片可以逐封點開來讀的夜空。
存起來的archive
  • 荷馬《奧德賽》三語對照古希臘原文、公版英譯、以及為了避開版權而重做的原創中譯,逐卷拆成 Markdown。
  • 單檔 Markdown 閱讀器一個 index.html,跟 .md 檔一起丟上靜態空間就是一個文件站。這批專案的說明文件都靠它看。

站點

the atlas

每一張都是獨立的一頁,各自有各自的配色與互動。點編號旁的箭頭會另開分頁。

這些頁面怎麼來的

method

流程大致固定:先有一個「我以為我懂、但講不清楚」的問題,把它拆到能被反駁的程度, 查到足以標註來源的地步,剩下講不清楚的部分就做成互動——滑桿、圖、計分器, 讓讀的人自己撞一次邊界。推不準的一律標成暫定,不編理由。 所以這些頁面沒有留言區,也沒有訂閱:它們是筆記的完成式,不是內容產品。