~/updates / 2026 / 01 / first-update-site-launch
● 網站 2026.01.18

第一次更新 (網站正式部署)

第一次正式網站更新紀錄,把所有相關資訊給補上去了。

顏榕嶙 · Bernie
posted 2026.01.18

網站正式發布 — v0.7.4

歡迎來到我的個人網站。這是第一次正式部署,主站的核心功能已全部完成。以下是本次發布包含的所有內容。

網站架構

  • 雙語系統:完整的繁體中文 / 英文支援

  • Keystatic CMS 整合:視覺化內容管理系統

  • Markdoc 內容格式:結構化文件編輯

  • Cloudflare Pages 部署:全球 CDN 加速

  • 響應式設計:支援桌面與移動裝置

頁面功能

  • 首頁:打字機特效、動態背景、主視覺展示

  • 關於我:個人簡介、技能展示(含互動模態框)、工作經歷、專業證照

  • 專案展示:16 個技術專案完整收錄,包含標籤篩選、狀態標記、精選項目

  • 連結頁面:11 個社群與作品平台連結,分類整理

  • 更新動態:專案進展與公告系統

  • 聯絡頁面:整合 Resend 郵件服務的聯絡表單

  • 控制台彩蛋:互動式終端機模擬器

互動元件

  • 全域音樂播放器:背景音樂播放功能(2 首曲目)

  • 全站搜尋:快速搜尋專案與內容

  • 漣漪特效:點擊水波紋動畫

  • 返回頂端按鈕:平滑滾動導航

  • 圖片檢視器:大圖預覽模態框

  • Cookie 同意橫幅:隱私權聲明

  • 翻轉卡片:3D 卡片翻轉動畫

側邊欄卡片系統

共 6 個可配置的側邊欄卡片:

  • 名言卡片:隨機顯示勵志名言

  • 音樂播放器卡片:嵌入式音樂控制器

  • 訪客計數器卡片:整合 Cloudflare Workers

  • 最新動態卡片:自動顯示最新更新

  • 快速統計卡片:專案與內容數量統計

  • 頁面大綱卡片:目錄導航

專案內容

已收錄 16 個技術專案,涵蓋以下領域:

  • AI 與機器學習:U.E.P 個人虛擬桌面助理、Azure 人臉辨識應用

  • Web 應用程式:GDG-Portal 社群平台、SparkBoard 無伺服器協作平台、一添綠意電商平台

  • 遊戲開發:數字潛流推箱遊戲、普爾小鎮文字 RPG、LBN 系統模擬

  • 工具應用:Ranza 萬用隨機器、Wyrm 資料庫檢索、Omniimagainer 圖像處理、StegoApollo 隱寫術工具

  • 自動化系統:學校資訊推送系統、端到端區控系統

  • Discord 機器人:U.E.P 的心智

外部連結

整合個人各大平台:

  • 開發平台:GitHub、工作履歷

  • 社群媒體:Twitter、Facebook、YouTube

  • 創作平台:BandLab(音樂)、pixiv(繪圖)、小說平台、Steam

  • 專案文件:U.E.P 的邊際世界、使命小隊工作室

技術棧

  • 框架:Astro 5 + React 19

  • 樣式:Tailwind CSS

  • 內容管理:Keystatic CMS + Markdoc

  • 類型安全:TypeScript

  • 部署:Cloudflare Pages + Workers

  • 工具鏈:pnpm + Turbo + ESLint + Prettier

內容管理

  • 雙語內容:所有頁面與專案均支援繁中 / 英文

  • Markdoc 編輯:富文本格式,支援自訂元件

  • 圖片最佳化:自動壓縮與格式轉換

  • 版本控制:Git 管理,分支策略(develop → staging → main)

下一步計畫

  • 文件站開發:將 U.E.P 的幻想空間遷移至 apps/uep

  • 功能完善:訪客留言板、RSS 訂閱

  • 效能最佳化:圖片 lazy loading、程式碼分割

  • SEO 增強:結構化資料、sitemap 生成