網站搬家完成,pjwu.me 正式上線!

網站搬家完成,pjwu.me 正式上線!

長文

我在去年 12 月寫了一篇我又開始準備搬家網站,這次是認真的,裡面寫著搬遷新網站的計劃,不過計劃趕不上變化,搬遷進度一直處在不上不下的狀態,總覺得還有哪些地方可以更好,但又提不起勁處理,這幾天,決定來好好的面對這件事。在 Claude Code + Opus 5 的協助下,這件事變得輕鬆很多。現在終於可以宣告搬家完畢了。

為什麼要搬家?

對我來說,一個網站搬家有兩個面向,一個是網域更換,另一個是背後使用的架站系統更換。當時想要搬家的原因,兩者兼具。

網域方面:過去的網站叫做「Pin 起來」,網址是 pinchlime.com ,以當時命名的概念來說,是想要做一個有自己名字品牌的資訊聚合網站,希望裡面的內容都是讀者想要 pin 在自己的書籤清單裡面。但後來的發展是,我越來越對於資訊聚合這件事沒什麼興趣,而這個網站也越來越走向「個人網站」,而且是有著非常意識流、思考碎片等內容的那種個人部落格。 我總覺得這樣的狀況下,冠著這個 “Pin 起來” 的名字實在過於自戀(明明是一堆自己的 murmur 卻想要別人 Pin 起來?)乾脆改個名字。簡單想了一下之後,我選了 pjwu.me ,前四個字母是我的名字, .me 網域則是老牌的網域後綴,很多人拿來做個人網站。

架站系統方面:原本的 Pin 起來是透過 Zola 這個靜態網站系統架設的,我在這個系統上學到很多,可以說是我後來能踏入軟體領域的入門磚也不為過,不過透過 Rust 寫的 Zola 很小眾,AI 常常改錯東西,也不容易實作一些我有需求的動態功能。於是我開始物色新的框架系統。

我選了哪些產品與服務?

在簡單研究後,我一開始選擇 Astro 這個前端框架搭配 Strapi這個 “headless CMS” 系統作為我的內容管理系統。不過後來我又把它更簡化,文章部分還是用靜態的 markdown 處理,只有 Stream 這個頁面是動態讀取資料庫的內容。

資料庫我選擇的是 Astro 很支援的 Turso,免費額度就很夠,這種個人部落格完全夠用。

部署方面,我還是維持在我習慣的 Netlify 上面,有考慮過 Cloudflare,但是因為我 Netlify 的帳號是比較早申請的,免費額度很夠,就繼續放在 Netlify,體驗也很好。

還有一個是在文章內留言時,假設有填寫 email,會收到驗證信,這是透過 Resend 處理的,也是免費方案。

選定技術方案後,接下來則是思考,新的網站跟舊的網站要有哪些地方一樣?哪些地方不一樣?

新網站才有的東西

在搬家的過程中,我重新整理了以前分成兩類的「Blog」與「Letter」,把他們合併為同一類的「Writing」,同時我簡單分了一下「長文」、「短文」、「精選」、「過時」這些類型,讓讀者可以更快鎖定自己感興趣的同類內容。

而新的 Stream 頁面也是我現在非常喜歡的一個私人空間,我把它當成我的個人 Twitter/Threads,會在上面隨意分享東西。

最大的變化是我請 Claude 協助我參考我一直很喜歡的 Brian Lovin網站的舊版,做出現在你在電腦版可以看到的三欄式架構。 Brian Lovin 自己的網站現在已經不是長那樣,我的理解是在他加入 Notion 團隊後,就改用 Notion 作為網站的後端,前端也改寫很多。但因為他有開源他的網站系統 bri-os,所以我請 Claude 幫我找到加入 Notion 以前的版本,然後參考風格實作。做出來的感覺非常符合我的期待,點擊左側的類型(例如 Writing)後,中間會顯示列表,點擊中間列表時右側就會直接切換內容,這樣就不用反覆跳轉、或者一次開一堆頁面再一個一個讀。

至於這是怎麼做的?我幾乎不清楚了,全部都是交給 Opus 5 幫我做,做好後我再跟他討論配色、字體、間距等等細節,並請他幫忙調整。就連字體也是他幫我安裝設定的,我只有跟他說我想試試看芫荽 iansui這個字體,他就幫我處理好。

最後是留言功能,我在舊的 Pin 起來曾經有幾次嘗試要做留言系統,但大多都是要安裝第三方的服務,然後就要找個地方部署那個留言服務&資料庫,相當麻煩。這次搬家有了 Turso 以後,我就請 Opus 幫我評估是否有機會自己弄個留言系統,結果他非常迅速輕鬆的就規劃與實作完畢,連 email 登入驗證都是自己寫,搭配 Resend 寄送驗證碼,也可以匿名留言。

留在舊網站的東西

我有幾十篇文章沒有搬過來,因為他們已經有點過時,而且也不是現在的我會想持續放著的東西。另外像是配色、流量紀錄、還有一些雜七雜八的東西我就留在舊網站了。

如果你還留著某些舊的 Pin 起來網址,假設沒有被我搬過來,都會統一導向搬家說明這一頁。

維持這個網站運作要花多少錢?

差不多是一年 $16 美元,這是 pjwu.me 網域續約的費用。 我買了才發現 .me 的網域比較貴一點,如果你選的是 .com 或者是一些其他網域,有機會更便宜。

其他方面,網站部署在 Netlify,是免費方案,應該用不完。使用的框架是開源的 Astro,也不用錢。背後的資料庫是用 Turso 的免費方案,也應該用不完。寄驗證信是用 Resend 的免費方案,也應該用不完。

這是我很喜歡靜態網站的原因之一,成本非常非常低,不太需要綁約,不會被沉沒成本影響決策。而且現在的主流 AI 都非常熟悉我提到的這幾個產品,他們改起來輕鬆自在,幾乎不會遇到什麼問題。

如果你對於這些名字感到陌生,但仍想參考,完全沒問題,只要跟你的 Codex 或者 Claude Code/Cowork 講這些名字(或者貼這篇文章給他們看),照著指示去註冊帳號、操作一些簡單的設定(記得可以說「若有需要,可以直接幫我安裝他們的官方 CLI」),剩下都交給強大的 Codex / Claude 跑就好!

pinchlime.com pjwu.me

「Pin 起來」已關站,現在你看到的是轉址後的新網站 pjwu.me

你好,你剛才點的是 pinchlime.com 的舊連結。那個網站現在已經搬到這裡(pjwu.me),歡迎繼續閱讀。

若想知道搬家的細節,可以參考完整搬家說明