Zine#57 - 用你的錢包去投票
<div id="content" class="content e-content">
<header>
<h1 class="title p-name">Zine#57</h1>
<p class="subtitle" role="doc-subtitle">用你的錢包去投票</p>
</header><details>
<summary>目录󠄃</summary>
<div id="text-table-of-contents" role="doc-toc">
<ul>
<li><a href="#C0FDD2D7-8CF4-4110-83A7-9D83AB05D5DE">News | Article</a></li>
<li><a href="#D2FCF0E9-3C58-4F47-91E9-4D7F86C1E5E0">Cool Bit</a></li>
<li><a href="#C207377C-B8FB-4EA5-8D82-B310C59CB4EB">Tutorial | Resource</a></li>
<li><a href="#B81A7173-3EA8-4E44-BF44-A5B92DABC3D6">Code Related</a></li>
<li><a href="#997465C9-195D-4D33-A9FB-5E4F0ABD0AE5">AI Related</a></li>
<li><a href="#A95FABDC-EB43-4D71-88B1-4A4DDB37D6E9">Tool | Library</a></li>
<li><a href="#1649E019-F2F5-4946-BCAE-3EAAF911614B">Emacs</a></li>
<li><a href="#06161A62-32B5-4F0E-B931-CB46DA90823C">一些话 | 摘抄</a></li>
<li><a href="#57351850-2C24-4391-AD50-397FBAAC238F">多媒体</a></li>
</ul>
</div>
</details>
<figure>
<a href="images/zine/57/Shek-O.webp"><img src="https://imgproxy.citrusreader.com/g0cVVLxQrpD5jc6cObcpYFCb2O-Bh5oMCknqOJhnl3Q/raw:1/aHR0cHM6Ly90YXhvZGl1bS5pbmsvaW1hZ2VzL3ppbmUvNTcvU2hlay1PLndlYnA" alt="Shek-O.webp"></a>
<figcaption><span class="figure-number">图1 </span>香港石澳拍的一張胶片，後面是山，山前是一片海灣，海灣中間有一片岩石，岩石上有一些房屋。</figcaption>
</figure>
<p>
這期內容有點多，如果你想聴點歌慢慢看，我推薦 <a href="album-45.html">Album#45 - Sweet Sticky Thing</a>，這張專輯聴完要差不多一個小時，應該够了。什麼？你說你聴過了，不想聴這張？那 <i>Thomas Bangalter: Mythologies</i> 怎麼樣呢，這是 Daft Punk 成員 <a href="https://en.wikipedia.org/wiki/Thomas_Bangalter">Thomas Bangalter</a> 製作的古典樂，也很不錯。你說想聴有人聲的？如果這辈子只能带一張專輯去荒島，方大同、MJ、Prince 共同的答案<sup><a id="fnr.1" class="footref" href="#fn.1" role="doc-backlink">1</a></sup>都是
Stevie Wonder 的 <i>Songs In The Key Of Life</i> ，這張怎麼樣？還不滿意？好吧，好吧，俺最近還聴了兩張不錯的 Jazz，<ruby>穐<rp>(</rp><rt lang="zh">qiū</rt><rp>)</rp></ruby>吉敏子的 <i>HOPE</i> 和 <i>孤軍</i> ，要是你還不滿意，俺也沒轍了，要不你去 <a href="album-wall.html">Album Wall</a> 自己翻一翻？
</p>
<hr>
<p>
訂閱了全部的 Blaugust 參加者的博客，每天都有大量文章更新。大多數都是英文的博客，也有少量中文、日語、法語、葡萄牙語等其它語言的博客。因為發起人 Belghast 主要關注的是遊戱，所以 Blaugust 中也有大量寫遊戱相關的博客。不過我對遊戱相關的文章興趣不大，後面我移除了很多不感興趣的博客<small>(有的樣式不好看不下去了)</small>，移除時會有點舍不得，怕錯過一些有趣的內容，但我想有緣的話，下次 Blaugust 還是會再次看到的，也算是一種「一期一會」吧。除了遊戱，還看到很多關於 AI 使用的討論，還有高温和山火，温室效應的後果似乎正慢慢顯現，有時也會想，<a href="https://zh.wikipedia.org/zh-cn/%E6%98%8E%E6%97%A5%E4%B9%8B%E5%BE%8C_(%E9%9B%BB%E5%BD%B1)">后天 (The Day After Tomorrow)</a> 的劇情會不會真的成為現實。
</p>
<p>
算法會使得接收到的內容變得單調、趋同，而訂閱 Blaugust 的博客，則是一種讓接收的信息變得多樣的辦法。這些博客都不是算法推給我的，我不知道會看到什麼，有時也會看到一些比較小眾的內容。
</p>
<p>
因為 Blaugust 是以英文為主的，其他語言的關注度就很低，我想很多英文母語者，看到是外語就不想看了。多虧了 AI 翻譯，不管是什麼語言，我都能大致看看。不過文章還是太多了，我一般都是速讀，讀的不怎麼仔細，扫几眼如果文章不感興我就不看了。說起翻譯，訂閱的沉浸式翻譯馬上就要到期了，也不打算續訂了，還好看了眼訂閱信息，差點就自動續費了。之後打算就用 <a href="my-experience-with-kagi-translate.html">Kagi Translate</a>，但最近 Kagi Translate 也有點抽風，全文翻譯時有的內容會丟失，時好時壞的。而且以後 <a href="https://kagifeedback.org/d/11085-will-kagi-translate-be-available-on-the-professional-plan">Professional Plan 可能不包含 Kagi Translate</a>，不知道到時是如何計費的，如果要多花 15 刀升到 Ultimate Plan 才能用，那我應該不會升級，到時再找找其它替代方案，也許借助 AI 自己實現一個更好。
</p>
<p>
前陣子家裡的電動磨豆機一啟動，客廳就會跳閘，大概是磨豆機需要的電流激增导致的。用電多的是馬達，可能是有什麼堵住了磨盤，於是折開磨盤清理干净，再試了試，又跳閘了。這個時候我想可能是磨豆機壞了，想著要麼還在保修期就送回去修，或者買個新的，或者用回手磨，每天磨 25 克豆子鍛錬臂力。在放弃它之前，我把它拿下來仔細檢查了一下，發現出粉口有堆積了很多粉块，難道是因為粉块阻礙了出粉，导致磨盤很難轉動，從而导致電流激增？不管如何，清了再說。清出了不少粉块，用到現在都沒怎麼清理過出粉口，沒想到還會堆積。清了之後磨了几次，都不會再跳閘了，又能多用几年了。
</p>
<div id="outline-container-C0FDD2D7-8CF4-4110-83A7-9D83AB05D5DE" class="outline-2">
<h2 id="C0FDD2D7-8CF4-4110-83A7-9D83AB05D5DE"><a href="#C0FDD2D7-8CF4-4110-83A7-9D83AB05D5DE">News | Article</a></h2>
<div class="outline-text-2" id="text-C0FDD2D7-8CF4-4110-83A7-9D83AB05D5DE"><ul class="org-ul">
<li><p>
<a href="https://welshtroll.co.uk/post/2026-resized-for-readers-comfort.html">Resized For Readers Comfort</a> by Kris
</p>
<p>
適當將字體調大可以讓文章閱讀起來更輕鬆舒服，字體大一些不用費勁去看清，如果你是博客作者我推薦你試試。
</p>
<p>
你可以用 <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Values/clamp">clamp()</a> 動態基於屏幕寬度調整字體大小： <code>clamp(22px, calc(22px + 0.6vw), 24px)</code> ；也可以設置固定大小，用 <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/At-rules/@media">媒體查詢</a> 分別設置電脑上和手機上的大小。
</p></li>
<li><p>
<a href="https://www.wpbeginner.com/research/history-of-blogging/">A History of Blogging (1993 - Present Day Timeline)</a>
</p>
<p>
博客的發展歷史，如果你想穿越回博客蓬勃發展的年代，這就是你的指南。
</p></li>
<li><p>
<a href="https://blog.neil-lin.com/blog/life-notes/2026/07/coffee-knowledge/">咖啡小知識</a> by Neil Lin
</p>
<p>
咖啡的主要成份是水，所以水是很重要的，如果是做手冲咖啡，礦泉水比純水要好，裡面的鈣和鎂可以讓咖啡更好喝。具體來說，鈣可以引出質感，即咖啡的本味和口感（果汁感、茶感）；而鎂可以引出酸味（水果味）。我一般就用農夫山泉。
</p></li>
<li><p>
<a href="https://frantic.im/mirage/">The Productivity Mirage</a> by Alex Kotliarskyi
</p>
<p>
作者喜歡折騰編輯器，以提高自己的效率，在 Hackathons 上他遇見了大佬 Bob，他想學學 Bob 的什麼編輯技巧，發現大佬只是用 Sublime 和朴實無華的 printf，而且還贏得了 Hackathons。
</p>
<blockquote>
<p>
我過於關注他 <i>如何</i> 做事，完全忽略了他 <i>在做什麼</i> 。他的產品品味與直覺比他使用的編輯器設定更重要。
</p>
<p>
每當我在 X 上瀏覽時，總會想到這個故事。每天，都有人發明新的工作方式，聲稱能改變一切。或許真的會有。<span class="underline">但最終重要的，是解決正確的問題。</span>
</p>
<p>
<a href="https://frantic.im/mirage/#:~:text=Unsurprisingly,problems">Source</a>
</p>
</blockquote></li>
<li><p>
<a href="https://wcrobinson.org/2026/08/05/blaugust-2026-week-1-the-reasons-i-write-amidst-a-world-threatening-to-leave-it-behind/comment-page-1/#respond">Blaugust 2026 (Week #1): The Reasons I Write</a> by WCRobinson
</p>
<p>
博客紙質備份。
</p></li>
<li><p>
<a href="https://michaelharley.net/posts/2026/08/02/relationship-advice-id-give-to-my-younger-self/">Relationship advice I'd give to my younger self</a> by Michael Harley
</p>
<p>
Michael 給年輕自己的感情建議。關於「唯一」和共同財產的部分蠻有啟發。
</p></li>
<li><p>
<a href="https://alexcastro.com.br/toda-caneca-ja-esta-quebrada/">Toda caneca já está quebrada</a> by Alex Castro
</p>
<p>
如果把時間拉的足够長，總有一天，馬克杯會破碎。
</p>
<blockquote>
<p>
因為遲早有一天，那隻馬克杯會破碎。這件事如此不可避免，以至於我們甚至可以認為，破碎才是它的自然狀態。它如今的完整不過是一個短暫的插曲、一場小小的奇蹟，是從時間那裡借來的，過不了多久便會被糾正。
</p>
<p>
<a href="https://alexcastro.com.br/toda-caneca-ja-esta-quebrada/#:~:text=Pois,breve">Source</a>
</p>
</blockquote>
<p>
馬克杯破碎了，只是回到了它的自然狀態，不必過分難過，再去找時間借一個吧。
</p>
<p>
馬克杯總有一天會破碎，美好的事物總有一天也會逝去，糟糕的事情也同樣會過去。
</p>
<p>
via <a href="https://robida.net/entries/2026/08/06/every-mug-is-already-broken">Every mug is already broken</a> by Beto Dealmeida
</p></li>
<li><p>
<a href="https://godless-internets.org/2026/08/06/blaugust-feed-readers-dont-forget-these-blogs">Blaugust Feed Readers: Don't Forget These Blogs!</a> by owls
</p>
<p>
我也做了 <a href="blaugust-2026-feeds.html">Blaugust 2026 Feeds</a>，裡面有的博客沒有提供 RSS 或我找不到我就不管了，而 owls 還特意整理了出來并推廣了他們。他提醒了我一件事，有的博客不是不想添加 RSS，而是作者可能并不會，或者是真的忙不過來；也提醒我不要先入為主，應該先去了解清楚再作結論。
</p></li>
<li><p>
<a href="https://brennan.day/knitting-the-web-we-need-interlinkers/">Knitting the Web: We Need Interlinkers!</a> by Brennan Kenneth Brown
</p>
<p>
在你的文章中連結其他博客或文章，最好在連結時加上一些相關文字，共同編織一個巨大的互聯網。
</p></li>
<li><p>
<a href="https://wrywriter.ca/posts/nouvelle-france">Nouvelle France</a> by Alex
</p>
<p>
Alex 參加新法國的節慶的記录󠄃，不少人會穿上十七世紀的服裝，像是一場大型 Cosplay。
</p></li>
<li><p>
<a href="https://monocyte.blog/using-an-old-android-phone-as-a-music-player/">using an old android phone as a music player</a> by monocyte
</p>
<p>
如果你有一台閑置的旧手機，可以把它做成一個音樂播放器。<a href="https://www.raptitude.com/2017/12/go-deeper-not-wider/">好好利用己有的物件</a>。
</p></li>
<li><p>
<a href="https://heartsoulmachine.com/blog/2026/08-09-some-people-say/">Some People Say</a> by Tim Klapdor
</p>
<p>
「有人說…所以…」，有時會看到類似這樣的表述，但如果去細究這些人是誰，往往找不到答案。如果一個作者經常用「有人說」却不告設你是誰說，那他很可能就是在胡說。与其用「有人說…」，不如具體地給出來源。
</p>
<blockquote>
<p>
「有人說」在媒體中是個簡寫，表示這是一種意見、直覺或直覺感受，卻沒有人願意署名。它借用了「有一定數量的人」在背後支持的暗示，試圖僅僅透過暗示有多人持相同觀點來獲得可信度。這些人往往不存在，他們只是用來提出觀點或支持議程的工具。這種語言的使用迎合了我們的思維模式：當事物附帶一個數字時，就具有重量、能施加力量並且有存在感，但這只是一個技巧。
</p>
<p>
<a href="https://heartsoulmachine.com/blog/2026/08-09-some-people-say/#:~:text=%E2%80%9CSome,trick">Source</a>
</p>
</blockquote></li>
<li><p>
<a href="https://nullish.smol.pub/an-rss-experiment">An RSS experiment</a> by nullish
</p>
<p>
作者將訂閱源拆到了多個 RSS 閱讀器中管理，還挺有趣的，例如把個人博客類的放到 A、把新聞資訊類的放到 B，這樣在閱讀個人博客時就不會被新聞干擾。虽然在閱讀器裡通過分組也能實現類似的功能，但拆到不同閱讀器中可能用起來更方便點，隔离得也更徹底。
</p></li>
<li><p>
<a href="https://chrismaiorana.com/your-metadata-and-you/">Your metadata and you</a> by Chris Maiorana
</p>
<p>
你分享出去的照片包含了大量的元信息，包擴時間、地點、設備信息等。
</p>
<blockquote>
<p>
無論出於何種意圖和目的，你都應該在分享數位內容後立即將其視為公開內容，即使你是私下分享的。
</p>
<p>
<a href="https://chrismaiorana.com/your-metadata-and-you/#:~:text=However,privately">Source</a>
</p>
</blockquote>
<p>
我放在博客的圖會用 <a href="https://imagemagick.org/">ImageMagick</a> 轉成 webp 并壓縮體積，現在我又多加了一個 <code>-strip</code> 參數移除圖片裡的元信息。
</p>
<details>
<summary>ZSH 函數</summary>
<div class="org-src-container">
<pre class="src src-zsh"><code><span class="org-function-name">convert_to_webp</span>() {
<span class="org-builtin">local</span> <span class="org-variable-name">qscale</span>=<span class="org-string">"${1:-75}"</span>
<span class="org-builtin">local</span> <span class="org-variable-name">format</span>=<span class="org-string">"${2:-webp}"</span>
<span class="org-keyword">for</span> img<span class="org-keyword"> in</span> *.(jpg|jpeg|png|heic|HEIC|JPG|JPEG|PNG); <span class="org-keyword">do</span>
magick <span class="org-string">"$img"</span> -strip -quality <span class="org-string">"$qscale"</span> <span class="org-string">"${img%.*}.$format"</span>
<span class="org-keyword">done</span>
}
</code></pre>
</div>
</details></li>
<li><p>
<a href="https://seths.blog/2026/08/give-me-one-reason/">Give me one reason</a> by Seth Godin
</p>
<p>
很多拒絕理由看似是你的問題，你會覺得如果哪裡做得更好，對方也許不會拒絕你。但實際可能是，對方就是想拒絕你，只是給了你一個聴起來客氣的原因。別太內耗，接受被拒絕這個事實，這會省下很多時間。
</p></li>
<li><p>
<a href="https://oldster.substack.com/p/draw-me-like-one-of-your-french-girls">Draw Me Like One of Your French Girls</a> by Oldster Magazine and Alysia Abbott
</p>
<p>
一位中年女士去當裸體模特的故事。
</p>
<blockquote>
<p>
在一場特別艱難的素描課中，我試著描繪一名擺出乏味姿勢的中年男性模特兒，心想： 你知道嗎，我也做得到。有句話是這麼說的：「上帝啊，請賜予我一個平庸白人男子的自信。」我正逐漸獲得那份自信。為什麼不是我？
</p>
<p>
<a href="https://oldster.substack.com/p/draw-me-like-one-of-your-french-girls#:~:text=class%2E-,After,me,-%3F">Source</a>
</p>
</blockquote>
<blockquote>
<p>
我選擇不戴眼鏡，這樣就看不見所有人注視著我的樣子。我可以聽見一百個人同時交談所發出的喧鬧聲，卻無法參與其中。於是，我開始放任思緒飄蕩，沉浸在自己的想法裡。就在這時，一股越來越強烈的難以置信感席捲了我。我以為自己是誰，竟敢站在這裡？一個不知羞恥的蕩婦嗎？<span class="underline">赤裸裸地攤開身體躺在舞台上，我覺得自己像是在對父權體制比出一根中指。</span>
</p>
<p>
我不禁覺得自己好像偷偷做了什麼。你把我看成一位中年女士，覺得我不值得多看一眼？好吧，你現在正看著我。而且我真的很健美，也真的很柔軟有彈性。是的，我的肚子有點凸。我生過兩個孩子。用諾拉・艾芙隆的話來說，我不喜歡自己的脖子，也不喜歡膝蓋，還有近看時的雙手。<span class="underline">但這是一具身體，一具存在於世上的真實身體。</span><span class="underline">它陪我走過了 54 年，四處旅行、辛勤工作，也承受過失落與創傷。</span><span class="underline">而在座的年輕藝術家們，如果你們夠幸運，這也是你們未來的樣子。</span>年齡增長是我們所有人都無法逃避的。
</p>
<p>
<a href="https://oldster.substack.com/p/draw-me-like-one-of-your-french-girls#:~:text=I%20chose,us">Source</a>
</p>
</blockquote></li>
<li><p>
<a href="https://sive.rs/fit">Building without predicting</a> by Derek Sivers
</p>
<blockquote>
<p>
一切始於一句格言：
</p>
<p>
所有建築都是預測。所有預測都是錯的。
</p>
<p>
如何在不預測的情況下打造？ <b>延後決策。先使用現有的東西。發掘實際需求。</b>
</p>
<p>
當你發現自己正在想「我們會需要這個」時，停下來說：「讓我們找出真正需要的是什麼。」
</p>
<p>
一個傳奇般的例子：他們建造了一座新公園，並爭論步道應該設在哪裡。沿著邊緣？穿過中間？勝出的答案： 先開放沒有步道的公園。<b>一年後，看看人們都走過哪些地方。找出草地被踩禿的路徑。在那裡鋪設步道。</b>不要預測。
</p>
<p>
[…]
</p>
<p>
不預測要怎麼蓋房子？住進一個沒有家具、尚未完工的地方，只添購你已 <b>證明</b> 自己需要或想要的東西。
</p>
<p>
<b>這是一場有趣的哲學實驗，用來驗證你真正需要的是什麼。</b>尤其當成本高昂時，它會提高「需要」這個詞的門檻。
</p>
<p>
<a href="https://sive.rs/fit#:~:text=It%20starts,need%E2%80%9D%2E">Source</a>
</p>
</blockquote>
<p>
蠻有趣的観點，先用好現有的東西，不要急著增加新的東西，慢慢地發掘實際需求，有的東西或許并不需要。搬進新家添置家具、給新電脑装軟件、構建 Emacs 配置等都可以應用。
</p>
<p>
之前我想喝冰拿鐵，想找個容器將做好的热拿鐵放進冰箱冷凍层，差點就要下單買一個瓶子，但其實我只是需要一個足够大的容器，於是用手冲的分享壺應付了一下，也挺好用的。現在我很少喝冰拿鐵了，如果當初冲動買了，現在家裡可能又多了一件不怎麼用到的物件。
</p>
<p>
Seth Godin 的 <a href="https://seths.blog/2026/08/dont-eat-if-youre-not-hungry/">Don’t eat if you’re not hungry</a> 我覺得也有類似的意思：
</p>
<blockquote>
<p>
这不仅是良好的节食建议。
</p>
<p>
这几乎适用于我们所参与的每一项事业。
</p>
<p>
系统希望我们为它而永不满足，但这并非我们必须接受的邀请。
</p>
</blockquote></li>
<li><p>
<a href="https://michaelharley.net/posts/2026/08/22/please-let-me-interact-with-your-blog-post/">Please let me interact with your blog post!</a> by Michael Harley
</p>
<p>
文章列舉了很多博客的交互方法，如 Webmentions、直接在 RSS 信息流中回复邮件链接、在文章底部添加回复邮件链接、博客文章的社交媒体链接、联系页面或表单⋯⋯
虽然文章沒提到留言，但作者的博客還是有的。
</p>
<p>
有時我也想給博客加回留言，想收到一些回復，但還是不想因為留言而費神 (見 <a href="remove-comment-from-blog.html">移除博客的留言</a>)。留言區也是有好处的，是一個讀者間可以討論的地方，有時也能看到一這有趣的討論<small>(有時也可能是相互攻擊)</small>，關閉了留言區也切斷了這種可能。如果你有想說的，還請給我發封郵件吧 :)
</p>
<p>
上面提到的方法中，如果你的博客還沒有 Webmention，我會推薦添加一下，你可以參考 <a href="add-webmention-to-blog.html">给博客添加 Webmention</a>，有問題也可以郵件交流。
</p>
<p>
而在 RSS 信息流中添加回复邮件链接，可能很多人都沒意識到。有的讀者只會用 RSS 閱讀器閱讀，如果有回复邮件链接，就能增加收到回復的可能性。除了放回复邮件链接，你還可以在 RSS 信息流裡加一些 RSS 信息流獨有的內容，給讀者一些小驚喜。
</p>
<p>
另見： <a href="https://danq.me/2026/08/23/re-please-let-me-interact-with-your-blog-post/">Re: Please let me interact with your blog post!</a> by Dan Q
</p></li>
<li><p>
<a href="https://www.gordonmclean.co.uk/2026/08/18/i-no-longer-care/">I no longer care</a> by Gordon McLean
</p>
<p>
作者年長後很多事變得不那麼在乎了。以前覺得拥有的越多越好，現在則覺得越少越好，放下更多不再在乎的東西。放下更多後，就能騰出更多，如時間、注意力，然後可以把它們投入在更在乎的東西上。
</p></li>
<li><p>
<a href="https://kk.org/thetechnium/a-billion-dollars/">A Billion Dollars</a> by The Technium
</p>
<blockquote>
<p>
我想到《華爾街之狼》裡的一幕，主角 Bud 為了賺取百萬美元、退休並騎摩托車橫跨中國，忍受高薪卻不喜歡的金融工作。笑點在於，你不需要在華爾街工作或賺到百萬美元，就能買摩托車橫跨中國。只要用在 Costco 短暫暑期打工省下的 2,000 美元，就能輕鬆完成整段旅程。
</p>
<p>
<span class="underline">我的練習重點在於，大多數人的夢想並非被金錢所限制。</span><span class="underline">當然需要一些資金，但通常不需要想像中那麼多。</span><span class="underline">你很可能不需要數百萬美元就能啟動你的夢想。</span>
</p>
<p>
<span class="underline">大多數夢想的瓶頸不是財務，而是缺乏自信、冒險的意願與面對失敗的勇氣，或是缺乏對現有資源可能性的想像。</span>如果你想寫小說，你不需要資本——只需要自律與每天 1,000 個字。如果你想創立顧問公司，你需要專業知識與第一位客戶，而不是戰爭金庫。<span class="underline">金錢常被當作方便的藉口，因為它具體可感，但實際上很少是成就的真正阻礙。</span>
</p>
<p>
<a href="https://kk.org/thetechnium/a-billion-dollars/#:~:text=dollars%2E-,I,1%2C000">Source</a>
</p>
</blockquote>
<p>
類似的籍口是，「等我退休了，有時間了我就⋯⋯」，但實際上只要你想，很多事現在就可以做。
</p>
<p>
文章後面還分享了一些作者自己的經驗，在資金少時，他是如何完成一些想做的事情。
</p></li>
<li><p>
<a href="https://www.seangoedecke.com/you-should-never-be-angry-at-work/">You should never be angry at work</a> by Sean Goedecke
</p>
<p>
作者認為你不應該在職埸中生氣：
</p>
<ul class="org-ul">
<li>憤怒會讓你成為一個問題，會讓人不敢靠近，不敢与你合作。</li>
<li>大家會繞過、疏離憤怒的人，你可能會被冷落。</li>
<li>但是感到憤怒是健康的，這表明你在乎你的工作，一個稱職的工程師總是高度的在乎他的工作。</li>
<li>憤怒也可能是因為你關心的和公司關心的不同，如果你不認同，你也無法改變，憤怒和抵抗是無意義的，沒有任何好事會因此而發生。</li>
<li>如果你是負責人，是做出决策的關鍵人物，那你也許可以在職場中情緒化地行事，大家虽然不爽你，但也拿你沒辦法，也不能因此疏離你。</li>
</ul></li>
<li><p>
用你的錢包去投票
</p>
<p>
Andreas 寫了篇 <a href="https://82mhz.net/posts/2026/08/tech-sucks-you-have-to-vote-with-your-wallet-or-nothing-will-change/">Tech sucks: You have to vote with your wallet, or nothing will change</a>，裡面說道有個人憤怒地吐槽 Apple 公司的產品，但他用的却又都是 Apple 公司的產品。
Andreas 認為 Apple 根本不在呼這個人的吐槽，反正出了新品他還是會買，還是會為 Apple 付費：
</p>
<blockquote>
<p>
Apple 想要他的錢，而他完全如他們所願地給了出去。他拍攝憤怒的影片這件事對 Apple 來說根本無關緊要，<span class="underline">因為他們知道，下一代 iPhone 或 MacBook 推出時，他還是會買單。</span><span class="underline">所以他們為什麼要改變任何事情？就因為他拍了一支憤怒的影片？</span>他們或許會在無聊、需要找點樂子時看上一眼，笑一笑，但接著就會回頭繼續把裝置做得更糟，讓終端使用者和開發者更加難受。因為他們做得到。因為人們還是持續購買。
</p>
<p>
不管你喜不喜歡，如果成為某家公司的客戶，開始讓你覺得自己更像是處在一段虐待關係中，而不是互利的關係，那就該是考慮離開的時候了。沒錯，這很可怕。很痛苦。也需要犧牲。而且，是的，我知道，還有那個生態系。它用「一切就是能運作」的承諾引誘你加入，而一旦你身陷其中，就無法離開，至少無法不付出極大的痛苦。你知道這叫什麼嗎，順帶一提？陷阱。
</p>
<p>
離開很糟。但沒有其他辦法。<span class="underline">只要你持續把錢砸給那些惡待你的企業，他們為什麼要改變？</span>
</p>
<p>
<a href="https://82mhz.net/posts/2026/08/tech-sucks-you-have-to-vote-with-your-wallet-or-nothing-will-change/#:~:text=Apple%20wants,change,-%3F">Source</a>
</p>
</blockquote>
<p>
我很認同，如果有的公司我很討厭，可我却一直去買他們的產品，用他們的服務，我不還是在支持這些公司嗎？他們又何必做出改變呢？
</p>
<p>
Gordon McLean <a href="https://www.gordonmclean.co.uk/2026/08/11/tech-sucks-really/">有一些不同的看法</a>，他說你不喜歡就不用聴起來很簡單，但做起來却沒那麼容易。你很難不用這些大公司的服務，這些公司某種程度已經成為了基础設施，很多人的生活已經离不開它們了；少數人選擇不用這些公司的產品，這些公司并不知道這部分人為什麼不用了，它們并不知道這些人在表逹什麼抗議，只有當不用的人的數量達到一個量級，這些公司才會有所意識；如果你選擇不用這些公司的產品，剩下的選擇也不多，其它選擇可能同樣都有問題，只是其中一個問題少點而已；而且很多人也不知道离開之後可以去哪裡，哪裡有相似的替代。
</p>
<p>
我也同意 Gordon 的一些看法，离開一些服務真的不容易。我不想用微信，但在疫情期間，要用微信來記录󠄃健康碼，如果我不用，似乎我也無法出行了；去餐廳點參，大多也是扫碼，主要也是那几個應用（微信、支付寶、美團等），當然可以不扫碼，而是叫服務員過來點餐，就是麻煩點；換手機，國內的很多手機產商都往裡面塞了很多廣告；下載個應用還要拦著你，告訴你這應用不安全，要關閉一堆設置才能安裝，明明這是我的手機，但好像我只買了個使用權；那我就換一個干净點的系統，但一方面要折騰刷機，大多數用户并沒用這樣的能力，另一方面，現在也限制你刷機，各種為難你 <a href="https://zh.wikipedia.org/wiki/%E8%A7%A3%E9%94%81Bootloader">解锁 Bootloader</a>。國內主流的手機大多如此，沒什麼很好的選擇。我不喜歡 Google，換到了 Kagi，但 Kagi 其實也用到了 Google 的搜索數據，某種程度上我也沒完全离開 Google。
</p>
<p>
了解過 <a href="https://www.gnu.org/philosophy/free-sw.zh-cn.html">自由軟件</a> 的人，應該都會同意自由軟件是更好的，但要踐行自由軟件的理念并不容易，很少有人能像 <a href="https://www.stallman.org/">Richard Stallman</a> 那樣生活，例如他認為航空分司的網站是非自由軟件，所以他拒絕使用，要訂票他會通過電話。虽然我喜歡自由軟件的理念，但要我放弃許多便利，像 Richard Stallman 這樣踐行理念，對我來說還有些難。我知道這些非自由軟件不好，它們可能有不少後門、靜默地采集我的數據、利用大數據來殺熟，但確實也提供了便利，而我是因為舍不得這些便利而接受了它們可能在損害我利益的事實。同時，我也是一個「共犯」，我的使用會助長它們，毕竟我為了方便而不在乎它們損害我，它們也就沒必要改變，而其他人看到我用，可能也會跟著用，進一步擴大了它們的用戶。
</p>
<p>
我確實為了一些便利而放弃了一些權利，就像是 <a href="https://zh.wikipedia.org/zh-cn/%E9%BB%91%E5%AE%A2%E5%B8%9D%E5%9B%BD">黑客帝国</a> 裡的一些人，選擇活在矩陣生成的虛拟世界，甘願成為給矩陣供電的生物電源。所以我要放弃反抗了嗎？不，選擇權還在我手上，現在的我還也可以做出選擇。一下子完全改變或許很難，但可以一點點地改變，去選擇那些自己認同的東西，拒絕那些不認同的、損害自己的東西，儘管這意味著要放弃一些便利，給生活填入一些摩擦。黑客帝国中，有的人并沒有意識到自己活在一個虛假的世界，通過博客、通過交流，讓周圍的人意識到問題，去帮助他們，或許也能影響一些人做出改變。
</p>
<p>
一個人的改變也許微不足道，但當足够多的人都開始改變，我想世界也會因此而改變。
</p>
<p>
Andreas 的文章在 Blaugust 中有几篇回應，感興趣可以看看：
</p>
<ul class="org-ul">
<li><a href="https://82mhz.net/posts/2026/08/tech-sucks-you-have-to-vote-with-your-wallet-or-nothing-will-change/">Tech sucks: You have to vote with your wallet, or nothing will change</a> by Andreas
<ul class="org-ul">
<li><a href="https://www.gordonmclean.co.uk/2026/08/11/tech-sucks-really/">Tech sucks? Really?</a> by Gordon McLean</li>
<li><a href="https://michaelharley.net/posts/2026/08/13/re-tech-sucks-really/">Re: Tech sucks? Really?</a> by Michael Harley</li>
<li><a href="https://unattributed.cc/2026/08/12/tech-sucks-victim-in-denial/">Tech Sucks! Victim in Denial!</a> by Unattributed
<ul class="org-ul">
<li><a href="https://www.gordonmclean.co.uk/2026/08/13/a-rebuttal-to-a-response-on-tech-sucks/">A rebuttal to a response on Tech Sucks</a> by Gordon McLean</li>
<li><a href="https://unattributed.cc/2026/08/14/more-tech-sucks/">More Tech Sucks!</a> by Unattributed</li>
</ul></li>
</ul></li>
<li><a href="https://daverupert.com/2026/07/number-chart-go-up/">Before I go: Double your business with companies you like</a> by Dave Rupert</li>
</ul></li>
<li><p>
<a href="https://noisydeadlines.net/no-big-deal">No big deal</a> by Noisy Deadlines
</p>
<p>
有時，一些事會讓人感覺有嚴重的後果，從而引發焦慮和恐慌。這時可以試試作者的方法，問自己几個問題，分析一下現狀，例如：
</p>
<ul class="org-ul">
<li>我現在的感受如何？</li>
<li>為什麼我會有這些感受？</li>
<li>如果我不立即回答問題或要求，會發生什麼？我會怎麼樣？</li>
<li>為什麼這是個問題？其中有多少取決於你？你會對此作何感受？</li>
<li>那解決方案會是什麼呢？</li>
</ul>
<p>
冷靜下來想一想，也許會發現後果其實沒有想的嚴重，根本沒什麼大不了的。
</p></li>
<li><p>
<a href="https://wrywriter.ca/posts/i-can-do-this">I Can Do This!</a> by Alex
</p>
<p>
Alex 小時候不會游泳，却一頭扎進泳池，還學會了游泳。
</p>
<blockquote>
<p>
基本上，這就是我人生中所有事情的寫照。
</p>
<p>
我直接跳進去，帶著一定的信念，我能做到。
</p>
<p>
<a href="https://wrywriter.ca/posts/i-can-do-this#:~:text=Basically,this">Source</a>
</p>
</blockquote>
<p>
說實話其實挺危險也挺幸運的，但不惧危險，只管去行動，確實能做成很多事。
</p></li>
<li><p>
<a href="https://wrywriter.ca/posts/the-act-of-forgetting">The Act of Forgetting</a> by Alex
</p>
<blockquote>
<p>
我們最大的禮物之一是忘記的能力。
</p>
<p>
[…]
</p>
<p>
所以請記住，有時候，忘記也是可以的。
</p>
</blockquote>
<p>
所幸時間可以撫平傷痛，淡化到讓人能够接受的程度，不然總是活在悲傷和痛苦中，人就沒法向前走了。
</p></li>
<li><p>
<a href="https://www.raptitude.com/2026/08/how-to-look-the-sky-in-the-face/">How to Look the Sky in the Face</a> by David
</p>
<p>
記录󠄃了 David 躺在地上看天空的經歷和感受，有空也試試。
</p>
<blockquote>
<p>
躺在草地上直視天空，完全不同於以水平方式、沿著底部觀望。水平觀望常常很愜意，尤其在日落時分，但根本不是同一件事。
</p>
<p>
將身體水平放置，最好是柔軟的草地上，讓你能正對天空，耐心地觀察它。此時你是在正面看它，或許多年來是第一次。只有當你正面直視天空時，才能體會它的真實比例。它真的非常巨大，佔滿了你視野的 100%。這是你將會見到的最大事物。
</p>
<p>
<a href="https://www.raptitude.com/2026/08/how-to-look-the-sky-in-the-face/#:~:text=Lying%20on,see">Source</a>
</p>
</blockquote></li>
<li><p>
<a href="https://www.crosenthal.com/chrome/2026/08/13/the-ghost-of-retirement-future.html">The ghost of retirement future</a> by Courtney Rosenthal
</p>
<p>
作者在一個餐廳裡看到几個老頭在為難服務員，服務員都快哭了，當服務員來到他這裡時，他代替他們向服務員道歉，還多給了小費。
</p>
<blockquote>
<p>
那天給我留下了深刻印象。有些人到了某個年紀，發現自己的光輝歲月已經過去。於是他們活在遺憾與怨恨的當下。
</p>
</blockquote>
<p>
尊老，不意味著老了就可以無理取閙。老混蛋一樣是個混蛋。
</p></li>
<li><p>
<a href="https://hollie.eilloh.net/posts/family-vacay-day-5-deer-a-new-guitar-bad-fire-good-fire-etc">Family Vacay Day 5 - Deer, a new guitar, bad fire, good fire, etc.</a> by Hollie
</p>
<p>
喜歡看 Hollie 分享的生活，丰富多彩。我只是取了其中一篇，Hollie 在 Blaugust 每天都在更新，推薦去看看。
</p>
<p>
See also: <a href="https://hollie.eilloh.net/posts/rip-seb">RIP Seb</a> by Hollie
</p></li>
<li><p>
<a href="https://divergentrays.com/blog/posts/2026-08-03-The-Divorce-Ring">The Divorce Ring</a> by Divergent Rays
</p>
<p>
關於作者的離婚戒指的故事。
</p>
<p>
作者平時會分享很多好看的珠寶首飾和一些有趣的連結，是一個我常看的博客。
</p>
<p>
See also:
</p>
<ul class="org-ul">
<li><a href="https://divergentrays.com/blog/posts/2026-08-14-Scarabs-from-Heaven">Scarabs from Heaven</a> by Divergent Rays</li>
<li><p>
<a href="https://divergentrays.com/blog/posts/2026-08-22-The-Brown-Eyes">The Brown Eyes</a> by Divergent Rays
</p>
<blockquote>
<p>
我記得有一天特別難熬，跑到自己的房間，可能是想哭。媽媽走進來跟我說話，問我怎麼了。我本來不想說什麼，結果情緒一下子全湧了出來。有人很刻薄，老師不公平，衣服不合適……這些抱怨一個接著一個，因為說出一件事就會想到其他所有不對的地方。我把自己鬧得焦頭爛額，最後說出了我人生中所有的不滿：「而且我的眼睛是棕色的！」
</p>
<p>
感謝我的媽媽，她當時坐在那裡，帶著關心和同理心聽我傾訴，當我說出那句話時，她只是笑了起來。當我大聲說出那句在腦海裡想了很久的話時，我才意識到它有多荒謬。我們一起大笑，她抱了抱我，當時的情況就這樣變得還好。
</p>
<p>
這句話成了我們的口頭禪，即使我長大成人後，當一天過得特別糟時，我仍會記得她問我：「可是你的眼睛是棕色的嗎？」這總能為情況帶來一些輕鬆。我的媽媽已經離世超過20年了，但有時當我度過極糟的一天時，我仍能聽到她問我這句話，雖然帶著苦澀卻也讓人感到安慰。
</p>
<p>
<a href="https://divergentrays.com/blog/posts/2026-08-22-The-Brown-Eyes#:~:text=age%2E-,I,comforting%2E">Source</a>
</p>
</blockquote></li>
</ul></li>
<li><p>
<a href="https://fyr.io/post/feeds-are-critical">RSS/Atom Feeds are Critical</a> by fyr.io
</p>
<blockquote>
<p>
您必須提升所有人的可及性，無論他們是視力正常、失明、失聰、無法使用您寫作的語言、只能在 56k 撥號速度、1 吋螢幕上瀏覽網路，或其他任何情況。<span class="underline">RSS/Atom 等供稿本身就是無障礙。</span>不論我寫的內容價值如何：我有什麼資格拒絕一個沒有做錯事的人取得我所寫的內容？
</p>
<p>
<a href="https://fyr.io/post/feeds-are-critical#:~:text=prefixes%2E-,Do,written">Source</a>
</p>
</blockquote>
<p>
說多少次都不够，如果你有博客，記得提供一份 RSS 或 Atom 訂閱流，并且讓人容易找到。
</p>
<p>
你可以放一個明顯的按鈕，或在 HTML 頁面的 <code><head></code> 加上：
</p>
<div class="org-src-container">
<pre class="src src-html"><code><<span class="org-function-name">head</span>>
<span class="org-comment-delimiter"><!-- </span><span class="org-comment">RSS</span><span class="org-comment-delimiter"> --></span>
<<span class="org-function-name">link</span> <span class="org-variable-name">rel</span>=<span class="org-string">"alternate"</span> <span class="org-variable-name">type</span>=<span class="org-string">"application/rss+xml"</span> <span class="org-variable-name">title</span>=<span class="org-string">"your blog name"</span> <span class="org-variable-name">href</span>=<span class="org-string">"https://example.org/feed.xml"</span> />
<span class="org-comment-delimiter"><!-- </span><span class="org-comment">Atom</span><span class="org-comment-delimiter"> --></span>
<<span class="org-function-name">link</span> <span class="org-variable-name">rel</span>=<span class="org-string">"alternate"</span> <span class="org-variable-name">type</span>=<span class="org-string">"application/atom+xml"</span> <span class="org-variable-name">title</span>=<span class="org-string">"your blog name"</span> <span class="org-variable-name">href</span>=<span class="org-string">"https://example.org/atom.xml"</span> />
</<span class="org-function-name">head</span>>
</code></pre>
</div>
<p>
有的人在訂閱流裡只提供了摘要，可能是不想被輕易爬取，也可能是想引导讀者去網站上看。但我還是傾向放全文，更方便讀者，或許會方便了爬取的人，但我不想為此而犧牲讀者的便利。當然我還是建議讀者去看看原文的，會有更好的排版，有的網站設計也很有趣。
</p></li>
<li><p>
<a href="https://marisabel.nl/public/blog/The_Purpose_of_Paper">The Purpose of Paper</a> by Marisabel Munoz
</p>
<p>
一篇對紙張的頌歌。
</p>
<blockquote>
<p>
紙張本身擁有一場歷史盛宴，因為歷史正是書寫於其上。信件在世界各地流通，將其連結，把思想從一個岸頭傳送到另一個岸頭。書籍形塑了思想。賦予力量。也奪走力量。
</p>
<p>
<a href="https://marisabel.nl/public/blog/The_Purpose_of_Paper#:~:text=Paper%2C%20as,away%2E">Source</a>
</p>
</blockquote></li>
<li><p>
<a href="https://protesilaos.com/commentary/2026-08-14-desire-authenticity-moderation/">About desire, authenticity, and moderation</a> by Protesilaos
</p>
<blockquote>
<p>
受回顧欲望驅使的人容易陷入永遠不滿足的陷阱，因為過去（無論是字面上的還是比喻的）總是更好且在某種程度上「真實」，因此不願對當下的可得之物產生依戀。相反的情況也是如此，我們會不斷想著只要換上更新的事物或關係，生活就會更好，於是又開始幻想下一個迭代會帶來更大的快樂，結果不斷在變動的沙丘上徘徊，無法建立任何穩固的基礎。
</p>
<p>
<a href="https://protesilaos.com/commentary/2026-08-14-desire-authenticity-moderation/#:~:text=it%2E-,The,on,-%2E">Source</a>
</p>
</blockquote>
<p>
專注於當下。
</p></li>
<li><p>
<a href="https://vhbelvadi.com/entrance-to-the-wood">Painting exchange: Entrance to the Wood</a> by V.H. Belvadi
</p>
<blockquote>
<p>
绘画交换是一种活动，两个人互相指定一幅画，并让对方写下对这幅画的看法。
</p>
</blockquote>
<p>
蠻有趣的，在 Blaugust 還看到交換文章，即把文章發布到對方的博客裡；還有交換專輯，這我或許能試試。中文博客之間也可以試試這類活動。
</p></li>
<li><p>
<a href="https://vhbelvadi.com/the-sea-in-a-drought">The sea in a drought</a> by V.H. Belvadi
</p>
<p>
喜歡裡面的照片。
</p></li>
<li><p>
<a href="https://brennan.day/webmaster-a-manifesto-for-everyone/">WEBMASTER@ a manifesto for everyone</a> by Brennan Kenneth Brown
</p>
<p>
關於 Webmaster 的歷史。
</p>
<blockquote>
<p>
當時，出現了一群自稱「網站管理員」(Webmaster) 的全新網路專業人士。兼具設計師、開發者與傳道者的身分，網站管理員擁有足夠的網路深奧知識，能夠管理、編輯與建立大小不一的網站。
</p>
<p>
— Jay Hoffman（2017 年 8 月 28 日）
</p>
<p>
<a href="https://brennan.day/webmaster-a-manifesto-for-everyone/#:~:text=At,2017">Source</a>
</p>
</blockquote>
<blockquote>
<p>
<span class="underline">要成為網站管理員 (Webmaster)，你只需要一台電腦、一個文字編輯器，以及一個託管方式。僅此而已。</span>
</p>
<p>
[…]
</p>
<p>
網站管理員不僅僅是開發者。你是 UX/UI 設計師、寫手與編輯、無障礙專家，也是為他人爭取數位自主權的倡導者。你是創造者，而非消費者。你完全有能力做到這一切。
</p>
<p>
你會與語意標記奮戰，使頁面可及。你會為字體字距與色彩調色板苦惱。你會寫作、發表自己的怪異癖好，並連結給你的網路鄰居。你會管理伺服器日誌、調整 <code>.htaccess</code> 檔案，並決定與設計你的數位家園的架構。
</p>
<p>
這不是職業道路，而是一門手藝。這是最後一個最佳的多學科沙盒，兼具創意與技術，全部在 <code>index.html</code> 中呈現。
</p>
<p>
而且 <b>沒有錯誤的答案</b> 。
</p>
<p>
<a href="https://brennan.day/webmaster-a-manifesto-for-everyone/#:~:text=To%20be%20a,us">Source</a>
</p>
</blockquote>
<p>
你還在等什麼，來成為 Webmaster 吧！
</p></li>
<li><p>
<a href="https://eyu.at/posts/567.202608.html">寻猫记</a> by 鹅玉
</p>
<p>
點進去看猫猫 🐈
</p>
<p>
鹅玉的網站排版也很不錯，段落前的小涂鸦很可愛，有機會也試試。
</p></li>
<li><p>
<a href="https://blog.ikukaroom.com/ban-pin-shan/">半屏山的冷知識</a> by ikuka
</p>
<p>
有趣的故事，還可以看看 shuo-jen 分享的 <a href="https://shuojen.com/blog/2026/08/28/jottings">晴天娃娃</a> 的故事。
</p></li>
<li><p>
<a href="https://winnielim.org/journal/book-reviews/on-murakamis-conversations-with-seiji-ozawa-wavelength-appreciation-and-negative-space/">on Murakami’s conversations with Seiji Ozawa: wavelength, appreciation, and negative space</a> by Winnie Lim
</p>
<p>
作者看 <a href="https://en.wikipedia.org/wiki/Absolutely_on_Music">Absolutely on Music</a> 的書評，書是 <a href="https://en.wikipedia.org/wiki/Haruki_Murakami">村上春樹</a> 與 <a href="https://en.wikipedia.org/wiki/Seiji_Ozawa">小澤征爾</a> 針對音樂展開的幾段對話。
</p>
<blockquote>
<p>
我想用文字說明這本書真正打動我的地方：像小澤這樣的人可能累積了大量關於音樂的想法與知識，卻從未在任何地方轉化或表達。這些可能被鎖在他腦中抽象的形式裡。正好需要像村上這樣——對音樂執著卻本身不是音樂家——的人，將他的想法用文字表達出來。我驚訝於村上能注意到錄音的細節，並促使小澤談論它。這種對細節的注意大概只有像村上這樣執著且反覆聆聽同一曲目的人才能做到。雖然一位是指揮家，另一位是作家，但他們在同一波長上神奇地對話。年紀教會我，很難找到能在同一波長上交談的人。這說明兩人有相同的興趣光譜，且經歷大致相似，兩個心靈都能以彼此能共鳴的方式詮釋這些經驗。
</p>
<p>
<a href="https://winnielim.org/journal/book-reviews/on-murakamis-conversations-with-seiji-ozawa-wavelength-appreciation-and-negative-space/#:~:text=it%2E-,I,relate%20with">Source</a>
</p>
</blockquote>
<p>
在文章裡找到了一個喜歡的爵士鋼琴演奏家 ⸺ 穐吉敏子 ⸺ 後面我也許會分享一些她的專輯 :)
</p></li>
<li><p>
<a href="https://lyonsinbeta.com/posts/case-for-my-case/">A case for my case</a> by lyonsinbeta
</p>
<p>
作者分享了他的耳機套，我也分享一下我的。
</p>
<figure>
<a href="images/zine/57/airpods-bag.webp"><img src="https://imgproxy.citrusreader.com/k1HD3Xoabb1LIKgMzdaZ590EP_HShYFnSC35qG9HMcI/raw:1/aHR0cHM6Ly90YXhvZGl1bS5pbmsvaW1hZ2VzL3ppbmUvNTcvYWlycG9kcy1iYWcud2VicA" alt="airpods-bag.webp" loading="lazy"></a>
<figcaption><span class="figure-number">图2 </span>AirPods 的耳機套，瑪利歐主題，材質是布料</figcaption>
</figure>
<p>
耳機和耳機套都是女友送的禮物，我挺喜歡這個耳機套的，材質和色彩都喜歡，鈕扣縫的不好，後來我用針綫加固了一下，所以有一個丑丑的補丁，虽然丑，但也多了一份和我的聯係。
</p></li>
<li><p>
<a href="https://hamatti.org/posts/theres-no-membership-card-for-indieweb/">There’s no membership card for IndieWeb</a> by Juha-Matti Santala
</p>
<blockquote>
<p>
我認為 IndieWeb 應該是一套可以努力實踐的理念。你實踐了其中多少項？並不重要。這不會讓你或你的網站變得更「IndieWeb」或更不「IndieWeb」。我不認為我們應該列出任何檢核表，來評估某人是否屬於 IndieWeb。
</p>
<p>
我們應該專注於分享及討論想法，並協助打造工具，讓更多想要實踐這些想法的人（不論出於何種原因）都能夠做到。
</p>
<p>
<a href="https://hamatti.org/posts/theres-no-membership-card-for-indieweb/#:~:text=requirements%2E-,I,so%2E">Source</a>
</p>
</blockquote>
<blockquote>
<p>
嚴格的定義會排除許多可能「幾乎符合」的人，導致他們無法加入，因為必須先滿足所有條件才能成為群體的一員，而一次完成所有步驟往往過於繁重。
</p>
<p>
<a href="https://hamatti.org/posts/theres-no-membership-card-for-indieweb/#:~:text=A%20strict,once%2E">Source</a>
</p>
</blockquote>
<p>
自由軟件也是如此。很多理念都很好，但對於新人來說，一下子全部做到并不容易。對他們寬容一點，多分享相關信息，帮助他們入門，才能讓更多的人加入進來。
</p></li>
<li><p>
<a href="https://alexhsu.com/last-time">「最後一次」冥想</a> by Alex Hsu
</p>
<p>
把每一次都當作最後一次，也許會更用力地去體驗和珍惜。
</p>
<blockquote>
<p>
我的第三個故事是關於死亡。當我 17 歲時，我看到一句話大概是：「如果你過每一天有如那是你的最後一天，某一天你將肯定是對的。」它使我印象深刻，而自那時開始，在過去的 33 年，我每天早上看著鏡子並問自己：<span class="underline">「如果今天是我生命的最後一天，我會想做我今天即將要做的事嗎？」</span><span class="underline">而每當答案連續很多天是「不」，我便知道我需做些改變。</span><span class="underline">記住我將馬上死亡是我所遇過最重要的東西來幫助我在人生裡做重大決擇，</span><span class="underline">因為幾乎所有的事情 – 所有外在的期待、所有的自尊、所有對困窘及失敗的害怕 –</span><span class="underline">這些事情在死亡面前只會自動消失，僅留下真正重要的。</span>記住你將死去是我所知道最好的方法來讓你避開你有東西會失去這個想法之陷阱。你已不受保護，沒有理由不去追隨你的內心。
</p>
<p>
<a href="https://www.mropengate.com/2015/05/steve-jobs-stanford-commencement-speech.html">[中英對照] 賈伯斯對史丹佛大學畢業生演說 Steve Jobs' Stanford Commencement Address 2005</a> by Opengate
<small>(Opengate 的博客看著也不錯，但奈何我找不到訂閱連結)</small>
</p>
</blockquote></li>
<li><p>
<a href="https://blog.absurdpirate.com/tea-as-a-cure-for-brainrot/">Tea as a Cure For Brainrot</a> by Absurd Pirate
</p>
<blockquote>
<p>
當我們談論到腦腐（brainrot）時，通常是因為過量的低質量刺激所致。而泡茶，或者實際上任何需要某種有條理儀式的飲品製作形式（手沖咖啡也是其中之一），則完全處於光譜的另一端。當你面臨腦腐發作時，那是因為連珠炮式、高強度的視覺刺激。
</p>
<p>
<a href="https://blog.absurdpirate.com/tea-as-a-cure-for-brainrot/#:~:text=When%20we,stimuli">Source</a>
</p>
</blockquote>
<p>
做手冲咖啡時會有一種平靜感，用手磨磨豆，磨完可以聞到咖啡粉的干香。然後展開濾紙，澆熱水讓它和濾杯壁貼合，倒入咖啡粉，輕輕晃動濾杯讓咖啡粉鋪平。繞圈小水流悶蒸，如果咖啡粉比較新鮮，就會慢慢鼓起一個飽滿的小鼓包，還能聞到熱氣帯出來的湿香。繼續繞圈注水，完成萃取，等咖啡液的温度慢慢下降<sup><a id="fnr.2" class="footref" href="#fn.2" role="doc-backlink">2</a></sup>，就能喝到一杯或苦、或酸、或甜的咖啡。豆子好，冲也得好，有時也能喝出一些風味，讓人回味和享受。
</p>
<blockquote>
<p>
我們很多人（包括我自己），都發現自己很難在沒有任何背景刺激的情況下做事。無論是打掃房間時聽音樂、寫作業時聽 Podcast，還是吃飯時看 YouTube 影片。<span class="underline">然而，能夠靜下心來與自己獨處是很重要的。</span><span class="underline">一顆無法在寧靜中獨處的心，往往會錯失生活中細微的美好。</span>
</p>
<p>
<a href="https://blog.absurdpirate.com/tea-as-a-cure-for-brainrot/#:~:text=A%20lot,beauties">Source</a>
</p>
</blockquote></li>
<li><p>
<a href="https://defector.com/the-other-elephant">The Other Elephant</a> by Sabrina Imbler
</p>
<p>
大象是具有社會性的生物，需要和其它大象進行社交，不然也會像人一樣感到孤獨。但動物園一般也不會養很多隻大象，不能滿足大象的社交需要，所以大象其實不適合在動物園裡養。
</p></li>
<li><p>
<a href="https://portside.org/2026-08-02/sunday-science-most-ovarian-cancer-isnt-and-fact-can-save-lives">Sunday Science: Most ‘Ovarian Cancer’ Isn’t. And That Fact Can Save Lives.</a> by Gina Kolata
</p>
<blockquote>
<p>
「卵巢癌」是個誤稱，Stone 醫生說，幾乎所有的卵巢癌——以及幾乎所有致命的卵巢癌——其實都是輸卵管癌。大約 20% 左右起源於卵巢的癌症則不同，Stone 醫生說，通常可以治癒。
</p>
<p>
女性如果切除輸卵管——這些像軟糖蠕蟲般的管道負責將卵子從卵巢運送到子宮——可將罹患卵巢癌的機率降低近 80％。這是一個只需五分鐘的手術，幾乎可以在任何腹部手術中同時完成，包括子宮切除術、輸卵管結紮、膽囊手術與疝氣修補。
</p>
<p>
<a href="https://portside.org/2026-08-02/sunday-science-most-ovarian-cancer-isnt-and-fact-can-save-lives#:~:text=%E2%80%9COvarian,repair">Source</a>
</p>
</blockquote></li>
<li><p>
<a href="https://kedara.eu/purpose-of-tear-water-tea/">The purpose of tear-water tea</a> by Ruben Verweij
</p>
<blockquote>
<p>
故事中，猫头鹰通过想着“那些令人悲伤的事”来泡一壶茶；他的泪水开始自由流淌，他灵巧地将泪水接进茶壶里。让我来演示一下这是如何运作的：
</p>
<p>
我怀念去露营旅行的日子。我怀念那趟火车：车站里的食物、气味、声响和风景。[…]
</p>
<p>
当他的罐子装满泪水后，猫头鹰开心地停止哭泣，准备泡茶：
</p>
<p>
“好了，”猫头鹰说。“这样就够了！”猫头鹰停止了哭泣。他把水壶放在炉子上烧水泡茶。猫头鹰倒满杯子时，感到满心欢喜。
“尝起来有点咸，”他说，“但泪水茶总是很好喝的。”
</p>
<p>
这是一个美丽的故事，也是一个我觉得非常有帮助的练习。<span class="underline">通过为沉溺于悲伤分配有限的时间，通过装满茶壶再倒空它，之后的生活尝起来更加甜美。</span>没有流下一滴眼泪，我已经感到轻松了许多。痛苦的意义是否就在于通过它的存在来定义幸福？两者能否独立存在？
</p>
<p>
<a href="https://kedara.eu/purpose-of-tear-water-tea/#:~:text=In%20the%20story,other">Source</a>
</p>
</blockquote></li>
<li><p>
<a href="https://www.v01.io/posts/2026/08/three-people-is-a-team/">Three People Is a Team. Seven Is a Committee with Zero Decisions.</a> by Klaus Breyer
</p>
<blockquote>
<p>
人們會說：「但我們需要每個人的意見。」不，你不需要。你需要在正確的時間獲得正確的意見。團隊的其他成員可以透過非同步的方式提供回饋。他們可以查閱 <a href="https://www.v01.io/posts/2024/05/shaping-architecture-feedback-loop/">架構決策紀錄（ADRs）</a>，也可以查看白板上成形的解決方案。但他們不需要參加每一次的會議。
</p>
<p>
納入更多人會讓人感覺具包容性、感覺很民主。但這會拖慢一切。更糟糕的是，這會分散所有權。當每個人都有責任時，就沒有人負責任。
</p>
<p>
<a href="https://www.v01.io/posts/2026/08/three-people-is-a-team/#:~:text=People%20will,responsible,-%2E">Source</a>
</p>
</blockquote>
<p>
這個結論，古人早就說過了「一個和尚挑水喝，兩個和尚抬水喝，三個和尚沒水喝」。
</p></li>
<li><p>
<a href="https://www.tariqdeir.com/best-customers-barely-use-your-product/">Sometimes Your Best Customers Barely Use Your Product</a> by Tariq Deir
</p>
<p>
作者開發了一個航班相關的應用，發現那些最佳客戶幾乎不使用他的產品，他們很快完成操作就消失了，而那些用的很多的客戶反而流失得很快。
</p>
<blockquote>
<p>
<span class="underline">如果有人每天都必須不斷打開我的產品才能從中獲得價值，或許我實際上並沒有從他們的生活中減輕多少工作量？</span>對於某些應用程式來說，那是正確的形態，你想要創造一些具有黏著性和吸引力的東西。
</p>
<p>
但看來我最長期的會員並不想要另一個可以瀏覽的平台。
</p>
<p>
他們希望我安靜地觀察成千上萬個航班，並在出現相關內容時輕拍他們的肩膀。
</p>
<p>
<span class="underline">他們需要做的越少，產品實際上運作得可能就越好。</span>
</p>
<p>
<a href="https://www.tariqdeir.com/best-customers-barely-use-your-product/#:~:text=If,working">Source</a>
</p>
</blockquote>
<p>
對於工具類軟件來確實如此，需要做的越少也越方便。像是訂機票，我想要的就是輸入起點、終點、日期時間，找到實惠的那一趟，然後付費就够了。但現在很多應用裡還會有很多廣告、彈窗、附加服務等干擾你，想盡辦法讓你在應用裡多停留，實在討厭。
</p>
<p>
發現問題後，作者沒有因為自己付出了不少努力而給錯誤的方向找理由，他開始推出一些改進，看看客户的反應。
</p>
<blockquote>
<p>
不要對自己的努力產生情感依賴。
</p>
<p>
這就是沉沒成本開始滲入你決策的方式。
</p>
<p>
你會停止問自己，這仍然是正確的建設方向嗎？
</p>
<p>
而開始問，我該如何為已經完成的所有工作找理由？
</p>
<p>
這兩個問題大相徑庭。
</p>
<p>
當我們開始一個新產品、服務或概念時，只能從假設出發。
</p>
<p>
我們在冒險。
</p>
<p>
我們在下注。
</p>
<p>
我們在不確定是否正確的情況下構建事物。
</p>
<p>
這就是工作本身。
</p>
<p>
但這些假設最終應該被證據取代，而不是被以下想法取代：
</p>
<p>
好吧，我已經花了六個月時間打造它了，所以不如繼續下去。
</p>
<p>
<a href="https://www.tariqdeir.com/best-customers-barely-use-your-product/#:~:text=Do%20not,on">Source</a>
</p>
</blockquote>
<p>
我以前理解錯了 <a href="https://sive.rs/1s">Writing one sentence per line</a>，文章裡也有很多短句段落，現在我有點反感這種文風。這種風格也是有好处的，讀起來容易，而且不少人看文章都是 <a href="47.html#877634F0-5359-4787-BF3D-28FBFDF4909A">符合 F 形模式</a>，短句型式也可以讓人關注更多信息，讀起來更口語話，寫得好也有一點詩的感覺。但就是太短了，太占空間，有的意思相近的話其實可以連成一個稍長點的段落的，沒必要拆這麼短。
</p></li>
</ul>
</div>
</div>
<div id="outline-container-D2FCF0E9-3C58-4F47-91E9-4D7F86C1E5E0" class="outline-2">
<h2 id="D2FCF0E9-3C58-4F47-91E9-4D7F86C1E5E0"><a href="#D2FCF0E9-3C58-4F47-91E9-4D7F86C1E5E0">Cool Bit</a></h2>
<div class="outline-text-2" id="text-D2FCF0E9-3C58-4F47-91E9-4D7F86C1E5E0"><ul class="org-ul">
<li><p>
<a href="https://luckyinstar.neocities.org/blog">lucky instar blog</a>
</p>
<p>
如果你對昆蟲、動物感興趣，可以關注一下這個博客，作者 Jakalopes 是一個生物學家，從他的博客裡能看到很多有趣的生物，以及了解一點生物知識。
</p></li>
<li><p>
<a href="https://github.com/ErikMcClure/bad-licenses">ErikMcClure/bad-licenses</a>
</p>
<blockquote>
<p>
荒誕「開源」授權條款概覽。
</p>
</blockquote>
<p>
另見： <a href="https://github.com/me-shaon/GLWTPL">me-shaon/GLWTPL: "Good Luck With That" Public License</a>
</p>
<details>
<summary>GLWT</summary>
<p class="verse">
GLWT(Good Luck With That) 公共授權條款<br>
版權所有 (c) 任何人，除了開發者<br>
<br>
任何人都有權複製、發行、修改、合併、出售、出版、再授權本軟<br>
體，或用作任何其他用途，但一切風險需自行負擔。<br>
<br>
開發者對本專案內的原始碼一無所知。<br>
它可能可以運行也可能無法，沒有其他情況。<br>
<br>
        GOOD LUCK WITH THAT 公共授權條款<br>
            複製、發行及修改的條款與約束<br>
<br>
零：在不導致開發者被指責或追究的情況下，你想做什麼都可以。<br>
<br>
在任何情況下，無論是否為合約規範之行為或是侵權行為，或是肇<br>
因於本軟體，或為軟體本身、使用情境或是其他交易所衍生與之相<br>
關之任何索償、損壞或其他責任，開發者一概不負責。<br>
<br>
祝你好運及一帆風順。<br>
</p>
</details></li>
<li><p>
<a href="https://clickclickclick.click/">Click</a>
</p>
<p>
一個點擊遊戏，域名也挺有趣的。
</p>
<p>
另見： <a href="23.html#2C3DDAD7-3AAB-4AB9-BDD0-567F42E2D9D3">Zine#23::Stimulation Clicker</a>、<a href="26.html#7A5D6F16-6550-4B20-9D38-D87223CE060A">Zine#26::Cookie Cliker</a>
</p></li>
<li><p>
<a href="https://danq.me/2026/08/06/jpeg/">You’re Pronouncing JPEG Wrong</a> by Dan Q
</p>
<p>
你是怎麼讀 JPEG 的？
</p></li>
<li><p>
<a href="https://danq.me/2026/08/06/normal-fing-sunglasses/">Normal F***ing Sunglasses</a> by Dan Q
</p>
<p>
DuckDuckGo 出的眼鏡，宣傳片很搞笑。
</p></li>
<li><p>
<a href="https://warandpeas.com/2026/08/06/how-to-befriend-a-fly/">How to Befriend a Fly</a> by War and Peas
</p>
<p>
蜘蛛：「嘿！蒼蠅 bro，我們交朋友吧，我保証不吃你」
</p></li>
<li><p>
<a href="https://thehtml.review/">the html review</a>
</p>
<blockquote>
<p>
HTML Review 是一份每年出版、以網路為存在形式的文學期刊。
</p>
<p>
[…]
</p>
<p>
我們徵求能充分發揮網路作為媒介特性的投稿。詩、小說、非虛構、散文、圖像敘事及各種實驗作品，皆歡迎投稿。不論是在美學或主題上，我們都喜愛具有獨特性的獨立作品，並且聚焦於極為特定的主題。
</p>
</blockquote>
<p>
收录󠄃了一些實驗性的頁面，有的交互很特別，有的排版很不一樣，都挺有創意的，可以探索一下。例如：
</p>
<ul class="org-ul">
<li><a href="https://coyote.computer/milkfish/">milkfish</a> 像在刮魚鱗</li>
<li><a href="https://highway-01.banner-depot-2000.net/">Banner Highway 01 汽车是旅行的工具</a> 一邊開車，一邊看路牌上的句子</li>
</ul></li>
<li><p>
<a href="https://www.mixfont.com/experiments/decoy-font?ref=labnotes.org">Decoy Font</a>
</p>
<blockquote>
<p>
一款能從人工智慧面前隱藏你輸入內容的 TTF 字型。輸入一段訊息，其中的每個字母都包含一個誘餌。
</p>
</blockquote></li>
<li><p>
<a href="https://envoy.henry.codes/">Send me the poetry</a> by Henry
</p>
<blockquote>
<p>
這個網站會發送訊息到一個連接在熱感式印打印機上的 Raspberry Pi Zero W 晶片，這台打印機就放在我客廳的架子上。當你在這裡提交內容時，打印機就會發出一聲短音，然後在我家打印出詩句 :)
</p>
</blockquote>
<p>
蠻有趣的，有喜歡的詩可以發發看，沒有就不要打擾作者了。
</p></li>
<li><p>
<a href="https://www.californiaherps.com/films/snakesinmovies.html">Snakes In Movies Illustrated List</a>
</p>
<p>
影視劇中的蛇。
</p></li>
<li><p>
<a href="https://milliondollarhomepage.com/">The Million Dollar Homepage - Own a piece of internet history!</a>
</p>
<blockquote>
<p>
<a href="https://en.wikipedia.org/wiki/The_Million_Dollar_Homepage">百萬美元首頁</a> 是一個網站，於 2005 年由 Alex Tew（英格蘭 Wiltshire 的學生）構思，旨在為他的大學教育籌款。此首頁由百萬個像素組成，排列成 1000 × 1000 的像素格；這些基於圖像的連結以每個 $1 的價格，按 10 × 10 的區塊出售。購買這些像素區塊的用戶提供要顯示的微型圖像、指向該圖像的 URL，以及在游標懸停於連結上時顯示的標語。此網站的目標是將所有像素全部售出，為創作者創造百萬美元的收入。
</p>
</blockquote></li>
<li><p>
<a href="https://www.neatorama.com/2026/07/13/The-Cinnamon-Bachelors-and-Pepper-Bachelors-of-Denmark/">The Cinnamon Bachelors and Pepper Bachelors of Denmark</a> by Miss Cellania
</p>
<p>
如果你住在丹麥，尤其是日德蘭地區，到了 25 歲還沒結婚，可能會 <a href="https://farandwide.com/s/denmark-has-a-playful-cinnamon-birthday-tradition-for-unmarried-25-year-olds">遭到肉桂攻擊</a>。
</p></li>
<li><p>
<a href="http://www.eviloverlord.com/lists/overlord.html">Peter's Evil Overlord List</a>
</p>
<p>
「如果我有一天成為邪惡霸王，我會做的 100 件事」
</p>
<blockquote>
<ul class="org-ul">
<li>當我抓住對手，而他說：「聽著，在你殺我之前，至少能不能告訴我這一切到底是怎麼回事？」我會說：「不行。」然後射殺他。不，仔細想想，我會先射殺他，再說：「不行。」</li>
<li>我絕不會說出「但在殺掉你之前，我有件事想知道」這句話。</li>
<li>我不會生兒子。雖然他那個可笑且毫無周詳規畫的篡位企圖肯定會輕易失敗，卻會在關鍵時刻造成致命的分心。</li>
<li>我不會生女兒。她會美麗得如同她邪惡一般，但只要看一眼英雄那粗獷的面容，她就會背叛自己的父親。</li>
<li>最後，為了讓我的臣民永遠陷入無思考能力的恍惚狀態，我會為每個人提供免費且無限制的網際網路存取權。</li>
</ul>
</blockquote></li>
<li><p>
<a href="https://branch.constraint.systems/">Branch</a>
</p>
<blockquote>
<p>
Branch 是一個由樹木和樹枝照片組成的協作拼貼作品。拍攝一張照片並追蹤流向，即可將其添加到分支中。
</p>
</blockquote></li>
<li><p>
<a href="https://kuber.studio/cookie/">I didn't set a cookie.</a>
</p>
<p>
網站識別你大量信息，再次提醒你，光是訪問一個頁面就暴露了多少關於你的信息。有的網站并不需要用 cookie 記住你，它們會用許多信息組合成一個唯一的指紋識別你。
</p></li>
<li><p>
<a href="https://archiveofarchives.com/">Archive of Archives</a>
</p>
<p>
作者收集的一些歸檔合集，主要和設計、物件、音樂相關的。樣式設計還不錯。
</p></li>
<li><p>
<a href="https://stonetools.ghost.io/">Stone Tools</a>
</p>
<blockquote>
<p>
探索 8/16 位元時代的復古生產力軟體。不玩遊戲，只為工作。
</p>
</blockquote></li>
<li><p>
<a href="https://type.joohyunpark.com/">Type</a>
</p>
<p>
輸入內容然後確認，內容就會掉落。中文會變成問號。
</p></li>
<li><p>
<a href="https://printingfilms.com/">Printing Films Archive</a>
</p>
<blockquote>
<p>
PrintingFilms.com 是一個收藏老電影的網站，展示印刷、新聞與排版的技術及流程。
</p>
</blockquote></li>
<li><p>
<a href="https://vole.wtf/widthipedia/">Widthipedia</a>
</p>
<p>
改變屏幕寬度，隨機訪問一個 Wiki 頁面。實現起來應該挺簡單的，監聴窗口寬度變化然後調用 Wikipedia 的 API 刷新就好了。
</p></li>
<li><p>
<a href="https://walzr.com/lost-and-found">Lost and Found</a>
</p>
<blockquote>
<p>
當體育場或機場出現遺失物時，工作人員會拍照、記錄並等待。數百個場所使用同一款軟體工具來管理遺失物品，而我搜刮了他們的存檔：數千張遺失物品的意外肖像。
</p>
</blockquote>
<p>
大部分是手機和書。
</p></li>
<li><p>
<a href="https://fragglet.github.io/sdl-sopwith-builds/tags/sdl-sopwith-2.9.0/sopwith.html">SDL Sopwith 2.9.0</a>
</p>
<p>
一個開飛機的複古遊戱。
</p>
<blockquote>
<p>
《Sopwith》是由 BMB Compuscience 的 David L. Clark 於 1984 年開發的一款橫向捲軸射擊遊戲。
</p>
<p>
遊戲內容涉及駕駛一架索普威思（Sopwith）雙翼飛機，試圖炸毀敵方建築物，同時避開敵機的火力和各種其他障礙物。
</p>
<p>
<a href="https://en.wikipedia.org/wiki/Sopwith_%28video_game%29">Sopwith (video game) - Wikipedia</a>
</p>
</blockquote></li>
<li><p>
<a href="https://www.beautifulpublicdata.com/boat-names/">50,000 boat names</a>
</p>
<p>
各種船隻的名字。
</p></li>
<li><p>
<a href="https://lanemcmartin.itch.io/neuralimina">Neuralimina</a> by lanemcmartin
</p>
<blockquote>
<p>
《Neuralimina》是一款關於探索夢境的超現實點擊冒險短篇遊戲。在不合邏輯的環境中穿梭。解開神秘的謎題。尋找逃脫之路。
</p>
</blockquote>
<p>
密室逃脫類遊戱。
</p></li>
<li><p>
<a href="https://mstdn.social/@rysiek/117077198717825135">"Human in the loop."</a>
</p>
<p>
真正的 Human in the loop。
</p></li>
<li><p>
<a href="https://minghuaji.dpm.org.cn/">故宫名画记</a>
</p>
<blockquote>
<p>
“故宫名画记” (<a href="https://minghuaji.dpm.org.cn">https://minghuaji.dpm.org.cn</a>) 是故宫博物院官方网站下的中国古代绘画高清大图鉴赏栏目，主要提供故宫藏中国古代绘画珍品的高清大图欣赏和多媒体导览内容，目前可浏览《清明上河图》《韩熙载夜宴图》《千里江山图》等一千余幅绘画史上的不朽名作。
</p>
</blockquote></li>
<li><p>
<a href="https://art.joonas.wtf/">Plein Air</a>
</p>
<blockquote>
<p>
Plein air（法語意為「在戶外」）是指在室外繪畫的學科，直面天氣的變換，就像康斯特勃（Constable）在薩福克郡的草地上研究雲彩，莫內（Monet）在每個季節的每一小時畫著同樣的乾草堆。畫家們將畫布帶到室外，是因為光線無法在事後被記憶，只能在繪畫時身處其中。
</p>
<p>
Plein Air 讓你站在其中一幅畫作旁。你頭頂的天空與畫中的天空共享著同一時刻——同樣漫長的午後，同樣威脅著要降臨的風暴，同樣依附在河面上的霧氣。一幅為此時此刻所選的畫作。
</p>
</blockquote>
<p>
簡單來說就是基於天氣和時間返回匹配的畫作。
</p></li>
<li><p>
<a href="https://www.youtube.com/watch?v=3YtygAx_C6A">A Walkable ASCII Cyberpunk City in One HTML File</a> (2:47) by Grow Now! Games
</p>
<p>
用 ASCII 描繪的可探索的城市。
</p></li>
<li><p>
<a href="https://www.submarinecablemap.com/">Submarine Cable Map</a>
</p>
<p>
海底電纜地圖。
</p></li>
<li><p>
<a href="https://placeoddities.com/">Place Oddities</a>
</p>
<p>
打開後會看到一張英國地圖，上面有很多可點擊的元素，可以看到很多奇怪的，不明所以的內容。點擊右上角的 Sacred Well (聖井)，也可以進行隨機訪問。
</p></li>
<li><p>
<a href="https://www.shibuyaaa.com/shibby-sampler">sampler</a>
</p>
<p>
用 YouTube 視頻搓碟？
</p></li>
<li><p>
<a href="https://winchxyz.github.io/moon-rover/">REGOLITH — The Silence at Anaxagoras</a>
</p>
<p>
月球探測車模拟，挺逼真的。在設置裡還能開啟延迟，讓模拟更真實。
</p></li>
<li><p>
<a href="https://www.talktyl.com/">ttyl</a>
</p>
<blockquote>
<p>
Send a voice note to your future self.
</p>
</blockquote>
<p>
一個 iOS App，用來給未來的自己留言。
</p></li>
<li><p>
<a href="https://oceanographicmagazine.com/winners-gallery/">Winners Gallery - Oceanographic</a>
</p>
<p>
年度海洋攝影。
</p>
<p>
另見： <a href="https://ippawards.com/winners/showcase">iPhone Photography Awards 2026 Winners</a><small>(不是，別人的 iPhone 拍出來怎麼都這麼好看？)</small>
</p></li>
<li><p>
<a href="https://santionispirits.com/">Santioni Spirits | Cocktails to Indulge Now, Atone Later</a>
</p>
<p>
這是一個名为 Santioni 的飲品品牌的網站，做得也太酷了吧！
</p></li>
<li><p>
<a href="https://www.bre.art/">The Bre Pettis Collection of Computer Art</a>
</p>
<blockquote>
<p>
Bre Pettis 電腦藝術收藏是我的個人收藏，裡面包含使用電腦、演算法、繪圖機與創意機械製作的藝術作品。此網站是它的目錄：作品、創作它們的藝術家，以及圍繞它們的書籍與唱片圖書館。
</p>
</blockquote></li>
<li><p>
<a href="https://tomarigi.me/world">Tomarigi</a>
</p>
<p>
網絡攝像頭聚合網站。
</p></li>
<li><p>
<a href="https://moepwellington.xyz/">moe p. wellington</a>
</p>
<p>
moe p. wellington 是一個德國的藝術家，這是他的個人網站，有一些他的作品。
</p></li>
<li><p>
<a href="https://annualreport.gallery/">Annual Report Archive</a>
</p>
<p>
年度报告畫廊。
</p>
<blockquote>
<p>
在上個世紀的大部分時間裡，年度報告是公司投入大量精力的產物，會聘請平面設計師、插畫家和藝術家。無論如何，平面設計工作的費用都很昂貴，因此公司利用這種沉沒成本，將日常報告轉化為具有真實意義的事物，藉此凝聚團隊士氣。
</p>
<p>
當個人電腦普及，版面設計和平面設計變得「民主化」之後，公司預期支付的費用隨之下降。因此，雖然他們繼續投資於品牌和行銷，卻停止了對美學的投入。
</p>
<p>
隨著圖形製作透過 AI 工具進一步機械化，我確實擔心這次我們即將失去什麼。我想，回顧一下我們以前失去了什麼，看看或許我們能給予其中一些偉大的創意新的生命，應該會很有趣。
</p>
</blockquote></li>
<li><p>
<a href="https://fulltalktime.com/">Text like it’s 2005 — Full Talktime</a>
</p>
<p>
網站模拟了老式的按鍵手機 (像諾基亚)，可以用它寫短信，發送後會得到一個連結，打開連結就可以收到信息。
</p></li>
<li><p>
<a href="https://turnleft.app/">TURN LEFT! — one-button stock car racing</a>
</p>
<p>
一個小遊戲，按任意按鈕讓小車左轉，不發生碰撞跑完就行。車多了之後，要避免碰撞還有點難。
</p></li>
<li><p>
<a href="https://hitthedot.app/">On the Dot</a>
</p>
<p>
給一個秒數，你覺得到了就點停，看看你的準確率。我的準確率是 92%，我的辦法是數 1001，1002⋯⋯每個數字的時間大致就是一秒。
</p></li>
<li><p>
<a href="https://kengocodes.itch.io/isle">isle by kengocodes</a>
</p>
<p>
遊戱會隨機生成一個島嶼，你化身一隻鳥在其中漫步。
</p></li>
<li><p>
<a href="https://leehenry.top/posts/words_in_wildness/ww-vol09/#%E5%BD%93%E8%AF%AD%E8%A8%80%E5%9B%A0%E7%86%9F%E6%82%89%E4%B8%8D%E8%A2%AB%E6%B3%A8%E8%A7%86">当语言因熟悉不被注视 | 漫想与杂谈 Iss.07 · 处暑</a> by 伏枥
</p>
<blockquote>
<p>
还有个很著名的读「喉、舌、齿、唇、口、鼻」这几个字的时候，感受一下发音的位置；还有「前、中、后」这仨字；接着读「绳、线、丝」时，又感受一下语气的粗细。
</p>
<p>
<a href="https://leehenry.top/posts/words_in_wildness/ww-vol09/#%E5%BD%93%E8%AF%AD%E8%A8%80%E5%9B%A0%E7%86%9F%E6%82%89%E4%B8%8D%E8%A2%AB%E6%B3%A8%E8%A7%86:~:text=%E8%BF%98%E6%9C%89%E4%B8%AA%E5%BE%88%E8%91%97%E5%90%8D%E7%9A%84%E8%AF%BB%E3%80%8C%E5%96%89%E3%80%81%E8%88%8C%E3%80%81%E9%BD%BF%E3%80%81%E5%94%87%E3%80%81%E5%8F%A3%E3%80%81%E9%BC%BB%E3%80%8D%E8%BF%99%E5%87%A0%E4%B8%AA%E5%AD%97%E7%9A%84%E6%97%B6%E5%80%99%EF%BC%8C%E6%84%9F%E5%8F%97%E4%B8%80%E4%B8%8B%E5%8F%91%E9%9F%B3%E7%9A%84%E4%BD%8D%E7%BD%AE%EF%BC%9B%E8%BF%98%E6%9C%89%E3%80%8C%E5%89%8D%E3%80%81%E4%B8%AD%E3%80%81%E5%90%8E%E3%80%8D%E8%BF%99%E4%BB%A8%E5%AD%97%EF%BC%9B%E6%8E%A5%E7%9D%80%E8%AF%BB%E3%80%8C%E7%BB%B3%E3%80%81%E7%BA%BF%E3%80%81%E4%B8%9D%E3%80%8D%E6%97%B6%EF%BC%8C%E5%8F%88%E6%84%9F%E5%8F%97%E4%B8%80%E4%B8%8B%E8%AF%AD%E6%B0%94%E7%9A%84%E7%B2%97%E7%BB%86">Source</a>
</p>
</blockquote>
<p>
試了一下，神奇！很好奇背後的故事，是巧合還是特意設計過的？
</p>
<blockquote>
<p>
「结束」是结衣束带的简写，把衣服整理好，腰带扎紧，正在进行的活动到此为止，该走人了。
</p>
<p>
有人觉得「马上」很浪漫吗？古人最快的交通工具，有一种迫不及待的，及时回应的浪漫。
</p>
<p>
<a href="https://leehenry.top/posts/words_in_wildness/ww-vol09/#%E5%BD%93%E8%AF%AD%E8%A8%80%E5%9B%A0%E7%86%9F%E6%82%89%E4%B8%8D%E8%A2%AB%E6%B3%A8%E8%A7%86:~:text=%E3%80%8C%E7%BB%93%E6%9D%9F,%E6%B5%AA%E6%BC%AB,-%E3%80%82">Source</a>
</p>
</blockquote>
<p>
這麼一解讀，這兩個詞多了種美感。
</p></li>
<li><p>
<a href="https://lameazoid.com/mini-brands-vinyl-player/">Mini Brands Vinyl Player</a> by Ramen Junkie
</p>
<p>
迷你黑膠唱片機，蠻好看的。
</p></li>
<li><p>
<a href="https://tinyawards.net/vote/?2026">Vote for the 2026 Tiny Awards Winner</a>
</p>
<blockquote>
<p>
自 2023 年以來，該獎項致力於表彰小型、詩意、創意且手工製作的最佳網絡作品。
</p>
<p>
Tiny Awards 之所以存在，是因為我們認為重要的一點是，要讓那些往往被更傳統、規模更大或更商業化的獎項所忽視的個人網頁項目受到關注。
</p>
<p>
每年，我們都會邀請網路世界提名過去 12 個月內建立的、他們最喜歡的創意非商業網站。由來自廣闊的網頁創意領域的精選專家評審團將選出他們的最愛。最後，整個網路將對這份名單進行投票，選出最受歡迎的作品。
</p>
</blockquote>
<p>
網站的設計挺好看的，分享几個我喜歡的：
</p>
<ul class="org-ul">
<li><a href="https://neal.fun/cursor-camp/">Cursor Camp</a> 在裡面和別人踢了場足球 :P</li>
<li><a href="https://ori.dog/">Everything Everywhere All at Once</a> 這個創意很棒欸！我的一票就投給你了！</li>
<li><a href="https://moth-in-relay.net/">(moth) in relay</a> 1947 年在 Harvard Mark II 發現的 Bug 原來還活著 :P</li>
<li><a href="https://babyshapedvoids.netlify.app/">baby shaped voids</a> 也是很有趣的呈現</li>
</ul>
<p>
還有很多有趣的，去探索看看吧！ (via <a href="https://webcurios.co.uk/webcurios-28-08-26/">Webcurios 28/08/26</a>)
</p></li>
<li><p>
<a href="https://mesh3d.gallery/websites">3D Three.js & WebGL Websites | mesh3d</a>
</p>
<p>
一些有趣的 3D 效果。
</p></li>
<li><p>
<a href="https://www.whatwetellai.com/">What We Tell AI</a>
</p>
<blockquote>
<p>
What We Tell AI 是一個探索關於我們與人工智慧（A.I.）之間複雜關係秘密的計畫。
</p>
<p>
去年九月，我們在舊金山的杜樂麗公園（Dolores Park）設置了一個箱子，請陌生人寫下關於他們與 A.I. 關係的告白。
</p>
<p>
從那時起，我們在加州灣區、紐約及其他地區的公園、購物中心，甚至是 AI 會議中，收集了超過 350 份手寫筆記。
</p>
<p>
作為這奇特時代的一個縮影，WWTAI 揭示了 2026 年（即 ChatGPT 發佈僅 3 年後）圍繞 AI 使用而新興的禁忌，以及它在我們私密生活中日益增加的存在感。
</p>
<p>
在理想的情況下，我們希望這個計畫能引發人們對 AI 影響的深層反思，不僅是對我們的世界，更是對我們的個人生活：我們如何思考、如何愛，以及我們如何共同理解這一切。
</p>
</blockquote>
<p>
頁面進入時的設計挺好的。
</p></li>
<li><p>
<a href="https://artistaiden.com/sound-in-space">Sound In Space</a>
</p>
<p>
中間有個星雲，然後會隨機出現星光和聲音，自己點進去看看吧。
</p></li>
<li><p>
<a href="https://windows96.net/">Windows 96</a>
</p>
<p>
Windows 96 模拟，裡面甚至能玩三維彈球，還有很多可探索的，例如找到 IE 瀏覧器打開自己博客看看 :P
</p></li>
<li><p>
<a href="https://samuel.vvolhejn.com/">Samuel</a>
</p>
<blockquote>
<p>
Samuel 是一個學習控制這個搞怪嘴巴來模仿說話的模型。說點什麼，它就會像鸚鵡學舌一樣跟著你說；如果你害羞的話，可以試試其中一個預製片段。
</p>
<p>
嘴巴本身是 <a href="https://dood.al/pinktrombone/">Pink Trombone</a>，最初由 Neil Thapen 發起的項目，他將其描述為「赤手空拳的語音合成」。
</p>
</blockquote>
<p>
手動控製也挺好玩的，搞怪。
</p></li>
<li><p>
<a href="https://tree.icqr.com">ICQR</a>
</p>
<p>
把二維碼顯示成一棵樹。
</p></li>
<li><p>
<a href="https://desktopcolors.com/">The desktop color archive</a>
</p>
<p>
一些老的操作系統的配色。
</p></li>
<li><p>
<a href="https://seunghyuk.com/portfolio">Seunghyuk Kim — Graphic Designer</a>
</p>
<p>
交互超酷的個人網站。
</p></li>
<li><p>
<a href="https://amix-design.com/tl/tool-g-wireshooter/">Wire Action Shooter | 敵を捕まえてぶん回せ！ | AMIX</a>
</p>
<p>
一個玩著還不錯的遊戱，還挺容易上手的，我都沒看說明，玩了玩就會了。用鼠標的話，左鍵移動飛船，右鍵捕获敵機，然後通過移動，甩動敵機當作武器進行攻擊。最好還是用手機玩，鼠標太廢手了。
</p></li>
<li><p>
<a href="https://antics.gg/p/side-out-94df7d">SIDE OUT</a>
</p>
<p>
也是個蠻好玩的遊戱，共 8 個玩家一起彈球，接不到就會被淘汰。
</p></li>
<li><p>
<a href="https://nartier.itch.io/walkable-cities">Walkable Cities</a> by miziziziz
</p>
<p>
賽博相扑走。
</p></li>
<li><p>
<a href="https://subway.fyi/essentials">The Essentials — How Close Is Everything You Need in NYC?</a>
</p>
<p>
在紐約地圖上任意選一個坐標，在地圖上尋找鄰里所需的一切，如医院、電影院等，利用步行、乘巴士、搭地鐵，只需一程票價，用來選住的地方挺有帮助的。
</p>
<p>
還有 <a href="https://subway.fyi/60minutes">60 Minutes</a>，點擊城市中的任何地方，地鐵和巴士會從點擊的位置開始向外蔓延，回答了用公共交通，60 分鐘能去到哪。
</p>
<p>
有沒有人也做一個國内版本的。
</p></li>
<li><p>
<a href="https://diagramchasing.fun/2026/mapping-clouds">Mapping India's Clouds</a> by Aman Bhargava
</p>
<p>
像素風雲圖的挺好看的。
</p></li>
<li>有趣的樣式
<ul class="org-ul">
<li><a href="https://tabitha.computer/2026/08/movie-on-faust/">Movie on Faust</a> 貼圖不錯，以後可以試試。</li>
<li><a href="https://www.omz13.com/">homepage!omz13</a> 像是一頁笔記本的紙。</li>
<li><a href="https://fenx.design/">分形杂记</a> 頁面上的蠟燭交互挺不錯的。作者也寫周刊： <a href="https://fenx.work/">Design Scenes</a>，主要是關於技術和設計的。</li>
</ul></li>
</ul>
</div>
</div>
<div id="outline-container-C207377C-B8FB-4EA5-8D82-B310C59CB4EB" class="outline-2">
<h2 id="C207377C-B8FB-4EA5-8D82-B310C59CB4EB"><a href="#C207377C-B8FB-4EA5-8D82-B310C59CB4EB">Tutorial | Resource</a></h2>
<div class="outline-text-2" id="text-C207377C-B8FB-4EA5-8D82-B310C59CB4EB"><ul class="org-ul">
<li><p>
<a href="https://nickwignall.com/how-to-take-feedback-without-getting-defensive/">How to Take Feedback without Getting Defensive</a> by Nick Wignall
</p>
<p>
在收到負面回饋和批評時，難免會有些不開心，產生一些負面情緒，可能還會有一些防禦性的行為。情緒是難以控制的，但是否要順著情緒做出行為是可以控制的。會出現負面情緒，往往是因為：
</p>
<blockquote>
<p>
我們在被批評或收到負面回饋後感受到的情緒痛苦，大多來自於一種微妙的心態，<span class="underline">將批評視為對我們人格、核心信念或自我價值的攻擊。</span>因而產生大量痛苦情緒是合理的：如果真的有人在批評你本質的存在，你自然會感到憤怒、悲傷、恐懼或羞恥。
</p>
<p>
<a href="https://nickwignall.com/how-to-take-feedback-without-getting-defensive/#:~:text=Much,ashamed">Source</a>
</p>
</blockquote>
<p>
不過作者認為，大多時候人們都不是在人身攻擊，他們只是表遠的比較笨拙，依然是出於善意的。此時，把批評看作是一次讓自己變得更好的機會，也許負面情緒就會少一些。
</p>
<blockquote>
<p>
但大多數情況下並非如此。<span class="underline">大多數批評與回饋——即使表達方式拙劣或缺乏同理心——最終都是出於善意。</span><span class="underline">無論你是否相信這一點，將其視為事實來處理，通常是面對批評與回饋最務實的方式。</span>為此，我的建議如下：
</p>
<p>
<b>將批評重新框定為學習與成長的機會，而非攻擊。</b>
</p>
<p>
從這個角度看，無論批評多麼負面（或意圖多麼好或壞），最終都是正面的，因為它提供了讓你變得更好、成長的機會。
</p>
<p>
<a href="https://nickwignall.com/how-to-take-feedback-without-getting-defensive/#:~:text=But%20the,grow,-%2E">Source</a>
</p>
</blockquote></li>
<li><p>
<a href="https://calgaryvegansociety.com/2026/08/07/a-social-guide-to-being-vegan-in-a-meat-eaters-world/">A Social Guide to Being Vegan in a Meat Eaters’ World</a> by Brennan Kenneth Brown
</p>
<p>
素食者的社交指南。大體上就是提前詢問、告知，自己準備食物，以及記住自己可以直接說「不」。
</p></li>
<li><p>
<a href="https://blog.spencermagnusson.com/audio_tips_for_content_creators/">Audio Tips for Content Creators</a> by Spencer Magnusson
</p>
<p>
給視頻內容創作者的收音技巧。
</p>
<p>
See also: <a href="https://blog.spencermagnusson.com/video_tips_for_content_creators/">Video Tips for Content Creators</a>
</p></li>
<li><p>
<a href="https://en.andros.dev/blog/70d817e8/web-design-for-terminal-browsers/">Web Design for Terminal Browsers</a> by Andros Fenollosa
</p>
<p>
讓你的網站在終端（命令行）的瀏覧器上也能正常閱讀的方法，和 <a href="css-naked-day-2026.html">CSS Naked Day</a> 的概念類似的，其實就是要以 HTML 优先。
</p>
<p>
如果你是博客作者，你可以嘗試移除頁面的 JS 和 CSS，那基本上就是在終端的瀏覧器上的效果。如果看起來很糟糕，建議优化一下，那些用終端的瀏覧器讀者也許不會感謝你，但至少不會吐槽你。
</p></li>
<li><p>
<a href="https://neubrutalism.com/#">Neubrutalism</a>
</p>
<p>
一種頁面設計風格：新粗犷主義，網站函盖了它相關的內容，包擴定義、字體、發展歷史等。
</p>
<blockquote>
<p>
Neubrutalism 是一種當代的網頁與 UI 設計運動，拒絕精緻的中立性，轉而採用圖形的直率：高對比的調色板、大膽的排版、明確的形狀以及顯眼的結構——尤其是輪廓與硬陰影。
</p>
</blockquote></li>
<li><p>
<a href="https://perf.reviews/profile-guide">Reading a Performance Profile: Field Guide</a>
</p>
<p>
教你看懂 Chrome DevTools 的 Performance Panel。
</p></li>
<li><p>
<a href="https://www.bytevortex.tech/wireguard-guide-for-getting-into-homelabbing/">The not-so-short WireGuard Guide for people getting into Homelabbing.</a> by Tim Mossholder
</p>
<p>
<a href="https://www.wireguard.com/">WireGuard</a> 是一個 VPN (虛擬私人網路) 工具，文章分享了關於它的安裝使用指南。
</p></li>
<li><p>
<a href="https://www.lightnote.co/">Music Theory that isn't boring</a>
</p>
<p>
很不錯的交互式教程，講解了聲波、和聲、音階、和弦、調性等知識。
</p>
<p>
via <a href="https://runjs.app/blog/music-theory-for-programmers">Music theory for programmers</a> by Luke Haas
</p></li>
</ul>
</div>
</div>
<div id="outline-container-B81A7173-3EA8-4E44-BF44-A5B92DABC3D6" class="outline-2">
<h2 id="B81A7173-3EA8-4E44-BF44-A5B92DABC3D6"><a href="#B81A7173-3EA8-4E44-BF44-A5B92DABC3D6">Code Related</a></h2>
<div class="outline-text-2" id="text-B81A7173-3EA8-4E44-BF44-A5B92DABC3D6"><ul class="org-ul">
<li><p>
<a href="https://blog.gaborkoos.com/posts/2026-08-03-Your-JSON-Is-Lying-to-You/">Your JSON Is Lying to You</a> by Gabor Koos
</p>
<p>
文章整理了 JSON 的一些坑，主要 BigInt、undefined、NaN、Date 等序列化時的問題。
</p></li>
<li><p>
<a href="https://2026.stateofcss.com/en-US/">State of CSS 2026</a>
</p>
<p>
另見： <a href="https://patrickbrosset.com/articles/2026-08-07-state-of-css-2026/">State of CSS 2026</a> by Patrick
</p></li>
<li><p>
<a href="https://www.bram.us/2026/07/30/styling-the-navigation-declarative-route-and-navigation-matching-in-css/">Styling the Navigation: Declarative Route and Navigation Matching in CSS – Bram.us</a>
</p>
<p>
一份 CSS 草案，可以基於頁面路由變化設置不同 CSS。
</p>
<details>
<summary>語法</summary>
<div class="org-src-container">
<pre class="src src-css"><code><span class="org-builtin">@route</span> <span class="org-variable-name">--home</span> { <span class="org-css-property">pathname</span>: url-pattern(<span class="org-string">'/'</span>); }
<span class="org-builtin">@route</span> <span class="org-variable-name">--about</span> { <span class="org-css-property">pathname</span>: url-pattern(<span class="org-string">'/about'</span>); }
<span class="org-builtin">@route</span> <span class="org-variable-name">--detail</span> { <span class="org-css-property">pathname</span>: url-pattern(<span class="org-string">'/detail/:id'</span>); }
<span class="org-comment-delimiter">/* </span><span class="org-comment">Going from home to about? Slide left!</span><span class="org-comment-delimiter"> */</span>
<span class="org-builtin">@navigation</span> (from: <span class="org-variable-name">--home</span>) and (to: <span class="org-variable-name">--about</span>) {
<span class="org-builtin">@view-transition</span> {
<span class="org-css-property">navigation</span>: auto;
<span class="org-css-property">types</span>: slide-all-to-left;
}
}
<span class="org-comment-delimiter">/* </span><span class="org-comment">Going back from about to home? Slide right!</span><span class="org-comment-delimiter"> */</span>
<span class="org-builtin">@navigation</span> (from: <span class="org-variable-name">--about</span>) and (to: <span class="org-variable-name">--home</span>) {
<span class="org-builtin">@view-transition</span> {
<span class="org-css-property">navigation</span>: auto;
<span class="org-css-property">types</span>: slide-all-to-right;
}
}
</code></pre>
</div>
</details></li>
<li><p>
<a href="https://www.joshtumath.uk/posts/2026-07-02-lets-fix-the-webs-text-size/">Talk: Let's fix the web's text size</a> by Josh Tumath
</p>
<p>
如果你好奇為什麼系統字體調大後，瀏覧器的字體却沒有跟著變大，這篇文章可以給你解答。
</p>
<p>
在頁面上可以用下面兩個方法解决這個問題：
</p>
<dl class="org-dl">
<dt><a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/meta/name/text-scale"><meta name="text-scale"></a></dt><dd><code><meta name="text-scale" content="scale"></code> ，目前瀏覧器支持度一般。</dd>
<dt><a href="https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Values/env#preferred-text-scale">preferred-text-scale</a></dt><dd><code>font-size: calc(16px * env(preferred-text-scale));</code></dd>
</dl>
<p>
文章裡還分享了一些頁面文字縮放的注意事項。
</p></li>
<li><p>
<a href="https://master.dev/blog/something-nobody-told-you-about-the-image-element-it-can-overflow/#an-image-can-overflow">Something Nobody Told You About The Image Element (It Can Overflow!)</a> by Temani Afif
</p>
<p>
你知道嗎，就算只有一個 <code><img></code> ，裡面的圖片也可能會溢出 <code><img></code> (<a href="https://codepen.io/t_afif/pen/xbgydXM/22b48d72cecc0e4cb01c625c66707065">例子</a>)。
</p></li>
<li><p>
<a href="https://ishadeed.com/article/lh-unit/">The CSS lh unit</a> by Ahmad Shadeed
</p>
<p>
文章介紹了 CSS 單位 <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Values/length#lh">lh</a> 的一些使用場景，其中之一是用作段落間的間距，看起來確實更合理。
</p></li>
<li><p>
<a href="https://lea.verou.me/blog/2026/dark-mode-toggles/">Dark mode toggles: two states are enough</a> by Lea Verou
</p>
<p>
明暗主題的切換應該用几種狀態？
</p>
<p>
大多數網站會提供自動、亮色、暗色三種讓用户自己選，但對於用户來說，如果頁面看起來沒問題，一般他們不會去改，只有當他們覺得當前主題不合適時才會去改，在這種場景下，最好讓用户點一下就能換。如果是三個狀態，用户還要糾結選哪個，會增加心智負擔。三個狀態有的也會做成下拉框，用户需要點擊兩次才能完成切換，不如點擊一次方便。
</p>
<p>
文章分享了一種更好的實踐，以及三個狀態的更合適的使用場景。我的博客也基於文章的方法更新了實現。
</p></li>
<li><p>
<a href="https://master.dev/blog/typographic-css-tricks/">5 CSS Properties You Should Know for Better Text Designs</a> by Preethi Sam
</p>
<p>
文章介紹了一些文本相關的 CSS 屬性，其中 <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Properties/text-combine-upright">text-combine-upright</a> 在直書排版時挺有用的。
</p></li>
<li><p>
<a href="https://www.bram.us/2026/08/09/unlock-diagonal-scrolling-with-css-scroll-axis-lock-none/">Unlock Immediate Diagonal Scrolling with CSS scroll-axis-lock: none</a> by Bramus
</p>
<p>
如果希望滾動時不要固定滾動方向，例如希望用户可以按對角綫拖動頁面，<code>scroll-axis-lock: none</code> 可以取消滾動鎖定，不過目前瀏覧器還沒全面支持。
</p></li>
<li><p>
<a href="https://tylersticka.com/journal/improved-css-text-stroke/">Improved CSS Text-Stroke</a> by Tyler Sticka
</p>
<p>
利用 <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Properties/paint-order">paint-order</a> 、<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Properties/-webkit-text-stroke">-webkit-text-stroke</a>、<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Values/filter-function/drop-shadow">drop-shadow()</a> 可以實現類似文字貼紙的效果，Cool!
</p>
<style>
@scope(.text-stroke-demo) {
:scope {
color: #fff;
font-size: calc(1rem + 5vw);
line-height: 1;
filter: drop-shadow(-5px 5px 0 var(--color-taxodium-purple));
-webkit-text-stroke: .2em var(--color-taxodium-purple);
paint-order: stroke fill;
letter-spacing: -0.05em;
transform: rotate(-3deg);
}
}
</style>
<div class="text-stroke-demo">taxodium.ink</div></li>
<li><p>
<a href="https://portswigger.net/research/css-the-bomb-inside-your-inbox?ck_subscriber_id=3312975854#defences">CSS:the bomb inside your inbox</a> Gareth Heyes
</p>
<p>
有的郵件是 HTML 格式，有人可能會利用 HTML 和 CSS 來攻擊你，文章分享了一些可能的 CSS 攻擊以及如何防禦。
</p>
<p>
另一個防禦方法是用 <a href="https://useplaintext.email/">純文本郵件</a>，設置你的郵件客户端只顯示純文本，完全不渲染 HTML。
</p></li>
<li><p>
<a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Global_attributes/inert">inert HTML global attribute - HTML | MDN</a>
</p>
<blockquote>
<p>
inert 全域屬性是一個 Boolean 屬性，表示該元素及其所有扁平樹（flat tree）後代皆變為 inert（惰性）。
inert 屬性可被添加到不應具備互動性的內容區塊。當一個元素處於 inert 狀態時，該元素及其所有後代（包括連結、按鈕和表單控制元件等通常具備互動性的元素）都會被停用，因為它們無法獲得焦點或被點擊。
inert 屬性也可以添加到應處於螢幕外或隱藏的元素。一個 inert 元素及其後代會從 Tab 鍵順序和無障礙樹中被移除。
</p>
<p>
<a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Global_attributes/inert#:~:text=The,tree,-%2E">Source</a>
</p>
</blockquote></li>
<li><p>
<a href="https://buttondown.com/nic-steenhout/archive/accessibility-getting-dropped-in-the-process/">Accessibility getting dropped in the process</a> by Nic's accessibility thoughts
</p>
<p>
把無障礙加入到開發流程中，在開發、測試等階段都去關注無障礙，這樣才能確保無障礙得到足够的重視，被真正的落實。
</p></li>
<li><p>
<a href="https://www.youtube.com/watch?v=rqjAx7lQo04">My new favorite CSS trick</a> (4:44) by Kevin Powell
</p>
<p>
讓 <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Properties/border-radius">border-radius</a> 在屏幕隨著視口 (viewport) 寬度變化而變化。
</p></li>
<li><p>
<a href="https://meyerweb.com/eric/thoughts/2018/06/28/what-is-the-css-ch-unit/">What is the CSS ‘ch’ Unit?</a> by Eric A. Meyer
</p>
<p>
<code>1ch</code> 并不對應 1 個字符的寬度，它的定義是：
</p>
<blockquote>
<p>
等於用於渲染該元素的<em>字體</em>中，<em>「0」</em>（ZERO, U+0030）字形的常用前進量。
</p>
<p>
<a href="https://drafts.csswg.org/css-values-3/#ch:~:text=unit-,Represents,count">Source</a>
</p>
</blockquote>
<p>
也就是說， <code>1ch</code> 是 0 這個字符的寬度，而它的寬度也取决於字體。作者透過隨機實驗發現，在比例字體中， <code>1ch</code> 通常比平均字元寬度更寬，通常大約寬出 <b>20-30%</b> 。
</p>
<blockquote>
<p>
所以一般來說，如果你想要 80 個字元的欄寬，並且打算使用 ch 來設定其大小，目標大約設為 60ch 即可，除非你特別使用的字體帶有偏瘦的零。如果你同時使用多種字體，例如標題用一種，內文用另一種，那麼在設定 ch 度量並認為兩者等效時要非常小心。機率極高、極高它們是不會等效的。
</p>
<p>
<a href="https://meyerweb.com/eric/thoughts/2018/06/28/what-is-the-css-ch-unit/#:~:text=So%20in,be,-%2E">Source</a>
</p>
</blockquote>
<p>
如果用在中文，那你要比較一下 0 和中文字的寬度。
</p></li>
<li><p>
<a href="https://blog.gaborkoos.com/posts/2026-08-14-Your-Modules-Are-Lying-to-You/">Your Modules Are Lying to You</a> by Gabor Koos
</p>
<p>
關於 ESM 和 CommonJS 的一些細節。文章很長，不想看也可以直接跳到 <a href="https://blog.gaborkoos.com/posts/2026-08-14-Your-Modules-Are-Lying-to-You/#practical-rules-for-module-boundaries">結論部分</a>。
</p></li>
<li><p>
<a href="https://jakearchibald.com/2026/css-custom-property-compute-time/">Controlling when CSS custom properties are computed</a> by Jake Archibald
</p>
<blockquote>
<p>
註冊自訂屬性 (<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/At-rules/@property">@property</a>) 並指定語法會使其值在較早的上下文中被計算。
</p>
</blockquote></li>
<li><p>
<a href="https://chrisburnell.com/html-can-do-that/">HTML Can Do That</a> Chris Burnell
</p>
<p>
分享了一些 HTML 能做的功能。
</p></li>
<li><p>
<a href="https://www.matuzo.at/blog/2026/html-boilerplate">My HTML boilerplate in 2026</a> by Manuel Matuzović
</p>
<p>
可以基於文章對自己的頁面查漏補缺，我也加了一些缺少的內容，如 <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Attributes/rel#canonical"><link ref="canonical"></a>，當有多個 URL 指向同一個頁面時，這有助於搜索引擎去重。
</p></li>
<li><p>
<a href="https://ishadeed.com/article/flex-wrap-balance/">Balancing flex items with flex-wrap: balance</a> by Ahmad Shadeed
</p>
<p>
讓 Flex 布局在換行時，子元素的排列均衡，作者還分享了很多方法，其中 <code>flex-wrap: balance</code> 是最簡單的，不過目前 Firefox 還不支持。
</p></li>
<li><p>
<a href="https://www.carmenansio.com/articles/3d-css-guide/">3D CSS Guide: perspective, preserve-3d and translateZ</a> by Carmen Ansio
</p>
<p>
文章分享了如何用 CSS 實現 3D 效果，很詳盡。
</p></li>
<li><p>
<a href="https://sockpuppet.org/blog/2026/08/20/stop-making-tuis/">Stop Making TUIs</a> by Thomas & Erin Ptacek
</p>
<p>
主要原因是，TUI 想實現的很多 UI 功能，在原生 UI (例如 Swift 應用) 裡是開箱即用的，而在 TUI 裡要和終端搏門很久，也未必有原生應用做得好；其次是複雜的 TUI 往往在無障礙上也做難做好，而原生在這方面也做得更好。
</p>
<details>
<summary>摘录</summary>
<blockquote>
<p>
但這就是 TUI（文本用戶界面）的問題之一：即使有像 Ratatui、Textual 或 Bubbletea 這樣優秀的框架，<span class="underline">你仍然在與終端機搏鬥，只為了漸近地接近任何原生框架開箱即用的表現。</span>捲動和捲動目標就是一個明顯的例子。拖放是另一個。文本選擇——當你使用帶內信令來繪製視窗邊界時，這會變得很棘手！多個懸浮視窗。而這些都還沒提到圖像處理。
</p>
<p>
你可以花一個小時在 TUI 框架中做出許多標準控制項的體面版本：日期選擇器、加密文本框、進度條、文本編輯器。但其中大多數都不會比同類組件的系統版本好，而且如果不投入更多工作，它們的組合效果也不理想。
</p>
<p>
<span class="underline">這一切在原生 UI 中都是開箱即用的。</span>
</p>
<p>
<a href="https://sockpuppet.org/blog/2026/08/20/stop-making-tuis/#:~:text=apps%2E-,But,UI">Source</a>
</p>
</blockquote>
<blockquote>
<p>
人們會告訴你文字使用者介面（TUI）是具備無障礙性的。
</p>
<p>
這個論點的問題在於它很 <a href="https://www.osnews.com/story/144892/the-text-mode-lie-why-modern-tuis-are-a-nightmare-for-accessibility/">可能是錯誤的</a>。我對這個論點保持謹慎，因為我並非無障礙功能的使用者。我只能根據從事無障礙工作的人員經驗來判斷。<a href="https://www.youtube.com/watch?v=jdF0TkZpMvk&t=991s">就像這位講者</a> 描述螢幕閱讀器如何逐行讀取 TUI「介面框架」的所有更新；井字號、井字號、井字號、井字號、橫線、橫線。看起來很糟！
</p>
<p>
<a href="https://sockpuppet.org/blog/2026/08/20/stop-making-tuis/#:~:text=People%20will,bad">Source</a>
</p>
</blockquote>
</details></li>
<li><p>
<a href="https://shkspr.mobi/blog/2026/08/a-simple-copy-this-code-button-in-javascript/">A simple “copy this code” button in JavaScript</a> by Terence Eden
</p>
<p>
有個複製按鈕會方便複製代碼。文章還分享了一些 HTML 技巧。
</p></li>
</ul>
</div>
</div>
<div id="outline-container-997465C9-195D-4D33-A9FB-5E4F0ABD0AE5" class="outline-2">
<h2 id="997465C9-195D-4D33-A9FB-5E4F0ABD0AE5"><a href="#997465C9-195D-4D33-A9FB-5E4F0ABD0AE5">AI Related</a></h2>
<div class="outline-text-2" id="text-997465C9-195D-4D33-A9FB-5E4F0ABD0AE5"><p>
☞ <a href="57.html#A95FABDC-EB43-4D71-88B1-4A4DDB37D6E9">我想跳過 AI 部分</a>
</p>
<ul class="org-ul">
<li><p>
<a href="https://shkspr.mobi/blog/2026/08/metadata-for-ai-generated-outputs/">Metadata for AI Generated Outputs</a> by Terence Eden
</p>
<p>
文章討論了如何去標記頁面上的 AI 內容，例如用 <code>lang="ai"</code> 、用 <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/samp"><samp></a> 元素、自定義元素如 <code><ai-generated></code> 。
</p></li>
<li><p>
<a href="https://journal.james-zhan.com/ai-writing/">Stop Trying to Distinguish AI-Generated Writing From Human Writing Because You Can’t</a> by James Zhan
</p>
<p>
現在有的人對 AI 有些魔怔了，寫的好的說是 AI 寫的，寫的不好的也說是 AI 寫的，還要找出各種用 AI 寫的特征佐証自己。
</p>
<p>
作者的建議是別去在意，不要為了不像 AI 而讓自己的文字面目全非，晦澀難懂：
</p>
<blockquote>
<p>
而且，為什麼「更難閱讀」他媽的是件好事？更難閱讀怎麼就代表是人類寫的或是好的寫作？在我聽來，那是因為那位人類作者需要提升寫作技巧，好讓他們的作品更容易理解。博士論文通常因為過度且不必要地使用艱深詞彙和複雜句式而難以閱讀——在我看來，這是一個「缺陷」而非「特色」。<span class="underline">如果你寫的東西是要給人看的、是為了交流，那就用簡單易懂的方式寫出來；</span><span class="underline">不要故意弄得晦澀難懂。</span><span class="underline">僅僅因為你使用了沒人平時會用的詞彙，並不代表你更有學問、更有文化或更聰明。</span>
</p>
<p>
<a href="https://journal.james-zhan.com/ai-writing/#:~:text=But%20also,uses">Source</a>
</p>
</blockquote>
<p>
如果你是讀者，也不用太在意是不是 AI 寫的，如果你認為文章寫的不好，不愛看也不用勉強去看。
</p>
<p>
我不喜歡看 AI 生成的文字，因為大多都很囉嗦，讀著也乏味，也有一些生成得好的，我讀著也分辩不出來，直到文章最後作者主動披露我才知道，說實話會有點被惡心到。用 AI 生成，中間就隔了一层 AI 的翻譯，再也不是和作者直接對話了，更像是和虛空對話。
</p></li>
<li><p>
<a href="https://lists.gnu.org/archive/html/emacs-devel/2026-07/msg00318.html">LLM Commit in upstream `master`?!</a>
</p>
<p>
Emacs 的提交信息裡出現了 LLM 引起的一些討論。目前 Emacs 中是禁止用 LLM 生成的代碼的，因為會存在版權問題，但對提交信息的要求還有些模糊。事件的經過是有開發者在開發時利用 LLM 輔助，代碼是自己寫的，只是提交信息裡 LLM 擅自加上了它的簽名 (Co-authored by Claude Fable 5)，在一些討論後，負責人通過強制推送移除了相關提交信息。
</p>
<p>
討論串整體挺友好的，大家針對具體問題討論，快速解决問題，而不會有很多偏离主題的討論。再次推薦 Richard Stallman 寫的 <a href="https://www.gnu.org/philosophy/kind-communication.html">GNU Kind Communications Guidelines</a>。
</p></li>
<li><p>
<a href="https://www.aihero.dev/a-complete-guide-to-agents-md">A Complete Guide To AGENTS.md</a> by Matt Pocock
</p>
<p>
理想的 <code>AGENTS.md</code> 檔案應盡可能精簡，包含以下內容就差不多了：
</p>
<ul class="org-ul">
<li>用一句話描述項目</li>
<li>描述使用的包管理器，npm、corepack⋯⋯，避免它用錯了</li>
<li>構建相關的指令</li>
</ul>
<p>
其他內容采用 <b>漸進式揭露</b> ，把內容拆分到不同文件中，在需要時提示 agent 去讀，例如「For TypeScript conventions, see docs/TYPESCRIPT.md」。
</p></li>
<li><p>
<a href="https://wmyskxz.cn/wiki/whats_ai">AI 是怎么回事：开场白&目录</a> by 我没有三颗心脏
</p>
<p>
一個系列文章，拆解 AI 是怎么回事。
</p>
<blockquote>
<p>
这个系列不是教程。我不是老师，我只是比你早走了几步的探索者。更准确地说，这是一本探索笔记——“我在研究 AI 的过程中，发现了这些有趣的东西，想分享给你。”
</p>
<p>
我给自己定了一个规矩：每一个概念，都要拆到你能在纸上算出来为止。不跳步骤，不留黑箱。
</p>
</blockquote>
<p>
作者也寫 <a href="https://wmyskxz.cn/wiki/tags/%E4%BB%A3%E7%A0%81%E4%B9%8B%E5%A4%96%E5%91%A8%E5%88%8A/">周刊</a>，感興趣也可以訂閱。
</p></li>
<li><p>
<a href="https://shkspr.mobi/blog/2026/08/asymmetric-agents/">Asymmetric Agents</a> by Terence Eden
</p>
<p>
所謂的 AI 代理人承擔了很多角色：僕人、奴隸、溫順數位夥伴、管家、秘書⋯⋯以及隨機性笨蛋。
</p></li>
<li><p>
<a href="https://www.ajwaxman.com/writing/software-for-one">Software for One</a> by Adam Waxman
</p>
<p>
AI 開啟了個人軟件的時代，每個人都可以實現滿足自己獨特需求的軟件，以後開發門檻更低時，肯定會有更多人自己構建自己的軟件。
</p></li>
<li><p>
<a href="https://kig.re/2026/08/19/condensing-twenty-years-of-wisdom-in-one-markdown.html#light">Condensing Twenty Years of Wisdom in One Markdown</a> by Konstantin Gredeskoul
</p>
<blockquote>
<p>
如果你無法審查輸出，就必須限制輸入。就這樣。這就是全部技巧。你把判斷前移，從程式碼審查移到代理在寫下一行程式碼前所閱讀的上下文。
</p>
<p>
<a href="https://kig.re/2026/08/19/condensing-twenty-years-of-wisdom-in-one-markdown.html#light:~:text=Down-,If,line">Source</a>
</p>
</blockquote>
<p>
文中還有作者整理的「<a href="https://kig.re/2026/08/19/condensing-twenty-years-of-wisdom-in-one-markdown.html#my-postgresql-best-practices---for-the-ai-agents">PostgreSQL 最佳實踐——面向 AI 智能體</a>」。
</p></li>
<li><p>
<a href="https://mastodon.social/@kottke/117151078952883396">kottke.org: "Meat proxy (noun): “A person who forwards AI-gene…" - Mastodon</a>
</p>
<blockquote>
<p>
肉身代理 (meat proxy)：「指在未閱讀、理解或驗證的情況下，直接轉發 AI 生成的文本、程式碼或其他輸出的人。此人的角色僅作為 AI 系統與最終接收者之間的傳遞中介。」
</p>
</blockquote></li>
<li><p>
<a href="https://www.gatesnotes.com/home/home-page-topic/reader/a-turbulent-ai-era-and-critical-choices-to-make">The turbulent AI era is here. The choices we make now are critical.</a> by Bill Gates
</p>
<p>
Bill Gates 認為 AI 有三大風險：
</p>
<ul class="org-ul">
<li>許多工作將永遠消失。<small>(AI 會取代很多工作，却沒有創造更多工作，AI 的帯來的收益只集中在少數人手中)</small></li>
<li>人工智慧將賦予人類（甚至可能是人工智慧本身）更多造成傷害的能力。<small>(AI 是双刃劍，可以更好的助人，但帮助的也可能是惡人)</small></li>
<li>人工智慧可能會阻礙孩子的發展，並取代人際關係。<small>(和 AI 相处是沒有摩擦的，但和人相处是有的，而正是在這些摩擦裡，人學會了如何其他人相处； AI 也會讓人更少思考)</small></li>
</ul>
<p>
儘管有風險，但他也同意 AI 是很有用的，但需要確保能惠及所有人，而不是少數人，為此，他認為：
</p>
<ul class="org-ul">
<li>國家，以及國家之間，需要建立一套全新的過渡管理系統</li>
<li>刻意為人類保留一些工作</li>
<li>重新平衡我們對勞動力和資本的徵稅方式 <small>(應該對 AI 代幣和機器人徵稅)</small></li>
</ul></li>
<li><p>
<a href="https://anil.recoil.org/notes/rumour-is-the-exploit">Just a rumour of a bug is enough to find a security exploit these days</a> by Anil Madhavapeddy
</p>
<p>
LLM 讓發現和攻擊漏洞變得更容易了，當網上出現漏洞相關消息時，就馬上會有機器人開始嘗試攻擊。
</p>
<blockquote>
<p>
在與漏洞報告者就可能的修復方案進行一番來回溝通後，我悄悄地公開開啟了 cohttp#1145，以吸引更多人關注。這通常需要幾天的時間，且在一兩週內發布版本是合理的。然而，在大約十分鐘內（！），這個網站就開始接到針對百分比編碼遍歷序列的探測，這表明自動化監視程式正在密切關注公共存儲庫。
</p>
<p>
<a href="https://anil.recoil.org/notes/rumour-is-the-exploit#:~:text=After%20some,repositories">Source</a>
</p>
</blockquote>
<blockquote>
<p>
傳統的安全流程涉及對漏洞進行禁運，並假設細節的保密性能夠保護用戶。然而，如今代理程式只需要一個大致的搜尋方向，就能進行自己的研究。
Fang 等人發現，當給予 CVE 描述時，他們的 GPT-4 代理程式在 15 個漏洞基準測試中成功利用了 87%，而如果沒有該描述，成功率僅為 7%。
</p>
<p>
<a href="https://anil.recoil.org/notes/rumour-is-the-exploit#:~:text=Conventional,7%25%2E">Source</a>
</p>
</blockquote>
<p>
作者提出了三個措施，但感覺還是任重道遠。
</p></li>
<li><p>
<a href="https://larsfaye.com/articles/ai-coding-will-prevent-expertise?ck_subscriber_id=3312975854#my-ai-assistance-checklist">AI Coding will Prevent Expertise</a> by Lars Faye
</p>
<blockquote>
<p>
<b>我的 AI 辅助检查清单：</b>
</p>
<ul class="org-ul">
<li>如果我没有 AI 工具可用，我还能完成这项任务吗？</li>
<li>我是在利用模型加深理解，还是为了快速得到答案？</li>
<li>如果我必须审查并验证生成的输出，我能充分解释其中发生了什么吗？</li>
<li>如果我在学习一个新概念，我是否做了充分的研究，知道该提出哪些正确的问题？</li>
<li>我是否已通过其他方法（阅读文档、标准搜索工具、StackOverflow、Reddit）交叉引用并验证了这种方法？</li>
<li>这是一个真正机械重复、已被执行过上百次的任务，还是过程中需要高层决策的任务 ？</li>
</ul>
<p>
[…]
</p>
<p>
关键在于辨别认知债务与认知卸载之间的差异：认知债务是放弃你的判断和决策 ，而认知卸载则是委托机械性或繁琐的任务 。
</p>
<p>
<a href="https://larsfaye.com/articles/ai-coding-will-prevent-expertise?ck_subscriber_id=3312975854#my-ai-assistance-checklist:~:text=My%20AI,tedious%2E">Source</a>
</p>
</blockquote></li>
<li><p>
<a href="https://lucumr.pocoo.org/2026/8/24/anger-anxiety-agency/">Anger, Anxiety and Agency</a> by Armin Ronacher
</p>
<blockquote>
<p>
我不知道這個產業的未來會是什麼樣子，也不知道誰會從中受益，我想我並不是唯一有此疑慮的人。然而，我只能呼籲所有感到憤怒、尋找反派的人，改為保持好奇。保持足夠的好奇去了解正在改變的事物，保持足夠的興奮去嘗試它。然後，從我們學到的知識中，獲得判斷何時需要抵抗以及將抵抗指向何處的權利。
</p>
<p>
<a href="https://lucumr.pocoo.org/2026/8/24/anger-anxiety-agency/#:~:text=now%2E-,I,direct%20it">Source</a>
</p>
</blockquote></li>
<li><p>
<a href="https://simonwillison.net/2026/Aug/22/more-than-just-code-review/">More than just code review</a>
</p>
<blockquote>
<p>
善用程式碼代理所需的關鍵技能，是能夠有信心地指示它們如何進行修改，接著也能有信心地確認這些修改已以正確的方式套用。
</p>
<p>
有時候，這包括審查它們所撰寫的每一行程式碼，但也有其他方式可以達成這個目標。逐行查看程式碼，從來都不是驗證軟體變更最有效的方法。
</p>
</blockquote></li>
<li><p>
<a href="https://filiph.net/text/2026-08-21-11am-no-we-haven't-seen-this-before.html">“AI will only do the drudging work,” they said</a> by Filip Hráček
</p>
<blockquote>
<p>
我們從未見過這種情況，而如果 AI 公司實現了他們所 <a href="https://openai.com/charter/">宣稱的目標</a>，我們將不得不面對這樣的局面：人類基本上變得毫無用處。而這同樣會造成前所未有的情況。人類天生就渴望發揮作用。這也是人變老之所以困難的一個重要原因——你可能見過某位年事已高的爺爺，明明以他脆弱的身體狀況根本不適合幫忙，卻還是試圖插手某件事；當年輕人堅持表示不需要他的幫助時，他又因此感到難過。儘管人們總是談論著只想坐下來欣賞風景，或整天照料盆栽，但我們人類只能這樣過一陣子，很快就會渴望做點什麼，任何能帶來實際影響的事。
</p>
<p>
<a href="https://filiph.net/text/2026-08-21-11am-no-we-haven't-seen-this-before.html#:~:text=today%2E-,We,impactful">Source</a>
</p>
</blockquote></li>
<li><p>
<a href="https://chattjb.org/about">ChatTJB</a>
</p>
<blockquote>
<p>
ChatTJB 是新世代的單一操作者大型語言體驗（Large Language Experience, LLE），建構於以人類為根基的推理層之上。不同於從機率模型中取樣，每個查詢都會透過專有的生物推理基底加以解決，提供完全可解讀、非合成，且源頭可究責的回應。
</p>
<p>
實際運作方式：你提出問題，一位名叫 Tucker 的人會閱讀問題、思考，並在醒著且有動力時回覆。
</p>
</blockquote></li>
<li><p>
<a href="https://vickiboykis.com/2026/08/12/write-for-people/?ck_subscriber_id=3312975854">Write for people</a> by Vicki Boykis
</p>
<blockquote>
<p>
但當機器針對不同理解程度的人，同時生成專業術語和長篇大論的解釋時，情況就開始變得棘手了。「更新依賴項」（Bumped dependencies）很好，大家都知道我們在更新套件。但「作為持續維護實務的一部分，執行了預定的依賴項刷新。在整個依賴關係圖中（包括適用的傳遞依賴項）應用了次要和補丁級別的版本提升」就很糟糕。
</p>
<p>
你在生成它時沒讀過，我閱讀時也不會讀。我們正在生成一堆形容詞和副詞並扔給對方。這些輸出是一個基於整個網際網路技術文件語料庫訓練的模型結果，其訓練目標是完成句子，而不是為了讓人理解。
</p>
<p>
<a href="https://vickiboykis.com/2026/08/12/write-for-people/?ck_subscriber_id=3312975854#:~:text=But%20where,human%20understanding">Source</a>
</p>
</blockquote></li>
<li><p>
<a href="https://emilkowal.ski/ui/friction-as-a-feature">Friction as a Feature</a> by Emil Kowalski
</p>
<blockquote>
<p>
<span class="underline">但阻力一直在悄悄扮演第二個角色：它讓我們在動手打造之前先思考。</span>
</p>
<p>
在 AI 出現之前，撰寫程式碼的成本很高，因此建造成本為哪些想法能夠存活到真正被實現設下了更高的門檻。<span class="underline">你必須有所取捨，因為投入的心力本身就迫使你判斷什麼值得打造。</span>
</p>
<p>
<a href="https://emilkowal.ski/ui/friction-as-a-feature#:~:text=But,making">Source</a>
</p>
</blockquote>
<blockquote>
<p>
這就是為什麼人們不喜歡近期大量出現的 vibe-coded 應用程式和 UI 函式庫。<span class="underline">它們背後很少經過深思熟慮，因為沒有阻力迫使人們這麼做。</span>
</p>
<p>
它們沒有設計感，只是存在著。
</p>
<p>
<a href="https://emilkowal.ski/ui/friction-as-a-feature#:~:text=That%E2%80%99s%20why,exist">Source</a>
</p>
</blockquote></li>
<li><p>
<a href="https://zed.dev/blog/software-craftsmanship-in-the-era-of-vibes?ck_subscriber_id=3312975854">The Case for Software Craftsmanship in the Era of Vibes</a> by Nathan Sobo
</p>
<blockquote>
<p>
那麼，我們該如何打造優良的軟體？方法可能不只一種，但我可以告訴你我的做法。這需要你對使用者體驗承擔責任。
</p>
<p>
<a href="https://zed.dev/blog/software-craftsmanship-in-the-era-of-vibes?ck_subscriber_id=3312975854#:~:text=So%20how%20do%20we%20build%20good%20software%3F%20There%20are%20probably%20multiple%20ways%2C%20but%20I%27ll%20tell%20you%20mine%2E%20It%20requires%20taking%20ownership%20of%20the%20user%27s%20experience">Source</a>
</p>
</blockquote></li>
<li><p>
<a href="https://blog.florianherrengt.com/ai-removing-middle-class-software-engineering.html?ck_subscriber_id=3312975854">AI is removing the middle class of software engineering</a> by
</p>
<blockquote>
<p>
你需要貢獻出超越單純給予代理一個提示所能獲得的價值。
</p>
<p>
如果你缺乏評估 LLM 建議所需的判斷力，那麼要求更多判斷並不能解決問題。
</p>
<p>
到了某個時候，仍然必須有人知道究竟發生了什麼事。而那就是團隊中最有價值的人。
</p>
<p>
<a href="https://blog.florianherrengt.com/ai-removing-middle-class-software-engineering.html?ck_subscriber_id=3312975854#:~:text=You%20need,team%2E">Source</a>
</p>
</blockquote></li>
<li><p>
<a href="https://projectbrain.md/">BRAIN.md</a>
</p>
<blockquote>
<p>
An open, agent-agnostic <span class="underline">standard</span>
for capturing a project's durable knowledge as plain Markdown —
read and written through one small CLI.
It lives in your repo and travels across agents, machines, and models.
</p>
</blockquote>
<blockquote>
<p>
<code>AGENTS.md</code> usually tells coding agents how to work in the repository.
<code>BRAIN.md</code> points to the project brain:
structured knowledge about why decisions were made,
what is currently true, and what context should guide future work.
</p>
</blockquote></li>
<li><p>
<a href="https://github.com/dmno-dev/varlock">dmno-dev/varlock</a>
</p>
<blockquote>
<p>
<span class="underline">AI-safe .env files</span>: Schemas for agents, Secrets for humans.
</p>
</blockquote></li>
<li><p>
<a href="https://www.docker.com/products/docker-sandboxes/">Docker Sandboxes</a>
</p>
<blockquote>
<p>
Run AI agents safely in local <span class="underline">sandboxes</span>.
</p>
</blockquote></li>
<li><p>
<a href="https://github.com/deepseek-ai/deepseek-harness">deepseek-ai/deepseek-harness</a>
</p>
<blockquote>
<p>
DeepSeek Harness (dsh) is an open-source agent harness developed by DeepSeek AI.
</p>
<p>
It uses an architecture where <b>everything is a plugin</b>,
and is powered by <a href="https://github.com/cordiverse/cordis">Cordis</a>,
whose design is described in <a href="https://github.com/cordiverse/paper">A Programming Paradigm for Spatiotemporal Composability</a>.
</p>
</blockquote>
<p>
另見：
</p>
<ul class="org-ul">
<li><a href="https://digua.moe/posts/20260813-dsh.html">内测结束了，聊聊 DeepSeek Harness 的使用体验</a> by 地瓜</li>
<li><a href="https://github.com/awesome-dsh-plugin/awesome-dsh-plugin">awesome-dsh-plugin/awesome-dsh-plugin</a></li>
</ul></li>
<li><p>
<a href="https://anywear.decart.ai/">Anywear — Try clothes on, anywhere.</a>
</p>
<blockquote>
<p>
Drag any clothing item from any online store and see it on you, instantly.
</p>
</blockquote>
<p>
直播和網上買衣服的場景應該很有用。
</p></li>
<li><p>
<a href="https://github.com/modem-dev/hunk">modem-dev/hunk</a>
</p>
<blockquote>
<p>
Review-first terminal <span class="underline">diff viewer</span> for agentic coders.
</p>
</blockquote></li>
<li><p>
<a href="https://github.com/vectorize-io/hindsight">vectorize-io/hindsight</a>
</p>
<blockquote>
<p>
Hindsight: Agent <span class="underline">Memory</span> That Learns.
</p>
</blockquote></li>
<li><p>
<a href="https://github.com/yetone/cumora">yetone/cumora</a>
</p>
<blockquote>
<p>
Where <span class="underline">agent teams</span> gather.
Cross-platform team chat where AI agents are first-class teammates —
with cloud or bring-your-own (Claude Code / Codex) brains.
</p>
</blockquote></li>
<li><p>
<a href="https://github.com/h4ckf0r0day/obscura">h4ckf0r0day/obscura</a>
</p>
<blockquote>
<p>
Obscura is a <span class="underline">headless browser engine</span> written in Rust,
built for <span class="underline">web scraping and AI agent automation</span>.
It runs real JavaScript via V8, supports the Chrome DevTools Protocol,
and acts as <span class="underline">a drop-in replacement for headless Chrome with Puppeteer and Playwright</span>.
</p>
</blockquote></li>
<li><p>
<a href="https://github.com/trailhq/Graft#the-problem">trailhq/Graft</a>
</p>
<blockquote>
<p>
Turbocharge Claude Code, Cursor, Codex, Gemini & every coding agent:
faster, cheaper, with <span class="underline">contextual understanding specific to your codebase</span>.
</p>
</blockquote></li>
</ul>
</div>
</div>
<div id="outline-container-A95FABDC-EB43-4D71-88B1-4A4DDB37D6E9" class="outline-2">
<h2 id="A95FABDC-EB43-4D71-88B1-4A4DDB37D6E9"><a href="#A95FABDC-EB43-4D71-88B1-4A4DDB37D6E9">Tool | Library</a></h2>
<div class="outline-text-2" id="text-A95FABDC-EB43-4D71-88B1-4A4DDB37D6E9"><ul class="org-ul">
<li><p>
<a href="https://zoom.earth/">Zoom Earth</a>
</p>
<p>
一個不錯的氣象工具。
</p></li>
<li><p>
<a href="https://dither.neato.fun/">Dither — Vector Dither Tool</a>
</p>
<p>
不錯的圖像 Dither 工具。
</p></li>
<li><p>
<a href="https://typ.ing/text">typ.ing</a>
</p>
<p>
一個不錯的英文打字練習網站，練習類型很多，例如 <a href="https://typ.ing/text/keyboard-yoga">keyboard yoga</a>。選擇菜單也是通過打字完成的，有趣的交互。
</p></li>
<li><p>
<a href="https://recipetables.com/">RecipeTables</a>
</p>
<blockquote>
<p>
將任何食譜轉換成一目了然的表格，並保存所有製作過的食譜。
</p>
</blockquote>
<p>
用表格呈現食譜確實很直觀！
</p></li>
<li><p>
<a href="https://everydaymactools.com/punchcard/">Punchcard: clock out, take the receipt</a>
</p>
<blockquote>
<p>
Punchcard 駐留在您的選單列 (menu bar) 中，靜靜地記錄您的時間流向。在結束營業時，它會為您列印一張收據：逐項列出、蓋章並準備好寄出。沒有專案，無需記住計時器，也不必建立帳戶。
</p>
</blockquote>
<p>
用收據的形式呈現展幕使用時間，挺有創意。
</p></li>
<li><p>
<a href="https://github.com/davatron5000/microlighter">davatron5000/microlighter</a>
</p>
<blockquote>
<p>
一個專為網頁設計、 <span class="underline">極小且無依賴項的語法高亮工具</span> 。
</p>
<p>
MicroLighter 使用 <a href="https://developer.mozilla.org/en-US/docs/Web/API/CSS_Custom_Highlight_API">CSS Custom Highlight API</a> 和 TextMate 語法規則。<span class="underline">它在不為每個標記添加 <span> 標籤的情況下高亮代碼，因此您的標記語言能保持整潔且易於編輯。</span>
</p>
</blockquote></li>
<li><p>
<a href="https://www.csstypestudio.com/">CSS Type Studio</a>
</p>
<p>
可以探索各種 CSS 字體屬性的作用。
</p></li>
<li><p>
<a href="https://github.com/inokawa/virtua">inokawa/virtua</a>
</p>
<blockquote>
<p>
A zero-config, fast and small (~3kB) <span class="underline">virtual list</span> (and grid) component
for React, Vue, Solid, Svelte and Angular.
</p>
</blockquote></li>
<li><p>
<a href="https://github.com/jespervos/blossom-carousel">jespervos/blossom-carousel</a>
</p>
<blockquote>
<p>
Native-first <span class="underline">carousel</span> enhanced with drag support for pointer devices.
</p>
</blockquote></li>
<li><p>
<a href="https://github.com/yt-dlp/yt-dlp">yt-dlp/yt-dlp</a>
</p>
<blockquote>
<p>
A feature-rich command-line audio/video downloader.
</p>
</blockquote>
<p>
用來下載 YouTube，Bilibili 上的視頻、音頻。
</p></li>
<li><p>
<a href="https://github.com/firecrawl/anydoc">firecrawl/anydoc</a>
</p>
<blockquote>
<p>
<span class="underline">Convert Word, PowerPoint, Excel, OpenDocument, RTF, EPUB, CSV, and PDF to clean Markdown.</span>
Built in Rust, with Node.js and Python bindings.
</p>
</blockquote></li>
<li><p>
<a href="https://github.com/westpoint-io/lazyrsync">westpoint-io/lazyrsync</a>
</p>
<blockquote>
<p>
A friendly <span class="underline">terminal UI for rsync</span>, written in Rust.
</p>
</blockquote></li>
<li><p>
<a href="https://gingham.ishamsu.com/">gingham</a>
</p>
<p>
一個製作格子圖案的網站。
</p></li>
<li><p>
<a href="https://datablur.app/?ref=DenseDiscovery-403">DataBlur: Blur Your Screen & Hide Sensitive Data</a>
</p>
<p>
一個隠藏敏感信息的瀏覧器插件。
</p></li>
<li><p>
<a href="https://github.com/anypost/emailmd">anypost/emailmd</a>
</p>
<blockquote>
<p>
emailmd <span class="underline">converts markdown into responsive, email-safe HTML</span>
that works across Gmail, Outlook, Apple Mail, Yahoo, and every other client.
</p>
</blockquote></li>
<li><p>
<a href="https://github.com/simoneamico-ux-dev/veil">simoneamico-ux-dev/veil</a>
</p>
<blockquote>
<p>
<span class="underline">Dark mode PDFs</span> without destroying your images.
</p>
</blockquote>
<blockquote>
<p>
veil uses PDF.js to render each page,
then applies CSS inversion for the dark background.
A second canvas restores the original image pixels over the inverted regions,
so photos, charts, and diagrams keep their true colors.
</p>
</blockquote></li>
<li><p>
<a href="https://www.whocanuse.com/">WhoCanUse</a>
</p>
<p>
選擇一個顏色，了解不同視障人士會看到什麼顏色。
</p></li>
</ul>
</div>
</div>
<div id="outline-container-1649E019-F2F5-4946-BCAE-3EAAF911614B" class="outline-2">
<h2 id="1649E019-F2F5-4946-BCAE-3EAAF911614B"><a href="#1649E019-F2F5-4946-BCAE-3EAAF911614B">Emacs</a></h2>
<div class="outline-text-2" id="text-1649E019-F2F5-4946-BCAE-3EAAF911614B"><ul class="org-ul">
<li><p>
<a href="https://en.andros.dev/blog/e0e00b4b/eww-the-emacs-browser-you-underestimate/">EWW, the Emacs browser you underestimate</a> by Andros Fenollosa
</p>
<p>
EWW 是 Emacs 內置的瀏覧器，完全用 Emacs Lisp 編寫，將 HTML 轉換成 Emacs 的中的文本格式。
EWW 不支持 JS 和 CSS，如果你的網站用 EWW 打開能正常瀏覧，說明你的網站 HTML 寫得比較標準，文章也分享了如何編寫 HTML 使其能在 EWW 中表現更好。
</p></li>
<li><p>
<a href="https://protesilaos.com/codelog/2026-08-05-emacs-speedbar-file-explorer/">Emacs: the ‘speedbar’ built-in file explorer (Emacs 31)</a> by Protesilaos
</p>
<p>
speedbar 可以充當目录󠄃，也可以充當代碼文件的索引。
</p></li>
<li><p>
<a href="https://protesilaos.com/codelog/2026-08-13-emacs-themes-solarized-wallpapers/">About Emacs themes, Solarized, and wallpapers</a> by Protesilaos
</p>
<blockquote>
<p>
主題是個人選擇，影響個人需求的因素很多。請記住，可讀性也取決於字體大小、環境光以及你使用的螢幕亮度。
</p>
<p>
[…]
</p>
<p>
不過一般來說，人們常忘記調整螢幕亮度，所以請務必調整，並利用環境光來避免眼睛疲勞。
</p>
<p>
<a href="https://protesilaos.com/codelog/2026-08-13-emacs-themes-solarized-wallpapers/#:~:text=I%20should,eyes">Source</a>
</p>
</blockquote></li>
<li><a href="https://protesilaos.com/codelog/2026-08-09-emacs-expand-abbrev-mode-definitions-conditionally/">Emacs: conditionally expand abbrev-mode definitions</a> by Protesilaos</li>
<li><a href="https://protesilaos.com/codelog/2026-08-29-emacs-completion-preview-mode/">Emacs: completion-preview-mode and the Completions buffer (Emacs 31)</a> by Protesilaos</li>
<li><p>
<a href="https://taonaw.com/2026/08/05/emacs-config-gems-part.html">Emacs Config Gems - Part 3</a> by The Art Of Not Asking Why
</p>
<p>
<a href="https://taonaw.com/2026/08/09/emacs-config-gems-part.html">Part 4</a>、<a href="https://taonaw.com/2026/08/29/emacs-config-gems-part.html">Part 5</a>
</p></li>
<li><p>
<a href="https://chrismaiorana.com/emacs-pastoral/">The Emacs pastoral tradition</a> by Chris
</p>
<blockquote>
<p>
你可能已經注意到，Emacs 使用者往往和其他電腦使用者不太一樣。雖然你大概可以確定，使用 vim 或 VSCode 的人多半是開發人員，或從事軟體工程、DevOps 或系統管理工作，但 Emacs 使用者幾乎可能來自各行各業。
</p>
<p>
一般軟體通常具備一些基本要素——例如使用者、功能、文件和最佳實務——但 Emacs 擁有一套傳統 。
</p>
<p>
<a href="https://chrismaiorana.com/emacs-pastoral/#:~:text=You%E2%80%99ve,tradition">Source</a>
</p>
</blockquote></li>
<li><p>
<a href="https://chrismaiorana.com/emacs-ffap/">Using ffap to jump to file includes in Emacs</a> by Chris
</p>
<p>
利用 <code>ffap</code> 可以方便地找到 <code>#+includes</code> 的文件。
</p></li>
<li><p>
<a href="https://www.reddit.com/r/emacs/comments/1vkufc3/a_warning_for_new_emacs_users/">A warning for new Emacs users</a>
</p>
<blockquote>
<p>
Don't get confused by the word "sexp". That's how Emacs gets young people in.
</p>
<p>
They come looking for sex, get sucked into endlessly configuring their workflow,
and eventually forget what they came for in the first place.
</p>
</blockquote>
<p>
(via <a href="https://irreal.org/blog/?p=14010">Some Thursday Humor | Irreal</a>)
</p></li>
<li><a href="https://ray-on-emacs.blogspot.com/2026/08/emacs-numbered-backup-strategy.html">Ray on Emacs: Emacs Numbered Backup Strategy</a></li>
<li><p>
<a href="https://www.reddit.com/r/emacs/comments/1vjcac1/how_to_learn_emacs_like_for_real/">How to learn Emacs, like, for real</a>
</p>
<blockquote>
<p>
所以總結來說，<span class="underline">真正學會 Emacs 的方法，就是想辦法在裡面完成你想做的事，而且要用你想要的方式來完成。</span>你就是在這個過程中學會的。很意外吧！這也是為什麼每個人的學習旅程都不一樣，因為每個人想做的事都不同。不過老實說，學習 Emacs 超級有趣，因為 Emacs 是在賦予你能力，而不是限制你；這讓它成為最令人滿足、也最有趣的工具之一。它可能會成為我一輩子都會使用的工具。
</p>
<p>
<a href="https://www.reddit.com/r/emacs/comments/1vjcac1/how_to_learn_emacs_like_for_real/#:~:text=So%20in,me">Source</a>
</p>
</blockquote></li>
<li><p>
<a href="https://codeberg.org/jamesendreshowell/gists/src/branch/master/jeh-transpose.el">gists/jeh-transpose.el</a> by jamesendreshowell
</p>
<blockquote>
<p>
Transpose characters or words, reversibly, by not moving point.
</p>
</blockquote></li>
<li><a href="https://www.youtube.com/watch?v=IGQbp0JHi_I">How Prot Organizes Knowledge, Projects, and Tasks in Emacs</a> (37:52) by linkarzu</li>
<li><p>
<a href="https://corwin.bru.st/2026-08-16-emacs-card-games-on-melpa/">Emacs Card Games on MELPA</a>
</p>
<p>
還能在 Emacs 裡玩紙牌遊戲！
</p></li>
<li><a href="https://thanosapollo.org/posts/emacs-agentic-workflow/">My Emacs Agentic Workflow</a> by Thanos Apollo</li>
<li><a href="https://www.jamescherti.com/emacs-spell-checker-flyspell-ispell-aspell/">Emacs Spell Checker: Configuring Flyspell, Ispell, and Aspell to Minimize False Positives in Source Code and Prose</a> by James Cherti</li>
<li><p>
<a href="https://www.jamescherti.com/emacs-why-use-setq-instead-setopt/">Emacs startup: Why setq beats setopt, customize-set-variable, and use-package :custom?</a> by James Cherti
</p>
<p>
See also: <a href="https://irreal.org/blog/?p=14034">Setq And The Others</a> by Irreal
</p></li>
<li><a href="https://www.jamescherti.com/emacs-fix-org-mode-copy-paste-yank-bleed/">Emacs: Copy-paste without org-mode or markdown-mode formatting bleeding into other buffers</a> by James Cherti</li>
<li><p>
<a href="https://www.jamescherti.com/emacs-eglot-performance/">Configuring Emacs Eglot for Optimal Performance</a> by James Cherti
</p>
<p>
抄了几個配置。
</p></li>
<li><p>
<a href="https://www.jamescherti.com/emacs-scrolling-better-performance-usability/">Configuring Emacs Scrolling for Better Usability</a> by James Cherti
</p>
<p>
See also: <a href="https://irreal.org/blog/?p=14042">Tweaking Emacs Scrolling Behavior</a> by Irreal
</p>
<p>
因為在 Emacs 裡禁用了鼠標，我也很少一直按行滾動，我都沒太發現不對的地方，文中有的配置確實能帯來更好的使用體驗。
</p></li>
<li><a href="https://www.jamescherti.com/emacs-dired-configuration/">Fixing Emacs Dired Defaults: 13 Settings for Better File Management</a> by James Cherti</li>
<li><p>
<a href="https://monadicsheep.org/blog/an-introduction-to-canvas-in-emacs.html">An Introduction to Canvas in GNU Emacs</a> by Divya
</p>
<p>
Cool，給 Emacs 帯來了全新的圖形能力，我大概不會用到，但以後應該會有一些基於它的有趣的擴展。
</p></li>
<li><a href="https://en.andros.dev/blog/5fcf45a2/a-year-of-org-social-my-social-network/">A year of Org Social, my social network</a> by Andros Fenollosa</li>
<li><a href="https://www.masteringemacs.org/article/whats-new-in-emacs-311">What's New in Emacs 31.1?</a> by Mickey Petersen</li>
<li><a href="https://rahuljuliato.com/posts/markdown-ts-mode-emacs-31">An unofficial guide to markdown-ts-mode on Emacs 31</a> by Rahul</li>
<li><p>
<a href="https://github.com/KallDrexx/emacs-zero-to-ide-journey">KallDrexx/emacs-zero-to-ide-journey</a>
</p>
<blockquote>
<p>
這些文章旨在記錄我嘗試將原生 Emacs 設置為日常主力工具及完全可定制 IDE 的過程。希望能達到可以舒適地用 Emacs 取代 JetBrains 系列 IDE 的程度，更重要的是，瞭解如何對其進行擴展以實現更多功能。
</p>
</blockquote></li>
<li><p>
<a href="https://github.com/SenkiReign/denote-spatial">SenkiReign/denote-spatial</a>
</p>
<blockquote>
<p>
Emacs 中 denote 的空間畫布。它將 denote 目錄轉換為一個可在瀏覽器中打開的，包含圖像、PDF、影片和筆記且可拖拽、可調整大小的空間畫布。
</p>
</blockquote></li>
<li><a href="https://joshblais.com/blog/i-made-my-phone-emacs/">My phone is now just an emacs interface</a> by Joshua Blais</li>
<li><a href="https://www.chiply.dev/post-hyperbole-hyrolo">Hyperbole HyRolo: Search, Retrieve and Insert Records, Not Lines</a> by Charlie Holland</li>
</ul>
</div>
</div>
<div id="outline-container-06161A62-32B5-4F0E-B931-CB46DA90823C" class="outline-2">
<h2 id="06161A62-32B5-4F0E-B931-CB46DA90823C"><a href="#06161A62-32B5-4F0E-B931-CB46DA90823C">一些话 | 摘抄</a></h2>
<div class="outline-text-2" id="text-06161A62-32B5-4F0E-B931-CB46DA90823C"><ul class="org-ul">
<li><p>
<a href="https://www.manton.org/2026/07/30/this-flow-have-a-thought.html">Manton Reece</a>
</p>
<blockquote>
<p>
此流程：
</p>
<ol class="org-ol">
<li>有個想法。</li>
<li>開始寫一篇短文。</li>
<li>它不起作用。擴展成完整的部落格文章。</li>
<li>仍然不好。刪除草稿，將文字複製到筆記中。</li>
<li>幾個月後，將草稿拉入更好的部落格文章，討論更大的主題。</li>
</ol>
<p>
<span class="underline">換句話說，永遠把事情寫下來。</span>
</p>
</blockquote></li>
<li><p>
<a href="https://sophiebits.com/2026/06/25/there-are-no-lossless-transformations-of-natural-language-text">There are no lossless transformations of natural-language text</a> by Sophie Alpert
</p>
<blockquote>
<p>
<b><span class="underline">你必須為文件中的每個想法與每個句子負責。</span></b><span class="underline">在分享文件之前，確認整份文件都能代表你自己的想法，是你的責任。</span><span class="underline">如果審閱者問：「你這一行是什麼意思？」</span><span class="underline">你不能回答：「喔，抱歉，那是 AI 寫的，忽略它就好。」</span>如果你呈現給讀者的內容並不能真實代表你的想法，就會讓讀者感到困惑（也浪費他們的時間）。有些情況下，讀者會察覺並指出不一致之處；但在其他情況下，他們會誤以為那就是你真正的想法。
</p>
<p>
<a href="https://sophiebits.com/2026/06/25/there-are-no-lossless-transformations-of-natural-language-text#:~:text=so%3A-,You,are,-%2E">Source</a>
</p>
</blockquote>
<blockquote>
<p>
<b><span class="underline">撰寫文件所花的時間應該多於閱讀文件所花的時間。</span></b><span class="underline">如果你只用一個簡短的提示生成文件，接著要求讀者閱讀較長的輸出內容，那就是不尊重他們的時間。</span>他們如果想用 ChatGPT，隨時都可以自己使用。<span class="underline">大多數文件由一個人撰寫，卻會被許多人閱讀，</span><span class="underline">因此讀者為了理解你的意思而需要額外花費的任何時間，都會對團隊的時間造成倍數增加的成本。</span><span class="underline">反過來說，如果你在傳送文件前多花一些時間，讓內容清楚、簡潔，</span><span class="underline">你只需支付一次性的成本，而每位讀者都能從中受益。</span>
</p>
<p>
<a href="https://sophiebits.com/2026/06/25/there-are-no-lossless-transformations-of-natural-language-text#:~:text=More%20time,from,-%2E">Source</a>
</p>
</blockquote>
<blockquote>
<p>
<b><span class="underline">越長並不代表越好。</span></b><span class="underline">Pascal 曾寫道：「我把這封［信］寫得比平常長，是因為我沒有時間把它縮短。」</span>
AI 讓生成長篇文件變得容易許多，而它採用的策略之一，就是加入許多幾乎沒有傳達任何重要內容、反而削弱實際內容的句子。<span class="underline">如果你是根據較短的提示產出較長的文字，不妨考慮直接分享提示本身。</span><span class="underline">如果你使用 AI 進行編輯，但不讓內容變長，</span><span class="underline">空洞句子的風險會降低一些，但你的意思仍可能因此變得晦澀難懂。</span>
</p>
<p>
<span class="underline">自然語言文本不存在無損轉換——每一次改寫與換句話說，都會改變你文字的含義；</span><span class="underline">如果這件事是由一個並不具備你個人試圖傳達之內容最詳盡心智表徵的實體完成，資訊就會遺失。</span><span class="underline">即使得犧牲所謂的「潤飾」，讀者也會樂於聽見你的想法。</span>
</p>
<p>
<a href="https://sophiebits.com/2026/06/25/there-are-no-lossless-transformations-of-natural-language-text#:~:text=Longer%20is,polish%E2%80%9D%2E">Source</a>
</p>
</blockquote>
<p>
我引用的內容經過了翻譯，也不是對原文的無損轉換，如果哪裡看起來怪，請去讀讀原文。
</p></li>
<li><p>
<a href="https://anniemueller.com/posts/waiting-to-be-found-by-only-you">Waiting to be found by only you</a> by annie
</p>
<blockquote>
<p>
誰知道現實將如何持續發展？沒有辦法做好準備。當你無法做好準備時，就要準備在混亂中尋找詩意。祕密訊息、偶然的恩典、在不確定的旋風中尋找意義的線索。
</p>
<p>
<a href="https://anniemueller.com/posts/waiting-to-be-found-by-only-you#:~:text=Who,uncertainty">Source</a>
</p>
</blockquote></li>
<li><p>
<a href="https://www.containsmoderateperil.com/blog/2026/8/1/blaugust-2026-let-writing-commence">Blaugust 2026: Let Writing Commence</a> by Contains Moderate Peril
</p>
<blockquote>
<p>
“If you cannot write well, you cannot think well;
if you cannot think well, others will do your thinking for you.” ⸺ Oscar Wilde
</p>
<p>
「如果你寫不好，就無法思考好；如果你思考不好，別人就會替你思考。」
</p>
<p>
“The first draft of anything is shit.” ⸺ Ernest Hemingway
</p>
<p>
「任何事物的第一稿都是爛東西。」
</p>
<p>
“There is something delicious about writing the first words of a story.
You never quite know where they'll take you.” ⸺ Beatrix Potter
</p>
<p>
「寫下故事的第一句話有種令人愉快的感覺。你永遠不知道它們會把你帶向何方。」
</p>
<p>
<span class="underline">“If you can't annoy somebody, there is little point in writing.” ⸺ Kingsley Amis</span>
</p>
<p>
<span class="underline">「如果寫作不能冒犯到誰，那寫作也沒什麼意義了。」</span>
</p>
</blockquote></li>
<li><p>
<a href="https://www.seangoedecke.com/good-writing-is-obvious-not-original/">Good writing is obvious, not original</a> by Sean Goedecke
</p>
<blockquote>
<p>
寫作時，你應該試著表達那些顯而易見的事實，而不要花太多時間擔心自己是否有創意。諷刺的是，這反而是創作出真正原創作品的最佳途徑。
</p>
<p>
每個重要的觀點都已經被討論過了。這是我在哲學研究所時學到的，但這在各個領域都適用。幾乎每個領域都有好幾代聰明絕頂的人，窮其一生在思考最重大的問題。如果你只試著寫那些真正全新的觀點，<b>你將會受限於寫一些以前沒人覺得重要到值得考慮的事：</b>換句話說，就是些瑣碎且轉瞬即逝的小事。
</p>
<p>
如果專注於顯而易見的事會發生什麼呢？寫那些顯而易見的事實出乎意料地困難。寫任何東西都很難，因為 <a href="https://johnsalvatier.org/blog/2017/reality-has-a-surprising-amount-of-detail">現實中的細節多得令人驚訝</a>。儘管如此，寫顯而易見的事尤其困難，<b>因為它們往往顯眼到讓人視而不見。</b>
</p>
<p>
<a href="https://www.seangoedecke.com/good-writing-is-obvious-not-original/#:~:text=When,see%2E">Source</a>
</p>
</blockquote></li>
<li><p>
<a href="https://francescrossley.com/conversations-with-a-six-year-old-about-the-world-cup/">Conversations with a six-year-old about the World Cup</a> by Frances
</p>
<blockquote>
<p>
當他們出生時，你會想，我會為這個孩子付出一切。我會有無盡的時間給他們。他們永遠會得到我的全部注意力。我會永遠對他們的興趣感興趣。我會聆聽他們想說的任何事。我會成為一個安全、熱情、無評判、無條件的空間。
</p>
<p>
然後，六年後，他們會來找你說：「我們可以看《小小兵》電影嗎？」
</p>
<p>
你身體的每一個細胞都會尖叫。你寧願談論你最不喜歡的事——比如足球。任何事，拜託。世界上的任何事。我們只有一次有限的生命，你想告訴他們。這是五十分鐘，我們永遠不會再得到。虛無的空虛會呼喚你。
</p>
<p>
<span class="underline">而你會說：「好啊，當然。告訴我你最喜歡的部分。」</span>
</p>
<p>
<a href="https://francescrossley.com/conversations-with-a-six-year-old-about-the-world-cup/#:~:text=When%20they,bits%2E%22">Source</a>
</p>
</blockquote></li>
<li><p>
<a href="https://herman.bearblog.dev/creativity/">Committing to creativity</a>
</p>
<blockquote>
<p>
論點很清楚：<span class="underline">依賴動機是一場失敗的遊戲。動機是一種感受，而承諾是一個超越感受的決定。</span>
</p>
<p>
我在自己的生活中也發現這點，無論是創作還是人際關係、運動。很少有人能一直保持運動的熱情，所以需要承諾才能持之以恆。同樣地，良好的人際關係不能依賴短暫的熱情，因為人生本就坎坷。
</p>
<p>
好在隨著時間推移，承諾會變得更容易。[…]
</p>
<p>
<span class="underline">行動孕育動機，而非相反。</span>
</p>
<p>
<a href="https://herman.bearblog.dev/creativity/#:~:text=The%20thesis,around">Source</a>
</p>
</blockquote></li>
<li><p>
<a href="https://simonwillison.net/2026/Aug/6/simon-willison-on-technical-blogging/#atom-everything">Simon Willison on Technical Blogging</a> by Simon Willison
</p>
<blockquote>
<p>
我對寫部落格的最好建議是：降低你的標準！即使你對自己寫的文章還不滿意，也要試著發表出去。因為如果你不這麼做，你只會有一個裝滿草稿的資料夾，而且永遠不會發表任何東西。
</p>
<p>
沒有人會知道你本來想寫的文章有多完美。你在自己文章裡看到的缺點，其他人是看不見的。
</p>
<p>
<a href="https://simonwillison.net/2026/Aug/6/simon-willison-on-technical-blogging/#atom-everything:~:text=here%3A-,My,else">Source</a>
</p>
</blockquote></li>
<li><p>
<a href="https://francescrossley.com/popularity-contests/">Popularity contests</a> by Frances
</p>
<blockquote>
<p>
我沒有評論功能，即使平台自帶我也不會開啟。<span class="underline">我了解我自己，我不會給自己任何理由去為這些事情抓狂。</span><span class="underline">我不想解釋「言論自由」並不意味著你可以闖進我家來抱怨我如何擺放書籍，</span><span class="underline">然後再邀請成千上萬的陌生人來做同樣的事。</span>
</p>
<p>
<a href="https://francescrossley.com/popularity-contests/#:~:text=off%2E-,I,same">Source</a>
</p>
</blockquote></li>
<li><p>
<a href="https://francescrossley.com/never-this-young-again/">Never this young again</a> by Frances
</p>
<blockquote>
<p>
你變老之後，會開始發生一件事。年輕人看著你，就像你瘋了一樣。而那些年輕人，穿的正是我們年輕時穿過的衣服。孩子們，我們最近才知道寬鬆牛仔褲根本n不值得。你會被褲管絆倒，褲子會磨破，還會吸飽水。我們都經歷過。
</p>
<p>
這不會困擾我。因為如果這些孩子夠幸運，有一天他們也會四十歲，而十八歲的年輕人會那樣看著他們。到那時，他們就會懂了。
</p>
<p>
年紀增長通常不太會困擾我。<span class="underline">我總是記得：我再也不會這麼年輕了。</span>
</p>
<p>
<a href="https://francescrossley.com/never-this-young-again/#:~:text=There%27s,again">Source</a>
</p>
</blockquote></li>
<li><p>
<a href="https://fosstodon.org/@TomSeppert/117060005551163773">TomSeppert: "The first two hours of a 10 mi…"</a>
</p>
<blockquote>
<p>
The first two hours of a 10 minute job are always the hardest.
</p>
</blockquote></li>
<li><p>
Leonardo da Vinci
</p>
<blockquote>
<p>
Where the spirit does not work with the hand, there is no art.
</p>
</blockquote></li>
<li><p>
<a href="https://heartsoulmachine.com/blog/2026/08-14-simultaneous-monologues/">Simultaneous Monologues</a> by Tim Klapdor
</p>
<blockquote>
<p>
媒體所做的，是劫持人類互動的概念，並加以顛覆。它不創造對話，而是打造一個同時進行獨白的場所 —— 每個聲音都是自己的明星 —— 然後把音量調高。
</p>
<p>
<a href="https://heartsoulmachine.com/blog/2026/08-14-simultaneous-monologues/#:~:text=What%20media,volume%2E">Source</a>
</p>
</blockquote>
<blockquote>
<p>
網路確實有能力進行對話，但無法大規模實現。對話是以人為尺度的——不是機器，不是網路，而是直接且緊密相連的互動。而且，對話並不只是用來宣洩歧見的空間。<span class="underline">對話往往需要某種基本程度的共同理解，才能運作：</span><span class="underline">界線、規則與慣例——或許未明說，但彼此都心照不宣。</span>這種相互性只有在人與人之間的尺度上才可能發生。
</p>
<p>
儘管人們一直在談論城鎮廣場，我們仍必須記住，<span class="underline">廣場並不是辯論或對話的場所，而是讓我們站在各自的講台上彼此叫喊的空間。</span><span class="underline">對話的家園在舒適的酒吧與咖啡館裡、沙發與休憩室中、漫長的散步途中，或圍坐在火爐旁——在共同的場所裡。</span><span class="underline">也許我們從來不需要線上的城鎮廣場。</span><span class="underline">我們需要的，是更接近那些舒適空間的事物。</span>
</p>
<p>
<a href="https://heartsoulmachine.com/blog/2026/08-14-simultaneous-monologues/#:~:text=The%20web,spaces">Source</a>
</p>
</blockquote></li>
<li><p>
<a href="https://theamericanscholar.org/once-more-in-triple-time/">Once More in Triple Time</a> by Erik Anderson
</p>
<blockquote>
<p>
「再來是低音部——看這裡。」Rebecca 指著說。「好幾頁裡就只有一個音符。伴奏者必須決定要如何配置這個音符。他們得從單一音符即興發揮。他們也必須選擇樂器，因為樂譜上沒有註明。到了後來的音樂，像 Mahler 和 Schumann 的作品，會有大量指示，告訴你每個音符要如何演奏；<span class="underline">但音樂越早期，樂譜上提供的資訊就越少。</span><span class="underline">Biber——這一點他絕不是唯一如此的作曲家——對音樂家提出了巨大的邀請。</span><span class="underline">他讓你參與其中，讓你思考自己的角色。</span><span class="underline">那種必須做出決定、必須創造，而不只是照著樂譜上的內容讀譜的精神，嗯，這是一種與文學的關係。</span>而在我們這個時代，這一點尤其重要，因為複製變得很容易，而且可以做到極高的水準。面對 Biber，你必須與作品互動。」
</p>
<p>
<a href="https://theamericanscholar.org/once-more-in-triple-time/#:~:text=%E2%80%9CThen,interact%2E%E2%80%9D">Source</a>
</p>
</blockquote>
<blockquote>
<p>
「話說回來，」Eric 繼續說道，<span class="underline">「作為一個研究脈絡的人，我不認為意義存在於音樂本身，或存在於音樂的創作方式之中。</span><span class="underline">我認為意義在於我們如何聆聽，而我們完全可以自由地形成自己的判斷。</span><span class="underline">我不是說音樂具有普世性。</span><span class="underline">我只是說，我們會賦予事物意義。</span>過去不只是一個科技較不發達、觀念已經過時的地方，而是一整套只有極小程度能夠被我們理解的意義建構方式。<span class="underline">像 Biber 這樣的人，其心智宇宙與我們這個時代的任何人都如此不同，</span><span class="underline">以至於我們或許永遠無法掌握音樂對他而言究竟意味著什麼。</span>你不僅永遠不可能準確重現音樂當年演出的樣貌，也永遠不可能進入那些聆聽者的心智之中。而你其實也不會真的想這麼做。因為，十七世紀的 Salzburg 雖然是一個對感官享受與創造力抱持某種寬容的世界，卻同時也是一個充滿暴力、偏見與苦難的世界。」
</p>
<p>
<a href="https://theamericanscholar.org/once-more-in-triple-time/#:~:text=%E2%80%9CThen%20again,miserable">Source</a>
</p>
</blockquote>
<blockquote>
<p>
「一部作品的生命」——說到這裡，Eric 為了措辭精確而放慢了語速——「其偶然性是一件奇特而美麗的事。而如果你不再認為自己有義務替 Biber 把它演奏正確，也不再認為自己對後世負有責任，或許你會發現，自己能學到出乎意料的多。是關於他的，沒錯，但也是關於你自己的。」
</p>
<p>
<a href="https://theamericanscholar.org/once-more-in-triple-time/#:~:text=%E2%80%9CThe%20life,too%2E%E2%80%9D">Source</a>
</p>
</blockquote></li>
<li><p>
<a href="https://protesilaos.com/commentary/2026-08-16-criticism-internet-friend/">Criticism and the Internet friend</a> by Protesilaos
</p>
<blockquote>
<p>
如今有一句常見的說法：「我不是要批評，但……」這是政治正確所產生的臆想，而且一旦一貫地套用，反而會傷害那些你在乎的人。<span class="underline">批評並不等同於說人壞話或故意爭辯：批評是一種有根據的意見，並且是在你的貢獻脈絡下提出的。</span><span class="underline">你能從批評中受益，因為它有助於你從不同的角度理解事物。</span>
</p>
<p>
<a href="https://protesilaos.com/commentary/2026-08-16-criticism-internet-friend/#:~:text=There,perspective">Source</a>
</p>
</blockquote>
<blockquote>
<p>
<span class="underline">如果你的朋友從不給你任何稱得上批評的回饋，那他們就不是你的朋友。</span>他們可能是你的同事、隊友，或聊天夥伴。這些關係都很好。但他們不是朋友。<span class="underline">朋友會展現愛。</span><span class="underline">無論溫柔或嚴厲，愛都不打折扣。</span>
</p>
<p>
<a href="https://protesilaos.com/commentary/2026-08-16-criticism-internet-friend/#:~:text=If%20your,tough">Source</a>
</p>
</blockquote>
<blockquote>
<p>
<span class="underline">朋友有時什麼也不說。</span><span class="underline">他們的行動會替他們發聲。</span><span class="underline">你知道，只要我還做得到，我就會一直如此。</span><span class="underline">而且我會在那裡激勵你攀登至最高峰。</span><span class="underline">為什麼？</span><span class="underline">因為我在乎的是你這個人。</span>
</p>
<p>
<a href="https://protesilaos.com/commentary/2026-08-16-criticism-internet-friend/#:~:text=to%2E-,A,particular">Source</a>
</p>
</blockquote></li>
<li><p>
<a href="https://protesilaos.com/keeb/2026-08-20-hyperoptimiser-mechanical-keyboard-trap/">The hyperoptimiser’s mechanical keyboard trap</a> by Protesilaos
</p>
<blockquote>
<p>
同樣的思維也適用於其他每一項因素。某項調整解決了一個考量，卻又產生了新的考量。這就是系統的本質。原因在於，最佳化的過程，就是在既定或不得不接受的限制下，找出一組你願意承擔的取捨。最佳化不會帶來完美，只會帶來一種名義上不完美、但符合你需求的狀態。換句話說，「夠好」就是你所能達到的最接近完美的境界。
</p>
<p>
<a href="https://protesilaos.com/keeb/2026-08-20-hyperoptimiser-mechanical-keyboard-trap/#:~:text=The%20same,get">Source</a>
</p>
</blockquote></li>
<li><p>
<a href="https://itsfridayimnotinlove.substack.com/p/its-friday-im-not-in-love-issue-256">It's Friday I'm (not) in love - Issue #256</a> by Alessia Carlozzo
</p>
<blockquote>
<p>
「你所渴望的一切都會實現。接著，是所有你曾希望自己從未渴望過的事物。那是一種令人愉悅的搔癢，你想要抓撓，卻發現它在皮膚底下。你搆不到它。於是，那令人愉悅的搔癢變得難以忍受。它告訴你，你最渴望的，正是你無法擁有的。而你無法擁有的，正是你曾經擁有過——卻又失去的。那是所有我未能信守的承諾所唱出的歌。它還告訴我，其實我並不是真的想回家。」
</p>
<p>
<a href="https://itsfridayimnotinlove.substack.com/p/its-friday-im-not-in-love-issue-256#:~:text=%E2%80%9CTutte,casa%2E%E2%80%9D">Source</a>
</p>
</blockquote></li>
<li><p>
<a href="https://blog.absurdpirate.com/rethings-to-do-after-your-dad-dies/">re:Things to do after your dad dies</a> by Absurd Pirate
</p>
<blockquote>
<p>
有人說， <span class="underline">悲傷就是無處可去的愛</span> ，而我覺得這說法很準確。我們永遠會渴望那些已不在身邊的人能陪伴著我們。無論他們活著時我們曾與他們相處多久，我們仍會希望能和他們多相處一些時間。
</p>
<p>
如果你的生命中有一個你珍愛的人，告訴他們他們對你而言意味著什麼。打電話給他們、親自去見他們、擁抱他們。其他一切都可以等。
</p>
<p>
<a href="https://blog.absurdpirate.com/rethings-to-do-after-your-dad-dies/#:~:text=They%20say,wait">Source</a>
</p>
</blockquote></li>
<li><p>
<a href="https://brennan.day/in-defence-of-vent-posting/">In Defence of Vent Posting</a> by Brennan Kenneth Brown
</p>
<blockquote>
<p>
人們之所以最後會單方面傾倒自己的情緒包袱與創傷，有時甚至事先都沒詢問對方，是因為他們的杯子已經滿了。裡面確實再也沒有空間，無法繼續容納這一切。
</p>
<p>
<a href="https://brennan.day/in-defence-of-vent-posting/#:~:text=The%20reason,longer">Source</a>
</p>
</blockquote></li>
</ul>
</div>
</div>
<div id="outline-container-57351850-2C24-4391-AD50-397FBAAC238F" class="outline-2">
<h2 id="57351850-2C24-4391-AD50-397FBAAC238F"><a href="#57351850-2C24-4391-AD50-397FBAAC238F">多媒体</a></h2>
<div class="outline-text-2" id="text-57351850-2C24-4391-AD50-397FBAAC238F"></div>
<div id="outline-container-CD4E9070-96CF-47B2-9AE0-7E8F109B51CE" class="outline-3">
<h3 id="CD4E9070-96CF-47B2-9AE0-7E8F109B51CE"><a href="#CD4E9070-96CF-47B2-9AE0-7E8F109B51CE">视频</a></h3>
<div class="outline-text-3" id="text-CD4E9070-96CF-47B2-9AE0-7E8F109B51CE"><ul class="org-ul">
<li><a href="https://www.bilibili.com/video/BV1Guu46sEkA/">聪明猫在一起久了也会有一些共同点……</a> (7:00) by 亮亮也是酿酿</li>
<li><a href="https://www.bilibili.com/video/BV1ymux6BEFU/">家里的旧光盘，为什么播不出来了？</a> (12:52) by 影视飓风</li>
<li><a href="https://www.bilibili.com/video/BV1nSbo6TEv4/">火箭降落的全过程，拍到了！</a> (04:10) by 影视飓风</li>
<li><a href="https://www.bilibili.com/video/BV1pau46BEFb/">听懂《完美的日子》</a> (15:07) by 夏威夷爵菜头</li>
<li><a href="https://www.bilibili.com/video/BV1Hmbo6BEwA/">方大同与 MJ 的荒岛首选：《生命之歌》| 50 周年纪念</a> (13:27) by 夏威夷爵菜头</li>
<li><a href="https://www.bilibili.com/video/BV1RYbk6QE9o/">难倒 100 万人的铁球难题，我终于！解！开！了！</a> (14:48) by GM 的秘密基地</li>
<li><p>
<a href="https://www.bilibili.com/video/BV1kS8H6VERt/">《黑神话：钟馗》15分钟实机演示</a> (15:53) by 黑神话
</p>
<p>
看起來相當不錯。
</p></li>
<li><a href="https://www.bilibili.com/video/BV1Ew8P6pEUE/">【万字硬核考据】全方位拆解《黑钟馗》-主角/怪物/战斗/剧情/符箓</a> (35:37) by 天师道的白山正</li>
<li><a href="https://www.bilibili.com/video/BV1KZ8T6kEEr/">挪威小湖里藏大鱼，却只吃挪威饵？</a> (44:53) by 蜀犬吠日 SCFR</li>
<li><p>
<a href="https://www.bilibili.com/video/BV1jqVL6gEB5/">7 天探索彩虹之岛 La Palma，竟被一名隐士带回悬崖洞穴</a> (1:23:59) by 蜀犬吠日 SCFR
</p>
<p>
喜歡蜀犬吠日的視頻風格。
</p></li>
<li><a href="https://www.bilibili.com/video/BV1UNuu6AERy/">一个野人的展览</a> (09:13) by 想想工作室</li>
<li><a href="https://www.youtube.com/watch?v=IwxkGdhkAGU">給我一點時間 Official Music Video</a> (8:09) by SoftLipaOfficial</li>
<li><p>
<a href="https://www.bilibili.com/video/BV1vm4f6bETN/">Grand Theft Auto VI：分量十足的一瞥</a> (26:49) by RockstarGames
</p>
<p>
像是在看電影。
</p></li>
</ul>
</div>
</div>
<div id="outline-container-217CEC82-A345-4584-8B17-F31E07F10E24" class="outline-3">
<h3 id="217CEC82-A345-4584-8B17-F31E07F10E24"><a href="#217CEC82-A345-4584-8B17-F31E07F10E24">遊戱</a></h3>
<div class="outline-text-3" id="text-217CEC82-A345-4584-8B17-F31E07F10E24"><p>
沒想到時隔 11 年，<a href="https://www.thewitcher.com/jp/zh-cn/witcher3">巫师3：狂猎</a> 又重置了，而且如果買過遊戱，升級還是免費的，太良心了。
2027 年還會有新的資料片 ⸺ <a href="https://www.thewitcher.com/jp/zh-cn/songs-of-the-past">旧時曲</a>，等出了我就買來玩玩，虽然過去 11 年了，遊戱還很有生命力。如果你沒玩過，很推薦一玩，遊戱做得相當出色，操作、劇情、畫面、音樂都很好，而且因為發行時間很久，價格也得實惠。我寫過一些遊玩感受，你也可以看看：<a href="54.html#B5BC8342-0263-4404-9889-0A8C17D576CF">Zine#54</a>，<a href="55.html#04F643F1-4A87-4C49-B63B-0E5D26AA66B0">Zine#55</a>。
</p>
<p>
最近 PS5 上的遊戱打折我也買了几個新遊戱，都是些老遊戱，還挺便宜：
</p>
<dl class="org-dl">
<dt><a href="https://www.hogwartslegacy.com/en-us">霍格沃茲之遺</a></dt><dd><p>
買給女友玩的，她挺喜歡哈利波特系列，遊戱模拟了在霍格沃茲學習的生活，女友還挺喜歡的。我也玩了玩，多人打架時還有點難應付，熟練了應該就會好很多。
</p>
<p>
如果喜歡哈利波特，可以玩玩。
</p></dd>
<dt><a href="https://zh.wikipedia.org/zh-tw/%E5%A4%A9%E5%9B%BD%EF%BC%9A%E6%8B%AF%E6%95%91">天國拯救</a> 1 & 2</dt><dd><p>
本來只想買 1 代的，1 代才 40 块左右，2 代還要 200 多。被 PS5 坑了，我把 2 代加入了購物車，但沒完成付款，我以為會作廢，會從購物車裡自動移除。看到 1 代才 40 我馬上買了，但沒仔細檢查購物車 <small>(著急了)</small>，頁面信息也不是很明顯，看到帳單 200 多，我以為是 1 代沒打折，仔細一看，原來我把 2 代也買了。
</p>
<p>
簡單玩了一下 1 代，有點不習慣第一人称的操作。遊戱操作起來沒有巫師三容易，指引也不好，有的字不容易看清。遊戱應該是想做真實的中世紀的模拟，人物的衣著、身上是否整洁都會響响別人對你的方式，它還鼓勵去偷和抢，偷摸進別人家搜刮看起來是一個主要玩法。完成一個任務也有很多方式，玩法挺丰富的，但估計要不少時間去熟悉遊戱。
</p></dd>
<dt><a href="https://zh.wikipedia.org/zh-hant/%E9%BE%8D%E6%97%8F%E6%95%99%E7%BE%A9">龍之信條 1</a> </dt><dd><p>
也是個老遊戱了，現在才 40 块，就買來玩玩，是一個奇幻風格的 <a href="https://zh.wikipedia.org/wiki/%E5%8B%95%E4%BD%9C%E8%A7%92%E8%89%B2%E6%89%AE%E6%BC%94%E9%81%8A%E6%88%B2">ARPG</a> 遊戱。畫面有些古早，但音樂我挺喜歡，和 <a href="https://zh.wikipedia.org/zh-tw/%E9%AD%94%E7%89%A9%E7%8D%B5%E4%BA%BA%E7%B3%BB%E5%88%97">怪獵</a> 的有點像，也不奇怪，毕竟都是 <a href="https://zh.wikipedia.org/wiki/%E5%8D%A1%E6%99%AE%E7%A9%BA">卡普空</a> 的遊戱。我後續應該會先玩這個遊戱。
</p>
<p>
如果你在 PS5 上買這個遊戱，需要把 PS5 的主機語言設置成䌓體中文才會有中文字幕。
</p></dd>
</dl>
<p>
推薦你去發掘老遊戲，有很多不錯的遊戱，經過了時間的沉淀，它們 Bugs 更少，性能优化也更好，網上還有大量攻略，而且往往價格也很實惠！不用總是去追求最新的遊戲 :)
</p>
</div>
</div>
</div>
<div id="footnotes">
<h2 class="footnotes">脚注: </h2>
<div id="text-footnotes">
<div class="footdef"><sup><a id="fn.1" class="footnum" href="#fnr.1" role="doc-backlink">1</a></sup> <div class="footpara" role="doc-footnote"><p class="footpara">
<a href="https://www.bilibili.com/video/BV1Hmbo6BEwA/">方大同与 MJ 的荒岛首选：《生命之歌》| 50 周年纪念</a> (13:27) by 夏威夷爵菜头
</p></div></div>
<div class="footdef"><sup><a id="fn.2" class="footnum" href="#fnr.2" role="doc-backlink">2</a></sup> <div class="footpara" role="doc-footnote"><p class="footpara">
分享一段關於品鉴咖啡的話：
</p>
<blockquote>
<p>
喝咖啡时，最开始它是烫的，这时散发的只有香气，优质浅烘咖啡在这个阶段味道很柔和，往往淡得像白开水。
</p>
<p>
静待它降温（Let it cool, take time), (2 minutes later…) 随着咖啡的温度降低，你的味蕾开始品尝出更多的味道，你的鼻腔能够闻到更多风味。
</p>
<p>
随着冲好的咖啡温度持续降低，从 93 摄氏度以上，降到依旧很烫的 85 摄氏度，再到 57 摄氏度，这时咖啡里的各种味道才完全体现出来了。
</p>
<p>
如果咖啡加工过程毫无纰漏，如果咖啡果完全成熟，这时就能感知多种无形的风味层次，一层一层揭开，一层一层发现，一层一层体会，甚至会有多层同时叠加在一起。
</p>
<p>
⸺ 紀录󠄃片 《一部关于咖啡的电影》
</p>
</blockquote></div></div>
</div>
</div></div>
<hr>
<p>感谢你的阅读！</p>
<p>欢迎 <a href="mailto:l-yanlei@hotmail.com">邮件</a> 跟我分享你的想法 :)</p>
<p>你也可以 <a href="https://taxodium.ink/subscribe.html">訂閱</a> 我的博客，保持更新 :P</p>
<p>祝好，素未某面的读者。</p>
<a href="https://taxodium.ink/57.txt">純文本版本</a> <a href="https://taxodium.ink/57.org">原始 org 文件</a>