嘿，我是刘琦
创作游戏、话剧、电影、Trpg冒险与小说。
"生活像等待创作的粘土"

履历 · RÉSUMÉ

王小明

github.com

• test@example.com

• www.linkedin.com

• www.behance.net

• www.threads.com

我經營網頁技術部落格累計共上百篇文章並透過技術自媒體發掘各式有趣的網頁相關議題，例如：設計、UI、UX、網頁開發與測試…… 等領域都有涉略。

工作經歷

網頁前端工程師 - 不存在的股份有限公司

2025/07 ~ 至今．在職

獨立負責核心業務前端架構設計與開發，維持系統高可用性與擴展性
優化前端效能與首屏載入速度，將 Core Web Vitals 指標提升至優秀等級
導入自動化測試流程與 CI/CD 管道，顯著減少手動測試成本與回歸錯誤
參與技術選型與專案重構，解決舊有技術債並提升團隊開發效率
與後端、產品經理及設計師協作，定義技術規範與 API 介面標準
撰寫詳細的技術文檔與知識庫，推動團隊內部技術交流與經驗傳承

Tech: Go Gin, MongoDB, Redis, TypeScript, Vite Vue3, TanStack Query, Pinia, Tailwind, Shadcn Vue, Vitest, Vue Test Utils

前端工程師 - 不存在的股份有限公司

2023/10 ~ 2024/10．1 年

優化專案架構，提升代碼複用率與維護效率
導入現代化前端框架，提升系統效能與安全性
建立標準化元件庫，加速產品開發週期
設計並實作 CI/CD 流程，實現自動化測試與部署
撰寫自動化測試腳本，確保核心功能之穩定性
參與資安漏洞檢測與修復建議

Tech: Nx Monorepo, TypeScript, Nuxt 3, Pinia, Tailwind, Shadcn Vue, Cypress, Cucumber, Vitest, Git Flow, GitHub Actions

前端助教 - 不存在的股份有限公司

2022/07 ~ 2023/07．1 年

協助指導學員解決前端開發相關技術難題
參與撰寫網頁開發課程教材與實作範例
撰寫技術部落格文章，分享開發經驗與知識

Tech: React, Vue, jQuery, Bootstrap, Sass

網頁設計開發自由工作者 - 不存在的股份有限公司

2020/03 ~ 2020/05．3 個月

負責多個品牌活動網頁之視覺設計與前端實作

Tech: Sass, Bootstrap

學歷

某國立大學．資訊設計系學士畢業

2019/09 ~ 2023/06

於在校期間積極參與產學合作專案，並負責多項專案之網頁設計與前端開發工作。

技能

UI：Figma、Illustrator、Photoshop
切版：BEM CSS、Sass、Bootstrap 5、Tailwind、Shadcn
前端：Nuxt 3（Vue）、Next 15（React）、Astro、jQuery
狀態管理：Pinia、Zustand
後端：Express、Go Gin、MongoDB、Cloudflare Workers
程式品質：ESLint、Prettier 與 TypeScript
程式測試：Vitest、Vue Test Utils、Playwright、Cypress
代碼管理：Git、GitLab、GitHub、Git Flow、GitHub Flow
DevOps：GitHub Actions、Docker

社群活動

某年度技術徵文比賽 - 入選

撰寫系列技術文章分享開發實務心得

連結

履歷可能根據時間和不同程度的客製化而有所不同

最後更新時間： 2026-07-06

游戏经历 · GAMES

查看全部 →

📌 明日方舟

📌 上古卷轴5：天际

📌 最后生还者第二部

📌 极乐迪斯科

📌 骑马与砍杀2：霸主

📌 最后生还者第一部

📌 UNCHARTED: Legacy of Thieves Collection

📌 去月球

关于我 · ABOUT

Letter 佈景預覽圖

透過定義完善的 Markdown 和配置文件，輕鬆搭建自己的線上履歷、作品集，甚至是個人問答。本網站基於Letter Portfolio 主題建構，並部屬在 GitHub Pages 上。

特色

Astro v6 + Tailwind v4
超快 (100% lighthouse 分數)
響應式頁面與 SEO 友善
內建多語系
CI 流程 (ESLint + Prettier + TS Typecheck + Lighthouse)
CD 流程 (Cloudflare Pages 或 GitHub Pages)

如何開始

開發

# 1. 複製倉庫
git clone https://github.com/riceball-tw/letter.git .

# 2. 安裝依賴
pnpm install

# 3. 運行開發伺服器
pnpm run dev

自定義

astro.config.mjs: Astro 相關設定
- site: 最終部屬的 URL
/src/content: 全站設定、作品集、履歷與問答內容
/src/i18n: 用於 Astro 模板當中的翻譯
/public: 網站資產 (logo.svg, favicon…)
/src/styles/global.css: 樣式
/.github/workflows/deploy-pipeline.yml: GitHub CI/CD 流程 (可以設置以下環境變數)
- LHCI_GITHUB_APP_TOKEN, LHCI_TOKEN: lighthouse 檢測使用
- CLOUDFLARE_ACCOUNT_ID, CLOUDFLARE_API_TOKEN: Cloudflare Wrangler 部屬使用
- BASE_URL: 前綴網站中每個連結與資產 (通常用於部屬沒有自訂網域的 GitHub Pages 時使用)

建構

# 1. 部屬 `./dist` 資料夾中的網頁
pnpm install
pnpm build
pnpm preview

# 2. 部屬透過 Docker
docker build -t <your-astro-image-name> .
docker run -p <local-port>:<container-port> <your-astro-image-name>

協助開發

有任何問題或需要幫助的地方都歡迎到 GitHub Issue 發起討論。

授權

MIT

嘿，我是刘琦 创作游戏、话剧、电影、Trpg冒险与小说。 "生活像等待创作的粘土"