🌈 Happy Learning V4 · Claude Code 上雲與記憶備份

把本機專案、GitHub、Cloudflare Pages、Claude 記憶
變成一條看得懂的學習路線

這版重新編排成「一看就想學」的互動教室:先用心智圖建立全局,再用流程卡一步一步走,最後到 指令中心 搜尋、複製、套用。內容依你的兩份文件整合,並用可查的官方文件校正到 2026.06.12 前的流程觀念。

3個抽屜:專案 / 部署 / 記憶
8段流程:從本機到換機還原
--組可搜尋指令與範例
1句口訣:不確定就「同步一下」

🗺️ 一張圖先看懂:不要把三件事混在一起

你的文件核心其實是:專案程式碼要進 GitHub、網站要接 Cloudflare Pages、Claude 記憶要另外備份到 claude-memory。這三者彼此有關,但責任不同。

Claude Code
工作系統
看檔案、改檔案、跑指令
📁 本機專案資料夾真正改檔案的位置。回到本機工作前先 git pull
🐙 GitHub 專案 Repo保存程式碼版本。每個工具或網站一個 private repo。
☁️ Cloudflare Pages網站展示與自動部署。Git integration 會看 repo 的 push。
🧠 claude-memory Repo專門備份 CLAUDE.md 與 auto memory,不是網站 repo。
🔎 驗證習慣不信猜測,只看 git status、commit、deployments、commits/main。

🍰 白話觀念:把它想成「學習便當盒」

🍱

本機資料夾

便當盒裡真正的飯菜。你改 index.html、app.py、CLAUDE.md,都是先在這裡發生。

📸

GitHub

每次拍照存檔。commit 是一張照片,push 是把照片傳到雲端相簿。

🎪

Cloudflare Pages

把網站端到舞台上。它通常看 GitHub 新 push 來重新部署。

🧠

Claude 記憶

讓 Claude 下次知道規則、路徑、狀態。但本機記憶要跑腳本才會雲端備份。

最重要口訣:改網站 → commit / push 專案 repo → Cloudflare Pages 部署。存記憶 → 跑 sync-claude-memory.ps1 → claude-memory 有新 commit。兩條線不要混在一起。

🚦 合理內容順序:從 0 到可部署、可記憶、可還原

點每一列可以展開「這一步到底在幹嘛」。學習時不要一次背全部,先記住順序,再去指令中心複製需要的指令。

固定本機專案資料夾

例如 D:\claude code 專案\XXX。

先固定位置,是因為 Claude Code 的專案記憶與路徑有關。之後不要一直搬家,尤其中文資料夾與空格要保持一致。

把專案推到 GitHub private repo

讓程式碼有版本控制與雲端備份。

本機已有檔案時,建 GitHub 空 repo 後用 git init / add / commit / remote / push。新手不建議遠端先加 README,避免第一次合併衝突。

Cloudflare Pages 接 GitHub repo

讓 push 到 main 之後可以自動部署。

進 Cloudflare Dashboard → Workers & Pages → Create application → Pages → Connect to Git。純 HTML 不需要 build step;框架專案要填對 output directory。

建立具體的 CLAUDE.md

讓 Claude 下次讀得懂專案。

不要只寫空泛模板。要寫用途、架構、重要檔案、部署方式、目前狀態、待辦、你的偏好,以及「不要只根據對話摘要判斷部署」。

建立工作規則

修改前先計畫,修改後 commit/push。

這是新手保護線。要求 Claude 先說計畫、風險、檔案清單,再動手。完成後再 git status、commit、push。

儲存全域記憶與分層記憶

讓不同 session 也知道你確認過的事。

全域記憶放跨專案偏好;專案 CLAUDE.md 放該專案規則;auto memory 可能在 .claude\projects\...\memory。

跑 sync-claude-memory.ps1

把本機記憶推到 claude-memory private repo。

這一步才是「記憶雲端備份」。腳本會複製檔案、git add、commit、push。看到沒有變更也不是失敗,而是已經最新。

用證據驗證

GitHub commits、Cloudflare deployments、本機 git status。

不要只相信對話摘要。若 Claude 說已部署,請它比對本機修改時間、GitHub commit、Cloudflare Pages 最後部署時間。

🎬 三種流程圖:新專案、記憶同步、換機還原

1 本機

建立資料夾與檔案

2 GitHub

private repo + push main

3 Pages

Connect to Git + deploy

4 CLAUDE.md

專案規則具體化

5 同步

存記憶並備份

1 Claude 存記憶

全域、專案或 auto memory

2 執行腳本

複製到 claude-memory

3 git add/commit

產生 sync: 日期時間

4 git push

推到 GitHub 私有倉庫

5 commits/main

看到同步歷史

1 安裝工具

Git + Claude Code

2 clone 專案

專案 repo 與 claude-memory

3 還原 global

~\.claude\CLAUDE.md

4 還原專案

各專案 CLAUDE.md

5 還原 memory

確認 D------ 路徑

🎯 情境教練:我現在到底該做什麼?

點一個情境

先選左邊情境

這裡會直接告訴你:下一步、要檢查什麼、該用哪個指令。

🌳 樹狀圖:資料夾與責任分工

🧠 claude-memory 備份倉庫

claude-memory/
global/CLAUDE.md

來源:C:\Users\User\.claude\CLAUDE.md,放跨專案偏好。

hongli/CLAUDE.md

來源:鴻麗專案根目錄,放鴻麗專案規則與狀態。

kaohsiung/CLAUDE.md

來源:高雄專案根目錄,放高雄專案規則與狀態。

denzhuan/*.md

來源:.claude\projects\D------\memory\,放電傳工具 auto memory。

☁️ 專案 repo 與 Pages

XXX-project/ 專案 GitHub repo

保存真正的網站或工具程式碼,例如 index.htmlapp.pypackage.json

Cloudflare Pages

讀 GitHub repo 的指定分支;看到 push 後依 build 設定部署。

Render / 其他平台

像電傳工具若部署在 Render,就不能用 Cloudflare Pages 的邏輯判斷,要看 Render 與 GitHub commit。

重要提醒:同步記憶不等於網站部署;網站部署不等於記憶已備份。請分開驗證。

🧰 指令中心:所有相關指令+範例,一次放齊

這裡依「你會遇到的工作情境」分類。先選分類,或直接搜尋 git pull/memoryCloudflare同步一下還原

0 / 0
🍹 找不到結果,換個關鍵字試試,例如:git、Pages、memory、同步、CLAUDE。

🧾 CLAUDE.md 範本:不要空泛,要能讓 Claude 接續工作

你可以直接複製這份到專案根目錄,再請 Claude 依實際檔案補齊。

# 專案名稱:XXX

## 1. 專案用途
這個專案用來:
- 主要使用者:
- 解決的問題:
- 目前公開網址:

## 2. 技術架構
- 前端:
- 後端:
- 資料庫:
- 部署平台:Cloudflare Pages / Render / 其他
- GitHub repo:

## 3. 重要資料夾與檔案
- index.html:
- app.py / main.js / package.json:
- 其他重要檔案:

## 4. 部署規則
- 主要分支:main
- 如果是 Cloudflare Pages:push 到 main 後自動部署
- Build command:
- Build output directory:
- 驗證方式:看 GitHub commit + Cloudflare Pages Deployments

## 5. 目前狀態
- 已完成:
- 待完成:
- 已知問題:
- 最近一次確認部署時間:

## 6. 我的工作偏好
- 一律用繁體中文回覆。
- 修改前先列計畫、影響檔案、風險,等我確認再動手。
- 修改後請執行 git status,說明改了什麼。
- 我確認後再 commit / push。
- 不要只根據對話摘要判斷是否已部署;要查檔案、GitHub commit、部署紀錄。

## 7. 記憶同步規則
重要狀態更新後,請提醒我執行:
C:\Users\User\sync-claude-memory.ps1
或直接讓我說「同步一下」。

🧪 驗證表:看到這些訊號,代表什麼?

訊號意思下一步
ℹ️ 沒有變更,無需推送claude-memory 已是最新,沒有漏同步。安心收工。
✅ 同步完成!已推送剛剛確實有新記憶,已推到 GitHub。看 commits/main 是否多一筆。
main -> main專案或記憶 repo 已成功 push。若是網站 repo,去看 Pages deployments。
warning: LF will be replaced by CRLFWindows 換行符號提醒,通常不影響功能。先不用緊張。
non-fast-forward本機落後遠端,不能直接 push。先 git pull --rebase origin main。
Cloudflare 404可能 output directory 錯、index.html 不在根目錄、或尚未部署成功。查 build log 與部署輸出資料夾。

✅ 實作檢查表:勾完就知道你卡在哪

0% 完成

🎮 小測驗:確認真的懂了

Q1:我只更新 CLAUDE.md,Cloudflare Pages 會自動更新網站嗎?
通常不會。CLAUDE.md 是記憶規則,不是網站內容。網站是否更新要看你有沒有 push 網站 repo,並且 Pages 是否部署成功。
Q2:看到「沒有變更,無需推送」是失敗嗎?
不是。代表 claude-memory 已經是最新狀態,這就是你要的安心訊號。
Q3:Direct Upload 的 Pages 專案之後能改成 Git integration 嗎?
Cloudflare 文件提醒 Direct Upload 不能之後切到 Git integration;若要自動部署,應一開始就建立 Git integration 專案。
Q4:Claude 說「已部署」,我要怎麼避免歷史幻覺?
請它查證三件事:本機檔案最後修改、GitHub commit 時間、Cloudflare/Render 部署紀錄。不要只信對話摘要。

📚 整合與官方校正依據

本頁整合兩份上傳文件的流程:第一份是新專案建立、推 GitHub、接 Cloudflare Pages、建立 CLAUDE.md 與同步記憶;第二份是 claude-memory 私有倉庫、PowerShell 同步腳本、denzhuan auto memory、GitHub commits 驗證與換機還原。

日後更新建議:如果 Claude Code 或 Cloudflare 介面更新,只要把新資料丟給我,就能沿用這個 Happy Learning V4 模式:彩色卡片、互動流程、心智圖、指令中心、檢查表一起擴充。
已複製