點開一篇文章,看完標題,很多人的下一步是直接跳到最底,先看推文。

有時候推文比本文還精彩。一排「推」接著一個「噓」,中間夾著幾行「→」補充;有人只打了兩三個字,也有人一行不夠,就接著再推一行。本文還沒看完,大家的反應已經看得差不多了。

如果你用過 BBS,應該也記得那個畫面:黑色的底、灰色的字,標題和作者排在最上面,一條橫線下面才是本文。字排得很密,但看久了,眼睛很快就能找到要看的地方。

在 WebYore 的模板研究裡,無名小站留下個人的空間,知識+整理問題與回答,台灣論壇讓一串討論一樓一樓接下去。第四個要做的,是 BBS 終端機:用固定寬度的字排版,回應只佔一行的閱讀畫面。

WebYore 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 終端機模板與自行撰寫的範例文字,沒有轉載任何站台使用者的文章。