自新世界 #0x10：Link Blog

日期：
分類： 週報 7
標籤： RemNote 6 Rust 3 CSS 2 VS Code 1

  • 我在讀什麼

  • Build you a link blog for great good

    • Xuanwo shared Simon Willison's approach to running a link blog and wrote:
      • I decided to follow simon's approach to creating a link blog, where I can share interesting links I find on the internet along with my own comments and thoughts about them.
    • This is a nice idea, and I am going to follow suite as well.
      • 💡實際上，我之前已經以某種形式在做了——比如以“我在讀什麼”等為標題。而且，
        超文字寫作
        一天世界

        這個話題真的有可能在中文世界討論嗎？John Gruber 在二零二四年說社交網路打殘了超文字寫作，這句話在中…

        本身就是一種 link blog，link blog 可能只是沒有主題的超文字寫作。
    • I don't want to boombard my readers with a flood of items in the RSS, so I'll keep the aggregate form, rather than splitting them into many snippets, although they may be stored like that in the source code. Another reason is that I don't want to acquire, or suffer from, the instant feedback of posting it like in social media.
    • In my opinion, the core of a link blog is to try to add something extra, that is to cite and append whatever thoughts you have. They do not have to be deep insights. Nor do you need to stop yourself from digressing. If you agree with the original author, then write down your resonances. If you disagree, then argue against their opinions. If any part recalls your memory or blows your mind, write them down. To me it is not some kind of read-laters (you have to read it first), but a good way to ease your FOMO — rather than forwarded tens of Hacker News posts, you now act as a news filter for your readers by providing your personal commentary.
    • Here are some rules:
      • As for personal reviews, no AI generated content (AIGC); translations may be.
      • To better express my thoughts, I will write in the language in which I feel appropriate for each link.
      • Content may be further re-used in other posts.
      • Content may be re-arranged in the future.

  • 頻繁使用AI可能讓人越來越笨？來自一項最新研究的結論

    • 重思什麼是效率：
      • 頻繁使用這類工具的使用者被要求切換到純大腦寫作時，他們仍然揹負著“認知債務”：……記憶痕跡較弱、自我監控能力下降，寫作內容呈現碎片化。……人工智慧工具雖然有助於提升學習表現，但可能會無意中阻礙深度認知處理、記憶力以及對書面材料的真正參與。使用者……可能會獲得表面上的“流利”，但無法內化知識或產生對知識的歸屬感。
      • 是有這樣一種感覺，vibe writing 後整個人是懵的。
    • 由於使用 ChatGPT 等工具寫作時理論上花費的時間更少，使用者反而更容易花更長時間投入其中，結果延長了原本完成這一任務所需的時間。
      • 這是好是壞呢？對於 ADHD，如果能減少克服啟動困難所需的精力，增加幹事情的時間，這無疑是不錯的。說不定更長時間的投入在學習上更好呢？

  • Bandizip編輯檔案後未提示更新？別慌！教你秒速找回臨時存檔

    • Personal anecdotes: Edit Word document and save and happily closes Bandizip — I once did the same thing many times in a single zip.

  • 畢業十年

    • 正值博主畢業，看到別人的回憶
    • 因為那正好是我在農業部的一個奇葩的“體制內研究所”當科研民工的時段，所以只寫了很少的文章。現在已經過去很多年了，有些事情保密性沒那麼強，可以補個檔了
      • 感覺我這“周”報也可以這樣，延遲一段固定的時間。
    • 因為搞人才引進辦理深圳戶口時需要體檢，那裡的護士看了我的身份證之後瞪大了眼睛：“北京戶口都不要了？”
      • 來去自由。
    • 不知是不是因為老闆經常拿這個網站去學術會議上炫耀，引起了上級領導的警覺。
      • 現在國內學術網站、資料集，似乎也直接掛 GitHub (Pages) 了。

  • In China, Coins and Banknotes Have All But Disappeared

    • Personal anecdotes: I try to use cash for whole ¥ amounts (i.e. no cents when prices are added up). To my surprise the cashier is practiced. Also there are middle school students who cannot use mobile phones, which makes my pament in cash not that weird.
    • 💬
      (In reviews) They mistake addiction for convenience and the Tech industry loves them for it.
      • Not using coins seems convenience at least for me. I cannot promise that I am able to keep a good care of my coins.
    • In Yangzhou, coins are called "鉛角子" kaengã'ze [outdated] / "硬幣" ènbèi. The vowel of 幣 should be [ɪ] / [əi] but some may pronounce it as a fricative [ɿ].

  • 排版技術筆記1：雜感

    • 野望是，搞文件產品，總是有人用。我想想，可能結合我那個內部的字型軟體，可以搞一個很原子化的，自由組合式的排版庫。你什麼牛檔馬檔，最後落實，不都還是字元的二維有限空間組合？
      • 輸出是二維的，不過使用時不一定是。3D plotting & typesetting 你崛起吧

  • 我在聽什麼

  • The Type — 文字 / 設計 / 文化 — 字談字暢 258：論 AI 與預製菜
    The Type

    今天是 ATypI 2025 系列訪談第四期，我們有幸請到張弛與殷葉航，與大家分享人工智慧在字型設計中的應用，及其對字型設計技術和商業的影響。 參考連結 Snow White（白雪公主），Apple 產品線在 1980 年代末至 1990 年代使用過的設計語言 “Survive and Thrive in the AI Era”，張弛在 ATypI 2025 的演講 “Monotype and the Marketplace: A Data Story”，Daniel Rhatigan 在 ATypI 2025 的演講 “Font Proofer and Rethinking How We Test Type”，Peter Nowell 在 ATypI 2025 的演講 “Words of Type, a Multilingual Encyclopedia for Typography”，Lisa Huang 在 ATypI 2025 的演講 “Font Licensing Mess”，María Ramos 在 ATypI 2025 的演講 “Design Aware Font Similarity”，Rishav Agarwal 和 Sanyam Jain 在 ATypI 2025 的演講 “Towards Infinite Styles: Do We Even Need Fonts?”，殷葉航在 ATypI 2025 的演講 Gerrit Noordzij. The stroke: theory of writing. Hyphen Press, 2006 (De Buitenkant, 2019) “Scoreboard Symphony: The Story of Traditional Ballpark Typeface Development”，Keitaro Sakamoto 和 Yuka Homma 在 ATypI 2025 的演講 嘉賓 張弛：漢儀字型檔副總裁，字由創始人 殷葉航：字型技術者和設計師，在璇璣造字做漢字藝術與設計 主播 Eric：字型排印研究者，譯者，The Type 執行編輯 歡迎與我們交流或反饋，來信請致 podcast@thetype.com​。如果你喜愛本期節目，也歡迎用支付寶向我們捐贈：hello@thetype.com​。

    • 字型站在人文和科技的十字路口。
      • 非常好的描述。新世界的大門在人文和科技上也需要有所建樹（
    • 字型作為一個基建 / 工具：例如漢儀給華為做的 Symbol，在用字型的技術解決一些更廣闊的問題。
    • Words of Type, a Multilingual Encyclopedia for Typography - ATypI在 ATypI 上說自己的網站的維護費用很貴。看樣子這個網站是個百科性質的？
    • 如今已不是一個字型匱乏的時代。可能有上千款中文字型，AI 可以幫助使用者快速選擇合適的。
      • AI 的應用之一，說實話比其他場景都更靠譜。
    • 來自璇璣造字的暴論
      • 📽️在 ATypI 2025 Copenhagen 上：Towards Infinite Styles: Do We Even Need Fonts?
      • Considering our vision that digital fonts as a product may eventually disappear, let us imagine the potential future roles that future type designers may become.
      • 「璇璣造字」是智琮科技的字型檔品牌。基於 AI，他們做了朱雀仿宋，以及本站標題的字型光錐宋。
        • 播客中提到，關於 AI 模型的訓練「完全使用免費、免費商用、開源、自由版權和已進入公有領域的字型。」
      • 這個暴論再不放的話就晚了，再不放就有別人放了。反正遲早都要有人放的，所以我要先把它放出來。
        • 之前其實在去年 6 月他們一次和量子位的直播上我就聽過這個暴論，這次更詳細，即：
        • 我們現在都非常習慣於並且接受了日常生活當中大多數時候看到的文字基本上都來自於一個字型的設定，但這個設定它是否真的合理？我們已經掉進了字型的坑裡，並且沉溺於字型的繁榮了。……為什麼一定要貝塞爾曲線？為什麼一定要勾這個貝塞爾曲線？為什麼不換一種別的字形的表示方式呢？……字型（Fonts）作為一種文字的實現形式，總會有終結的一天。
      • 不管是手寫的也好，還是印出來的也好，它都是字。……現在這些所謂人文溫情……其實徹底從我們生活當中離開了。字型設計師在做到讓大家生活在一個純淨無暇的這樣的一個文字環境當中的同時，也讓更多寫字不好看的人可以去產出非常漂亮的文字。但另外一方面，我們又發現我們把這些手寫的溫情給砍掉之後，有非常多的文字風景幾乎永遠的消失了。
        • 好多把手寫招牌、手寫體石刻換成印刷的標準宋體黑體的，完全大奸大惡。
      • 我們處於這樣一個慣性的時期，現在所有的文字渲染，所有的文字顯示都是基於字型和編碼這樣一個模型之上的。……這套模型最早是模仿的活字印刷，非常拉丁的一個思維邏輯去做的，在很多文字上面是踢到了鐵板，有很多文字它的書寫和排版需求其實會給技術提出更高的要求。現在我們其實一直是在已有的技術之上去做提案，然後去修補，然後會去形成一個連人類都很難去理解的的模型。
      • 使用者買一個字型，他可能就為了排一個海報標題。……蒙納有訂閱制，但使用者不需要幾千款字型。
        • 雖然標題字型是這樣，但是如果字型是 on-demand 提供，需要人交流來購買字型感覺就好怪。
      • …模型突然在那段時間普遍具有了能非常好的去生成影象當中的文字的能力……我們是很早就相信這樣的事情會發生。
        • 有時可以以假亂真。
      • 堅信我們現在所處的這樣一個文字視覺環境，仍然處於吃糠咽菜階段。我們作為一家技術公司，我們的目標是讓大家吃上預製菜。
        • 以及，什麼時候人人可以吃上豐富的開源字型預製菜、做出開源字型預製菜呢？

  • 我在寫什麼

  • CSS

  • telegram-cloud-photo-size-5-6314281574086068091-y.jpgtelegram-cloud-photo-size-5-6316810287621195753-y.jpg

說說最近遇到的 CSS 問題。

UnoCSS

一兩個月前發現的 bug：

.aaa {
  @apply text-blue-500;
  font-size: 1.5em;
  /* {} ← empty curly brace in comment will lead to wrong parsing */
  font-weight: 900;
}

生成了

/* layer: playground */
.aaa {← empty curly brace in comment will lead to wrong parsing */
font-weight: 900;
}

Reproduction 在 https://unocss.dev/play/~。

另外提交了一個 PR，支援了 Tailwind 4.1 新增的 @noscript 指令。發現 Unocss 的 mini 和 tailwind 兩個 preset 有很多功能是重複的，並非繼承關係。

<div class="text-blue-500 @noscript:text-red-500">
  新世界的大門
</div>

如果你禁用了 JavaScript，下面這行字應該是紅色的。

新世界的大門

VS Code

寫 Zeno 的橋橋給了我一段GitHub 登入頁的 CSS 檔案 中發現的程式碼，是以 --數字開頭的 CSS 變數 --7-grid-columns-minus-last-gap。我並不知道這是合法的 CSS，結果 VS Code 也沒法正常高亮出這個來。

目前 VS Code 的語法高亮無法正確地識別
目前 VS Code 的語法高亮無法正確地識別

查詢了一番，發現根據 spec，一個識別符號（<ident-token>）不能以數字開頭。但是，對於以雙破折號 -- 開頭的變數（CSS 自定義屬性），緊跟在後面的名稱可以以數字開頭。

翻歲月屎書，這個對詞法語法的改動是在 2014，然後 W3C 搞偷襲，還沒有清晰說明：

Change the definition of ident-like tokens to allow "--" to start an ident. As part of this, rearrange the ordering of the clauses in the "-" step of consume a token so that <CDC-token>s are recognized as such instead of becoming a -- <ident-token>.

舊的形式語言如下：

於是便著手修復水 PR。VS Code 的 grammar 是我們的老熟人 tmLanguage.json，之前在《倉頡語言的 AST 操作》裡講過。內建的語法是在額外倉庫 microsoft/vscode-css 維護的。但還不是 JSON，而是 cson，是 CoffeeScript 的語法。不過無妨，似乎有字串的糖會 trim 掉多行之間的 whitespace，方便分隔正規表示式的不同部分。

  (?:[-a-zA-Z_]    | [^\\x00-\\x7F])     # First letter
  (?:[-a-zA-Z0-9_] | [^\\x00-\\x7F]      # Remainder of identifier
    |\\\\(?:[0-9a-fA-F]{1,6}|.)
  )*

把它的 First letter 行刪瞭然後把末尾的 * 改成 +。這個變數的語法還有兩處，一個是定義時，一個是使用時，後者直接是固連著 var( 的。

然後是寫測試。這個測試也只是檢測 token 的第若干個 token 是否是我們想要的：

it('tokenizes custom variables with a leading digit', function () {
  var tokens;
  tokens = testGrammar.tokenizeLine('.flex { grid-template-columns: var(--7-grid-columns-minus-last-gap) var(--4-grid-columns); }').tokens;
  assert.deepStrictEqual(tokens[10], { scopes: ['source.css', 'meta.property-list.css', 'meta.property-value.css', 'meta.function.variable.css', 'variable.argument.css'], value: '--7-grid-columns-minus-last-gap' });
  assert.deepStrictEqual(tokens[15], { scopes: ['source.css', 'meta.property-list.css', 'meta.property-value.css', 'meta.function.variable.css', 'variable.argument.css'], value: '--4-grid-columns' });
});

提交 PR + 解釋，然後籤 CLA，收到的反饋很好：

Thank you for the detailed description and fix!

LGTM

結果發現兩個 approved 的人只是有 read-only 許可權的，還需要一個 maintainer approve，現在還卡在這裡。唉大企業

Servo

在 macOS 上嘗試構建 FireFox，一切正常，非常順利（裡面有個 servo 資料夾），但構建 Servo 遇到問題，開了個 PR #37811。感覺挺搞笑的，servo 自己 rust-analyzer 可以正常工作，但構建不起來；FF 則是反過來，r-a 不行，但構建正常。前述的問題後來被 maintainer 修好了。除此之外本身沒什麼說頭，不過我發現這位同時是 ohrs 的維護者……

Servo 執行在 macOS 上
Servo 執行在 macOS 上

評論

評論將在稽覈後顯示，閣下可以在本部落格的 Github 倉庫的 拉取請求列表 中檢視。提交成功後會自動跳轉。

本站不支持 Dark Reader 的暗色模式，请对本站关闭后再访问，亮色模式的对比度、亮度等选项不受影响。部分页面右上角提供暗色模式切换按钮，如果你没看到，说明你的浏览器尚不支持此特性。本提示不依赖于 JavaScript，你可自行查找其他用户在本站发表的关于如何关闭此提示的评论。