ALT
SPD
STATUS MONITOR
BIO-SIGNAL DETECTED
ID-E38DA0
--:--:--

ARSVINE REALM

SYSTEM LOG
> SYSTEM INITIALIZING... [////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////] 0%
> SYSTEM INITIALIZING... [////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////] 0%
本頁內容譯自简体中文。

ARSVINE REALM

// PROJECT_META

YEAR2026
ROLEDesign / Development / Content Architecture
STATUSSHIPPED
Next.jsUI/UXVerceli18nDevOps
KEY HIGHLIGHTS
  • 科幻 HUD 與鷹角式資訊密度
  • 超過 42 種動畫與互動動效
  • 基於 RainMorime 模板深度再開發
  • 多語言內容與分類結構
  • 圖片 CDN 封裝與可複製資訊點

// PROJECT_BRIEF

Arsvine Realm,也就是本站。它不是單純的作品集頁面,而是一個逐漸成形的個人檔案系統:專案、文章、興趣、旅行、藝術與一些還在發酵的設定,都被收束到同一套介面秩序中。技術上使用 Next.js 建構,部署在 Vercel 上,並透過一套相對輕量的內容結構維護多語言頁面、圖片資源與詳情頁正文。

這個專案最初基於 RainMorime 個人作品集模板再開發,但後續已經加入大量自訂修改。視覺方向上,我希望它有一點科幻 HUD 的冷峻感,也有鷹角式介面那種「資訊很多,但不是亂堆」的秩序感:線條、卡片、動效、標籤與留白都服務於同一個目標——讓頁面像一座可以繼續擴展的檔案終端。

工程上,它並不追求複雜到炫技,而是更重視可維護性。圖片地址透過 CDN 工具函式統一生成,正文中可複製的資訊點則由 copyableTokens 識別,專案、經歷與興趣內容也拆分為獨立資料檔。這樣一來,網站既能作為展示頁,也能慢慢變成個人知識與創作系統的入口。

對我來說,Arsvine Realm 的意義不只是「把東西放到網路上」。它更像是一座長期基地:記錄我正在做什麼、相信什麼、如何設計系統,以及如何把一些零散靈感變成可見的結構。