點開一篇文章,看完標題,很多人的下一步是直接跳到最底,先看推文。
有時候推文比本文還精彩。一排「推」接著一個「噓」,中間夾著幾行「→」補充;有人只打了兩三個字,也有人一行不夠,就接著再推一行。本文還沒看完,大家的反應已經看得差不多了。
如果你用過 BBS,應該也記得那個畫面:黑色的底、灰色的字,標題和作者排在最上面,一條橫線下面才是本文。字排得很密,但看久了,眼睛很快就能找到要看的地方。
在 WebYore 的模板研究裡,無名小站留下個人的空間,知識+整理問題與回答,台灣論壇讓一串討論一樓一樓接下去。第四個要做的,是 BBS 終端機:用固定寬度的字排版,回應只佔一行的閱讀畫面。

推文只有一行
網頁論壇的回覆是一層樓,有作者、有時間,也有足夠的空間把話說完。BBS 的推文通常只有一行:開頭是推、噓或 →,接著是帳號和一句話,最後是日期時間。
三種標記的意思很直接:「推」是贊同,「噓」是不認同,「→」是不表態、單純補充。往下掃一眼,不用每句都看,就知道這篇大概是什麼風向。
我們在研究時實際數過幾篇公開文章,熱門的一篇有將近兩百行推文,每行只有幾十個字。如果每一行都做成論壇的一層樓,畫面會被方框和頭像塞滿,也很難再一眼看完。所以 PTT 文章沒有放進台灣論壇模板,我們另外做了 BBS 模板。
反過來說,很多文章其實一則推文也沒有,剛發出去的文章底下本來就是空的。所以沒有推文時,模板不會另外顯示「目前沒有留言」之類的提示,本文結束就是結束。

一行 80 格
做其他模板時,我們在意的是一頁放幾層樓、幾篇文章。BBS 要先決定的卻是寬度:一行 80 格。
這是終端機的慣例,各個站台都一樣。英文字母和數字一個佔一格,中文是全形字,一個字佔兩格,所以一行最多只放得下 40 個中文字。如果單純用「80 個字」來斷行,中文的一行會寬出一倍,因此模板會逐字計算寬度,讓每一行都落在 80 格以內。
以前在 BBS 上發文,就是在這個固定寬度的畫面裡排字,所以文章裡常看得到刻意的空白和對齊。同一段文字放到手機上自動換行,排版就被打散了,作者原本在哪裡換行也看不出來。
預設其實是灰字
很多人印象中的 BBS 是黑底白字,但仔細看,預設的文字其實是淺灰色。
終端機用 16 種標準顏色來顯示文字:8 種一般色,加上 8 種亮色。文章的預設前景色是其中的淺灰(#C0C0C0),白色(#FFFFFF)則屬於亮色,要特別指定才會出現。如果把內文設成白色,整個畫面會亮一階,看起來就是哪裡不太對。
這 16 種顏色是公開的標準,並不是哪個站台或軟體自己調的。我們另外對照了一套當年常見的開放原始碼 BBS 連線軟體,它內建的顏色和標準數值完全一樣。這比從舊截圖取色準確得多。
為什麼還要畫一個視窗?
第一版模板只有一塊黑色的文字區。字距、顏色、寬度都對了,看起來卻比較像「黑底的網頁」,不太像當年的 BBS。
少的是外面那一圈。當年在電腦上看 BBS,大多是開連線軟體:最上面有標題列和選單,下面是工具列、輸入站台位址的欄位和分頁,最底下還有狀態列。這些跟站台無關,是那時候桌面軟體大多都有的樣子。
所以我們自己畫了一個灰色、有立體邊框的視窗,放上「連線」「編輯」「我的最愛」這些常見選單。選單都只是裝飾,按了不會有反應。我們沒有用任何連線軟體的名稱、圖示或畫面,也沒有放站台的標誌或開站畫面。
做外框時,我們給自己訂了一個規則:裝飾可以留,不實的狀態不放。按了沒反應的選單只是還原當時的樣子;但「第 1/3 頁」「100%」這類數字,說的是一個正在連線的畫面,快照並沒有這些狀態。所以狀態列只寫「快照檢視」「ANSI」「80 欄」這些對快照來說是真的資訊,其他位置留白。
把現在的 PTT 文章放進終端機畫面
目前 WebYore 的 BBS 終端機模板支援 PTT 的公開文章頁。在網頁快照貼上以 www.ptt.cc/bbs/ 開頭的文章網址,選擇「BBS 終端機 — 2006」,成功擷取的作者、看板、標題、本文和推文,就會排進 80 格的畫面裡。
文章內容不會被改寫。快照保存的是建立當下取得的文章和推文,之後新增的推文或作者修改的內容,不會自動更新進快照。如果網址不是文章頁,或取得的內容缺少這個樣式需要的欄位,快照會改用原始網站樣式呈現。
要特別說明的是,這是 WebYore 依照終端機慣例重建的畫面,不是 PTT 或任何 BBS 站台的官方頁面,WebYore 與 PTT 也沒有隸屬關係。每份快照的頁尾都會註明,並附上原始網址的連結。
很多人現在還在看
無名小站、知識+、台灣論壇都已經關站了,PTT 還在。很多人現在還是每天用手機 App、網頁或連線軟體看文章,只是每個人看到的畫面不太一樣。
所以做這個模板時,心情和前三個有點不同。它不太像在還原一個消失的網站,比較像把很多人每天都在看的東西,換回當初的樣子:一行一行的推文、固定寬度的排版,還有跳到最底,就能看到大家怎麼說。
你第一次用 BBS 是什麼時候?還記得當時最常逛的是哪個板嗎?
參考資料
本文配圖使用 WebYore 的 BBS 終端機模板與自行撰寫的範例文字,沒有轉載任何站台使用者的文章。
- ECMA-48 控制字元標準:規範終端機如何用控制碼指定 16 種文字顏色。
- PCManX 原始碼的預設色票:開放原始碼的 BBS 連線軟體,用來比對標準色值。
- PCManX 主視窗原始碼:用來確認當時連線軟體常見的選單、工具列與狀態列配置。
- PTT 網頁版:目前支援的文章來源,用來確認作者、看板、標題、時間與推文等欄位。