📋 資源中心建構與運營藍圖 V3.0 · 2026-04-11

workskm 資源中心建構與運營藍圖

學生模式的知識資產累積系統

整合 01 資源中心報告 + 02 待完成項目,涵蓋完整建構歷程與最新運營狀態

🎯 專案概述

workskm 是一個技能廣場(Skill Marketplace), 採用「學生模式」資料結構設計。學生拿到專案開機後,即可開始累積經驗、建立技能、累積智慧。

🛠️
技能數
49
📂
分類數
7
📋
備忘數
5
🚀
部署
CF Pages

✅ 資源中心現況(2026-04-11)

已建設完成的頁面

  • index.html — 主頁(導航 + Hero + 重要備忘5卡片)
  • skills-list.html — 技能清單頁(搜尋/分類/卡片展示)
  • memodata.html — 重要備份頁(工作備忘2+規劃書3)
  • knowbase.html — 知識庫頁(快速連結/知識文章)
  • publish.html — 發布引導頁(三步驟發布流程)
  • about.html — 關於頁面(平台使命/統計/團隊)
  • manifest.json — 技能資料庫(49項技能/7分類)
i

資源中心特色

  • • 深色主題(#0f172a / #112020)
  • • 毛玻璃卡片效果(backdrop-filter: blur)
  • • 紫色系配色(#c8a2c8 / #8b5a8b)
  • • 響應式導航(支援下拉選單)
  • • memodata 為 JS 靜態渲染(需同步更新 JS 陣列)
  • • 導航連結:技能清單/重要備份/知識庫

📅 建構歷程

2026-04-10 AM

資源中心首批頁面建設

完成 skills-list.html、memodata.html、knowbase.html、01資源中心報告

✅ 已完成
2026-04-10 PM

manifest.json / publish.html / about.html

技能資料庫(47項)、發布引導頁、關於頁、導航更新

✅ 已完成
2026-04-11

三份規劃書整理 + V2 整合版

網站設計規劃書、建置白皮書、V2 整合規劃書同步完成

✅ 已完成
2026-04-11 07:00

updatememo 三層 bug 修復

index.html 卡片連結、memodata.html JS 陣列、部署修復全部完成

✅ 今日修復

⚙️ updatememo 完整流程(重要!)

每次執行 updatememo,必須同步更新三處:
① 改 NN-*.html 磁碟檔名
② 更新 index.html 中的「重要備忘」卡片連結(section-count)
③ 更新 memodata.html 中的 JS 資料陣列(memos[] / plans[])

⚠️ 教訓:memodata.html 的資料是寫死在 JS 陣列裡(約第443-463行),
不是動態讀取磁碟!歷次 updatememo 只改了磁碟,漏了 memodata.js,
導致網站顯示永遠只有 1 個備忘(直到 2026-04-11 才發現)。
❌ 錯誤做法

只改磁碟檔名 → 部署 → 收工

✅ 正確做法

①改檔名 ②同步 index ③同步 memodata ④部署 ⑤驗證

🧪 驗證方法

部署後訪問 workskm.pages.dev/memodata.html 確認清單數量

📁 當前完整檔案結構

workskm-deploy/                # 部署目錄(與 .workbuddy 同級)
├── index.html                 # 主頁(導航欄 + Hero + 重要備忘5卡片)
├── skills-list.html           # 技能清單頁 ✅ 已完成
├── memodata.html              # 重要備份頁 ✅ 已完成
│   ⚠️ 注意:資料寫死在 JS 陣列(第443-463行)
│   ⚠️ 每次 updatememo 必須同步更新
├── knowbase.html              # 知識庫頁 ✅ 已完成
├── manifest.json              # 技能資料庫(49項技能/7分類)✅
├── publish.html               # 發布引導頁 ✅ 已完成
├── about.html                 # 關於頁面 ✅ 已完成
├── template.html              # 模板頁
├── 03-workskm-資源中心建構與運營藍圖.html   # 本文件 ✅
├── 04-workskm-網站設計與建置藍圖.html     # 下份規劃 ✅
└── 05-workskm-核心系統規劃書.html         # 下下份 ✅
← 返回 workskm 首頁