沒有內容時，誠實空狀態比假文章更好

筆記頁的版面已經做好，文章卻還沒準備好。這時很容易想先放幾張卡片：一個像樣的標題、一段摘要，再加上日期，畫面就不會空著。

但「閱讀文章」是有意思的。讀者按下去，應該能看到標題所說的內容；旁邊的發布日期，也應該對應一篇真正發布的文章。若這些都還不存在，卡片就把版面測試用的素材說成了公開內容。

本站建立筆記區時，我們沒有把 mockup 裡的題目與日期直接接成文章，而是保留空狀態。這篇要整理的是那個介面判斷：沒有正式內容時，頁面仍然要交代現在提供什麼，以及讀者有哪些實際可走的入口。

卡片的欄位會讓人以為內容已經存在

設計稿裡的文章卡片，可以拿來試標題長度、摘要換行與欄數。這些素材有用途，問題在於它們離開設計稿之後，是否還能讓人辨識為示意。

假設一張卡片寫著「某次改版讓網站速度提升」，附上發布日期與「閱讀全文」。這是說明用的假設例子，不是本站文章或量測結果。若正文、量測與發布紀錄都沒有準備好，讀者看到的卻已經是一則帶有成果主張的文章入口。

移除日期，仍然不足以解決問題。標題、摘要與可點擊連結本身，就在描述一份可閱讀的內容。把連結改成 #，也只是讓按鈕無法履行原本的用途。

因此，我會先問卡片連向哪裡、那裡是否有相符的正文。沒有正文的候選題目可以留在內部選題表，不必為了填滿格線變成正式文章卡片。

提示要說明哪一種「沒有」

「目前沒有內容」有時太含糊。文章還沒發布、這個語言沒有文章，以及搜尋沒有符合條件的結果，需要讀者做的事情不同。

下面是文案判斷示例，不代表本站已實作搜尋或動態載入功能：

情境	可以怎麼說	不宜讓人誤以為什麼
尚無正式文章	目前還沒有正式發布的文章。	正文正在載入，等一下就會出現
這個語言沒有文章	目前還沒有英文版文章。	整個網站都沒有文章
篩選後沒有結果	目前條件下沒有符合的文章，可以清除篩選再看。	原始內容集合是空的
讀取失敗	文章暫時無法載入，請稍後重試。	作者沒有提供內容

本站目前是建置時讀取 Markdown 的靜態網站，筆記列表不是進頁後才向遠端 API 取得文章。因此，這裡的空狀態不是網路請求還在進行的 loading 提示，不需要用持續閃動的 skeleton 暗示「內容即將載入」。

現有英文筆記列表的提示是「No articles have been published in English yet.」。它把範圍限在英文正式文章，不會把繁中已有的內容一起說成不存在。

文案還要留意自己額外承諾了什麼。「內容正在整理中」需要有實際整理工作；「下週更新」需要有已確認的安排。若只知道目前沒有文章，就說到這裡即可，不必補一個尚未決定的時程。

留下頁面用途，不留下假的閱讀操作

空狀態並不要求整個區塊消失。標題、內容方向與導覽仍能幫助讀者理解這個入口的用途。

本站筆記列表沒有正式文章時，仍保留頁面標題、簡介、首頁導覽與「關於這些筆記」的說明；列表區則呈現空狀態，不生成假文章卡片。首頁的筆記區也有自己的空狀態，而且只有取得文章時才顯示「所有筆記」入口。

這是兩個不同情境。完整列表本身可以交代內容方向，即使暫時沒有文章；首頁區塊則先避免把「所有筆記」當成一個有文章可看的操作。這個選擇不表示所有空列表都必須隱藏入口，而是要看目的頁能提供什麼。

如果要在空狀態加下一步，我會把它寫成實際可執行的動作。例如，網站已有可公開的作品，就可以提供「查看作品」；已有另一種語言的文章，也可以明確說明後連向該語言列表。這些是設計建議，不是本站空狀態目前已有的按鈕。

反過來說，還沒提供訂閱功能，就不要為了讓空狀態看起來完整而加「通知我」。按鈕背後的收件、資料保存與後續通知，也都需要有人負責。

示意內容可以測版面，但要留在適合的地方

拿測試文章檢查版型沒有問題。長標題能測換行，表格與程式碼能測手機閱讀，數篇測試資料也能檢查分頁。

我會把這類素材放在能清楚辨識用途的設計稿或隔離測試環境，避免混入公開文章集合。若需要展示尚未完成的介面，則應標示為示意，不能把假題目、假日期或假成果包裝成已發布紀錄。

這與真正的文章草稿不同。草稿已有待校稿的正文，只是還沒獲准公開；版面測試素材可能連文章主張都沒有成立。兩者都不能直接當正式內容，但後續要做的工作並不一樣。

本站已有草稿預覽與正式輸出的區隔，具體管線在〈草稿預覽如何存在，又不讓正式 build 洩漏草稿〉另有說明。這裡只處理讀者看得到的結果：正式頁上出現的文章入口，應該對應可公開閱讀的內容。

空狀態也值得校稿

有文章時，我們會檢查標題、摘要與連結；沒文章時，提示文字同樣需要回讀。

本站筆記列表會在該語言的正式文章集合為空時顯示提示，而不是只看目前這一頁的普通文章陣列。這個差異很重要，因為精選文章另有區塊：普通列表沒有項目，不一定代表整頁沒有文章。

校稿時，我會沿著讀者的操作確認：

• 提示描述的是整個網站、目前語言，還是某組篩選條件？
• 頁面是否還有其他內容，卻被一句「沒有文章」一併否定？
• 留下的連結是否能提供文案所說的東西？
• 文案是否暗示了尚未確認的更新時間、訂閱功能或翻譯進度？

此外，草稿不應出現在正式首頁、列表與 sitemap。只在卡片上加「草稿」標籤，不能代替公開集合的過濾。

這些檢查能確認內容與介面是否一致，但還不能證明讀者更信任網站，或空狀態能改善轉換。這個專案沒有相關使用者研究或成效量測。

有正文之後，讓文章取代提示

本站筆記區現在已有正式繁中文章，繁中首頁與列表會呈現文章，不再顯示先前的空狀態；英文與日文仍依各自的公開內容呈現。空狀態不是固定裝飾，它應該跟著資料狀態退場。

我會把完成條件寫成：有可公開的文章時，顯示相符的標題、摘要與真實閱讀入口；沒有時，保留能準確描述現況的提示。若只有一篇，就先顯示一篇，不複製卡片來湊滿欄位。

版面可以先準備好。公開內容則等正文與發布條件成立之後，再占用那個位置。

紀錄範圍

本文依據本站首頁與筆記列表的實作、各語言空狀態文案、正式文章查詢，以及建立筆記區時的內容決策整理。文中的搜尋、載入失敗與替代操作是設計示例，不代表本站已提供這些功能；也不宣稱這套做法已帶來流量、信任或商業成果。多語文章路由與發布管線另由既有文章說明，這篇聚焦空狀態的文案與操作判斷。