部落格線上上能開啟,和我能方便地繼續維護它,是兩件不同的事。這次想把它搬到一個獨立的本地專案裡,第一步居然是確認:原來的原始碼到底放在哪裡。

最後在之前的測試目錄裡找到了完整檔案。首頁、三篇文章、樣式、指令碼,還有部署時用的檔案,都在。找到它們以後,這次遷移才有了一個明確的起點。

先找到原件,再考慮怎麼改

如果只有線上頁面,也可以把能訪問到的內容下載下來。但我更希望保留原始碼,因為瀏覽器收到的頁面不一定等於專案裡的檔案。比如伺服器可能給資源加上版本參數,或者對信箱連結做處理。

有原件就不用猜。複製後核對檔案是否一致,再確認本地頁面能開啟,心裡會踏實很多。原目錄也先留著,方便需要時回頭對照。

這個部落格目前不需要複雜的構建

它用的是 HTML、CSS 和原生 JavaScript。文章就在 posts/ 目錄裡,公共樣式在 styles.css,主題切換、篩選和動畫在 script.js。

這種結構有一點讓我很喜歡:開啟檔案,基本就能知道該從哪裡改。寫一篇文章不需要先理解一套框架,也沒有必須安裝的一串依賴。

本地預覽只要在專案目錄啟動一個靜態檔案服務:

python -m http.server 8000 --bind 127.0.0.1

然後開啟 http://127.0.0.1:8000/,就能檢查首頁、文章連結和互動。這裡看到的是本地檔案,修改之後重新整理即可;要讓線上站點更新,還需要單獨部署。

也試著重新考慮過它的樣子

整理完專案,我又覺得現在的網頁有點大眾,想看看更特別的方向。於是試了幾種預覽:像思維地圖一樣探索內容,把首頁做成私人電腦桌面,或者做成一本刊物。

看過之後,我還是沒有選它們。它們各有自己的設計邏輯,但我沒有產生“這就是我想要的部落格”的感覺。最後決定先用回原來的樣子。

這倒讓我想清楚一件事:我確實想讓部落格更有辨識度,但現在還說不準具體要什麼。為了新穎而換一整套外觀,可能只是把一個不滿意換成另一個。

下一步先把內容寫起來

現在原始碼有了固定的位置,也有了預覽說明。接下來每次新增文章,可以順手檢查首頁入口、分類、日期,以及文章末尾的導航。檔案放進去以後,還得確保讀者真的找得到它。

這次留下的習慣:先找到原始檔案,保留一份對照,檢查本地執行,再考慮發佈。看起來都是小事,但會讓下一次修改輕鬆一些。

外觀可以以後再慢慢琢磨。眼下我更想讓這個部落格多幾篇值得回看的文章,讓它真的開始積累東西。