iT 邦幫忙::一起幫忙解決難題，拯救 IT 人的一天

0 Like 0 留言 9 瀏覽

鐵人賽自我挑戰組 DAY 7

《運用通勤時間打造線上履歷作品集：30 天 Nuxt 自我挑戰》系列第 7 篇

技術 Day 7 Skills section 1 - 技能分類帽

今天的目標是完成技能區塊 (Skills Section) 的設計，呼應 Intro 中「故事 + 技能」的定位，讓讀者能更快掌握我的專業輪廓。層次化分類...

huahaubuhau ‧ 2025-09-20

0 Like 0 留言 10 瀏覽

鐵人賽自我挑戰組 DAY 6

《運用通勤時間打造線上履歷作品集：30 天 Nuxt 自我挑戰》系列第 6 篇

技術 Day 6 Intro section 設計與實作 + UI/UX 提點

規劃 Intro Section 作為網站進入後的第一個重點區塊。此區塊主要透過簡短的自我介紹與背景故事，快速讓使用者理解我是誰、我的專業定位與核心價值。 1....

huahaubuhau ‧ 2025-09-19

0 Like 0 留言 19 瀏覽

鐵人賽自我挑戰組 DAY 5

《運用通勤時間打造線上履歷作品集：30 天 Nuxt 自我挑戰》系列第 5 篇

技術建立 NavBar

此專案會使用 vuetify UI 套件去改寫各個元件，今天要做的元件是 Header。官方文件：https://vuetifyjs.com/en/compo...

huahaubuhau ‧ 2025-09-18

0 Like 0 留言 53 瀏覽

鐵人賽自我挑戰組 DAY 4

《運用通勤時間打造線上履歷作品集：30 天 Nuxt 自我挑戰》系列第 4 篇

技術 Day 4 使用 SCSS 建立設計基礎

昨天已經安裝了 sass 和 sass-loader，這兩個就是 Nuxt/Vue 專案使用 SCSS（Sass）的必要套件。在 /assets/scss 資...

huahaubuhau ‧ 2025-09-17

0 Like 0 留言 35 瀏覽

鐵人賽自我挑戰組 DAY 3

《運用通勤時間打造線上履歷作品集：30 天 Nuxt 自我挑戰》系列第 3 篇

技術 Day 3 建立 Nuxt 3 專案 & 專案結構說明

首先，要先確保電腦有裝環境有 node.js，要 20.x 或更新才可以安裝 nuxt （當不同專案使用不同的 node 版本時，可以用 nvm 來切換 nod...

huahaubuhau ‧ 2025-09-16

0 Like 0 留言 30 瀏覽

鐵人賽自我挑戰組 DAY 2

《運用通勤時間打造線上履歷作品集：30 天 Nuxt 自我挑戰》系列第 2 篇

技術 Day 2 履歷作品集應有的區塊 & UI/UX 畫面規劃

目標打造一個線上履歷作品集網站，讓面試官能快速理解我的定位、技能、專案成果與聯絡方式，同時透過設計細節展現專業感。內容架構個人資料、學經歷 → 定位...

huahaubuhau ‧ 2025-09-15

0 Like 0 留言 91 瀏覽

鐵人賽自我挑戰組 DAY 1

《運用通勤時間打造線上履歷作品集：30 天 Nuxt 自我挑戰》系列第 1 篇

技術 Day 1 開賽宣言 & 主題介紹：為什麼用 Vue/Nuxt 做網站

身為台北小小公司的小小社畜，每天花近3個小時通勤，好不容易（真的好不容易）這段時間可以常駐台北，省去大把通勤時間，要拿來做什麼呢？不可能都拿來滑手機、追劇吧，身...

huahaubuhau ‧ 2025-09-14

0 Like 1 留言 2103 瀏覽

鐵人賽影片教學 DAY 30

Nuxt 3 快速入門系列第 30 篇

技術 [影片教學] Nuxt 3 部署網站服務

🔥【Vue.js → Nuxt 入門推薦！🌟 新書即將上市 🌟】📘《想要 SSR 嗎？就使用 Nuxt 吧！Nuxt 讓 Vue.js 更好處理 SEO 搜...

Ryan ‧ 2023-10-15

0 Like 1 留言 2224 瀏覽

鐵人賽 Vue.js DAY 30

Nuxt 3 實戰筆記系列第 30 篇

技術 [Day 30] Nuxt 3 版本的升級與套件升級的管理工具

🔥【Vue.js → Nuxt 入門推薦！🌟 新書即將上市 🌟】📘《想要 SSR 嗎？就使用 Nuxt 吧！Nuxt 讓 Vue.js 更好處理 SEO 搜...

Ryan ‧ 2023-10-15 ‧團隊啾嚕咕嚕跳起來

0 Like 0 留言 1187 瀏覽

鐵人賽影片教學 DAY 29

Nuxt 3 快速入門系列第 29 篇

技術 [影片教學] Nuxt 3 部署前的建構打包

🔥【Vue.js → Nuxt 入門推薦！🌟 新書即將上市 🌟】📘《想要 SSR 嗎？就使用 Nuxt 吧！Nuxt 讓 Vue.js 更好處理 SEO 搜...

Ryan ‧ 2023-10-14

0 Like 0 留言 3384 瀏覽

鐵人賽 Vue.js DAY 29

Nuxt 3 實戰筆記系列第 29 篇

技術 [Day 29] Nuxt 3 混合渲染 (Hybrid Rendering) 中的 SWR 與 ISR

🔥【Vue.js → Nuxt 入門推薦！🌟 新書即將上市 🌟】📘《想要 SSR 嗎？就使用 Nuxt 吧！Nuxt 讓 Vue.js 更好處理 SEO 搜...

Ryan ‧ 2023-10-14 ‧團隊啾嚕咕嚕跳起來

0 Like 0 留言 1370 瀏覽

鐵人賽影片教學 DAY 28

Nuxt 3 快速入門系列第 28 篇

技術 [影片教學] Nuxt 3 視覺化開發工具 Nuxt DevTools

🔥【Vue.js → Nuxt 入門推薦！🌟 新書即將上市 🌟】📘《想要 SSR 嗎？就使用 Nuxt 吧！Nuxt 讓 Vue.js 更好處理 SEO 搜...

Ryan ‧ 2023-10-13

0 Like 1 留言 2259 瀏覽

鐵人賽 Vue.js DAY 28

Nuxt 3 實戰筆記系列第 28 篇

技術 [Day28] Nuxt 3 建構打包與部署至 Cloudflare Workers

🔥【Vue.js → Nuxt 入門推薦！🌟 新書即將上市 🌟】📘《想要 SSR 嗎？就使用 Nuxt 吧！Nuxt 讓 Vue.js 更好處理 SEO 搜...

Ryan ‧ 2023-10-13 ‧團隊啾嚕咕嚕跳起來

0 Like 0 留言 996 瀏覽

鐵人賽影片教學 DAY 27

Nuxt 3 快速入門系列第 27 篇

技術 [影片教學] Nuxt 3 SEO 搜尋引擎最佳化 - 實戰部落格系列 Part 5

🔥【Vue.js → Nuxt 入門推薦！🌟 新書即將上市 🌟】📘《想要 SSR 嗎？就使用 Nuxt 吧！Nuxt 讓 Vue.js 更好處理 SEO 搜...

Ryan ‧ 2023-10-12

2 Like 1 留言 1994 瀏覽

鐵人賽 Vue.js DAY 27

Nuxt 3 實戰筆記系列第 27 篇

技術 [Day 27] Nuxt 3 產生靜態網頁部署至 Cloudflare Pages 與持續自動部署

🔥【Vue.js → Nuxt 入門推薦！🌟 新書即將上市 🌟】📘《想要 SSR 嗎？就使用 Nuxt 吧！Nuxt 讓 Vue.js 更好處理 SEO 搜...

Ryan ‧ 2023-10-12 ‧團隊啾嚕咕嚕跳起來

0 Like 1 留言 1801 瀏覽

鐵人賽影片教學 DAY 26

Nuxt 3 快速入門系列第 26 篇

技術 [影片教學] Nuxt 3 路由頁面的權限判斷 - 實戰部落格系列 Part 4

🔥【Vue.js → Nuxt 入門推薦！🌟 新書即將上市 🌟】📘《想要 SSR 嗎？就使用 Nuxt 吧！Nuxt 讓 Vue.js 更好處理 SEO 搜...

Ryan ‧ 2023-10-11

0 Like 0 留言 4078 瀏覽

鐵人賽 Vue.js DAY 26

Nuxt 3 實戰筆記系列第 26 篇

技術 [Day 26] Nuxt 3 錯誤頁面 (Error Page) 與錯誤處理 (Error handling)

🔥【Vue.js → Nuxt 入門推薦！🌟 新書即將上市 🌟】📘《想要 SSR 嗎？就使用 Nuxt 吧！Nuxt 讓 Vue.js 更好處理 SEO 搜...

Ryan ‧ 2023-10-11 ‧團隊啾嚕咕嚕跳起來

0 Like 0 留言 865 瀏覽

鐵人賽影片教學 DAY 25

Nuxt 3 快速入門系列第 25 篇

技術 [影片教學] Nuxt 3 Server API 權限判斷與串接 - 實戰部落格系列 Part 3

🔥【Vue.js → Nuxt 入門推薦！🌟 新書即將上市 🌟】📘《想要 SSR 嗎？就使用 Nuxt 吧！Nuxt 讓 Vue.js 更好處理 SEO 搜...

Ryan ‧ 2023-10-10

0 Like 0 留言 3833 瀏覽

鐵人賽 Vue.js DAY 25

Nuxt 3 實戰筆記系列第 25 篇

技術 [Day 25] Nuxt 3 深入靜態資源的使用 Public & Assets

🔥【Vue.js → Nuxt 入門推薦！🌟 新書即將上市 🌟】📘《想要 SSR 嗎？就使用 Nuxt 吧！Nuxt 讓 Vue.js 更好處理 SEO 搜...

Ryan ‧ 2023-10-10 ‧團隊啾嚕咕嚕跳起來

2 Like 2 留言 1133 瀏覽

鐵人賽影片教學 DAY 24

Nuxt 3 快速入門系列第 24 篇

技術 [影片教學] Nuxt 3 建立部落格文章相關 API - 實戰部落格系列 Part 2

🔥【Vue.js → Nuxt 入門推薦！🌟 新書即將上市 🌟】📘《想要 SSR 嗎？就使用 Nuxt 吧！Nuxt 讓 Vue.js 更好處理 SEO 搜...

Ryan ‧ 2023-10-09

0 Like 1 留言 3090 瀏覽

鐵人賽 Vue.js DAY 24

Nuxt 3 實戰筆記系列第 24 篇

技術 [Day 24] Nuxt 3 多國語系模組 Nuxt I18n 的進階使用方法與 SEO 搜尋引擎最佳化

🔥【Vue.js → Nuxt 入門推薦！🌟 新書即將上市 🌟】📘《想要 SSR 嗎？就使用 Nuxt 吧！Nuxt 讓 Vue.js 更好處理 SEO 搜...

Ryan ‧ 2023-10-09 ‧團隊啾嚕咕嚕跳起來

1 Like 0 留言 1374 瀏覽

鐵人賽影片教學 DAY 23

Nuxt 3 快速入門系列第 23 篇

技術 [影片教學] Nuxt 3 建立第一個網站 - 實戰部落格系列 Part 1

🔥【Vue.js → Nuxt 入門推薦！🌟 新書即將上市 🌟】📘《想要 SSR 嗎？就使用 Nuxt 吧！Nuxt 讓 Vue.js 更好處理 SEO 搜...

Ryan ‧ 2023-10-08

0 Like 0 留言 4534 瀏覽

鐵人賽 Vue.js DAY 23

Nuxt 3 實戰筆記系列第 23 篇

技術 [Day 23] Nuxt 3 多國語系模組 Nuxt I18n 的初入門與基本使用方法

🔥【Vue.js → Nuxt 入門推薦！🌟 新書即將上市 🌟】📘《想要 SSR 嗎？就使用 Nuxt 吧！Nuxt 讓 Vue.js 更好處理 SEO 搜...

Ryan ‧ 2023-10-08 ‧團隊啾嚕咕嚕跳起來

0 Like 0 留言 664 瀏覽

鐵人賽影片教學 DAY 22

Nuxt 3 快速入門系列第 22 篇

技術 [影片教學] Nuxt 3 靜態資源的管理 - Public & Assets

🔥【Vue.js → Nuxt 入門推薦！🌟 新書即將上市 🌟】📘《想要 SSR 嗎？就使用 Nuxt 吧！Nuxt 讓 Vue.js 更好處理 SEO 搜...

Ryan ‧ 2023-10-07

0 Like 0 留言 2490 瀏覽

鐵人賽 Vue.js DAY 22

Nuxt 3 實戰筆記系列第 22 篇

技術 [Day 22] Nuxt 3 使用 SVG 的解決方案與更方便的使用 Icon 圖示

🔥【Vue.js → Nuxt 入門推薦！🌟 新書即將上市 🌟】📘《想要 SSR 嗎？就使用 Nuxt 吧！Nuxt 讓 Vue.js 更好處理 SEO 搜...

Ryan ‧ 2023-10-07 ‧團隊啾嚕咕嚕跳起來

1 Like 0 留言 1697 瀏覽

鐵人賽影片教學 DAY 21

Nuxt 3 快速入門系列第 21 篇

技術 [影片教學] Nuxt 3 使用 I18n 建立多國語系

🔥【Vue.js → Nuxt 入門推薦！🌟 新書即將上市 🌟】📘《想要 SSR 嗎？就使用 Nuxt 吧！Nuxt 讓 Vue.js 更好處理 SEO 搜...

Ryan ‧ 2023-10-06

0 Like 0 留言 1929 瀏覽

鐵人賽 Vue.js DAY 21

Nuxt 3 實戰筆記系列第 21 篇

技術 [Day 21] Nuxt 3 管理網站結構化資料標記 (Structured Data Markup) - SEO 搜尋引擎最佳化系列工具簡介

🔥【Vue.js → Nuxt 入門推薦！🌟 新書即將上市 🌟】📘《想要 SSR 嗎？就使用 Nuxt 吧！Nuxt 讓 Vue.js 更好處理 SEO 搜...

Ryan ‧ 2023-10-06 ‧團隊啾嚕咕嚕跳起來

0 Like 0 留言 1739 瀏覽

鐵人賽影片教學 DAY 20

Nuxt 3 快速入門系列第 20 篇

技術 [影片教學] Nuxt 3 Cookie 的設置與使用

🔥【Vue.js → Nuxt 入門推薦！🌟 新書即將上市 🌟】📘《想要 SSR 嗎？就使用 Nuxt 吧！Nuxt 讓 Vue.js 更好處理 SEO 搜...

Ryan ‧ 2023-10-05

0 Like 0 留言 2042 瀏覽

鐵人賽 Vue.js DAY 20

Nuxt 3 實戰筆記系列第 20 篇

技術 [Day 20] Nuxt 3 管理網站的 robots.txt 與 Robots Tags - SEO 搜尋引擎最佳化系列

🔥【Vue.js → Nuxt 入門推薦！🌟 新書即將上市 🌟】📘《想要 SSR 嗎？就使用 Nuxt 吧！Nuxt 讓 Vue.js 更好處理 SEO 搜...

Ryan ‧ 2023-10-05 ‧團隊啾嚕咕嚕跳起來

1 Like 1 留言 2402 瀏覽

鐵人賽影片教學 DAY 19

Nuxt 3 快速入門系列第 19 篇

技術 [影片教學] Nuxt 3 串接 Google OAuth 登入

🔥【Vue.js → Nuxt 入門推薦！🌟 新書即將上市 🌟】📘《想要 SSR 嗎？就使用 Nuxt 吧！Nuxt 讓 Vue.js 更好處理 SEO 搜...

Ryan ‧ 2023-10-04

技術 Day 7 Skills section 1 - 技能分類帽

技術 Day 6 Intro section 設計與實作 + UI/UX 提點

技術 建立 NavBar

技術 Day 4 使用 SCSS 建立設計基礎

技術 Day 3 建立 Nuxt 3 專案 & 專案結構說明

技術 Day 2 履歷作品集應有的區塊 & UI/UX 畫面規劃

技術 Day 1 開賽宣言 & 主題介紹：為什麼用 Vue/Nuxt 做網站

技術 [影片教學] Nuxt 3 部署網站服務

技術 [Day 30] Nuxt 3 版本的升級與套件升級的管理工具

技術 [影片教學] Nuxt 3 部署前的建構打包

技術 [Day 29] Nuxt 3 混合渲染 (Hybrid Rendering) 中的 SWR 與 ISR

技術 [影片教學] Nuxt 3 視覺化開發工具 Nuxt DevTools

技術 [Day28] Nuxt 3 建構打包與部署至 Cloudflare Workers

技術 [影片教學] Nuxt 3 SEO 搜尋引擎最佳化 - 實戰部落格系列 Part 5

技術 [Day 27] Nuxt 3 產生靜態網頁部署至 Cloudflare Pages 與持續自動部署

技術 [影片教學] Nuxt 3 路由頁面的權限判斷 - 實戰部落格系列 Part 4

技術 [Day 26] Nuxt 3 錯誤頁面 (Error Page) 與錯誤處理 (Error handling)

技術 [影片教學] Nuxt 3 Server API 權限判斷與串接 - 實戰部落格系列 Part 3

技術 [Day 25] Nuxt 3 深入靜態資源的使用 Public & Assets

技術 [影片教學] Nuxt 3 建立部落格文章相關 API - 實戰部落格系列 Part 2

技術 [Day 24] Nuxt 3 多國語系模組 Nuxt I18n 的進階使用方法與 SEO 搜尋引擎最佳化

技術 [影片教學] Nuxt 3 建立第一個網站 - 實戰部落格系列 Part 1

技術 [Day 23] Nuxt 3 多國語系模組 Nuxt I18n 的初入門與基本使用方法

技術 [影片教學] Nuxt 3 靜態資源的管理 - Public & Assets

技術 [Day 22] Nuxt 3 使用 SVG 的解決方案與更方便的使用 Icon 圖示

技術 [影片教學] Nuxt 3 使用 I18n 建立多國語系

技術 [Day 21] Nuxt 3 管理網站結構化資料標記 (Structured Data Markup) - SEO 搜尋引擎最佳化系列工具簡介

技術 [影片教學] Nuxt 3 Cookie 的設置與使用

技術 [Day 20] Nuxt 3 管理網站的 robots.txt 與 Robots Tags - SEO 搜尋引擎最佳化系列

技術 [影片教學] Nuxt 3 串接 Google OAuth 登入

標記使用者

技術建立 NavBar