I Dream, AI Works.
← 目錄/AI 裝備升級指南：AIOPC草稿中

7-13

實戰案例：IDOL Wiki × aicoding.tw SEO Blog 自動化

這不是範本是真實紀錄：一個真的 OPC 網站，從建 IDOL Wiki 到第一篇 SEO Blog 上線的完整過程。

從零建立 IDOL Wiki，到第一篇 SEO Blog 上架的完整流程記錄

這是一份真實的實戰記錄。

不是範本，不是空白的模板——是一個真實的 OPC 網站（aicoding.tw）的 IDOL Wiki， 從頭建立、填入真實內容、然後用 Publish 操作把第一篇 SEO Blog 推上線的完整過程。

起點：把 IDOL-Wiki.md 放進專案

在 aicoding.tw 的同層目錄，建立一個新資料夾 IDOL-Wiki， 把 IDOL-Wiki.md 規格文件放進去。

對 Claude Code 說：

請讀取 IDOL-Wiki.md，然後初始化 IDOL Wiki 系統

Claude Code 讀完規格文件，建立完整的資料夾結構—— Raw_Sources / Wiki / Channels / Memory / Schema / Publish。

所有條目都是空白模板，等待填入真實內容。

第一步：Ingest 品牌資料

aicoding.tw 已經有完整的品牌文件：CLAUDE.md、AGENTS.md、site.config.json。

這些文件放進 Raw_Sources/，然後對 Claude Code 說：

請讀取 IDOL-Wiki.md，然後執行 Ingest

Claude Code 讀取品牌文件，提取關鍵資訊，填入七個 Wiki 條目：

Wiki/identity.md（填入後）

名字：AI-MAN
網站：aicoding.tw
身份定義：繁體中文 AI Coding 學習網站的主理人
          自己就是第一個用 Claude Code 從零做出產品的學員
使命：讓沒有工程背景的人，用 Claude Code / Codex 做出第一個真的可以用的作品
核心主張：AI 時代，門檻消失了。你出方向，Claude Code 把想法做成真的

Wiki/voice.md（填入後）

核心語氣：
像一個已經踏出第一步的朋友在說話，不是老師在講課

✓ 我會說：「先做這個，做完這步你就有了 XX」
✓ 我會說：「不需要懂程式，Claude Code 會幫你寫」
✓ 我會說：「卡住了很正常，貼這句話給 Claude Code，它會幫你修」

✗ 我不說：工程黑話（API、repo、版控）
✗ 我不說：「誠摯地」「懇請」「非常感謝您的閱讀」
✗ 我不說：「令人振奮的是」「值得注意的是」（AI 寫作特徵）

Wiki/audience.md（填入後）

主要讀者：第一次想用 AI 工具做出東西的人
  → 有想法，但不知道從哪裡開始
  → 沒有工程背景，或學過一點程式但沒有持續

核心痛點：
「我想學 AI Coding 但不知道從哪裡開始」
「看了很多教學，但沒有做出任何東西」
「Claude Code 打開了不知道要說什麼」

Wiki/beliefs.md（填入後）

核心觀點：
1. 做出來比學完更重要
2. AI Coding 不是寫程式，是溝通
3. 新手最大的錯誤是從複雜的東西開始
4. 失敗不是壞事，Claude Code 重來很快

我反對：
✗「先把程式基礎學好再用 AI」
✗ 教工具而不教成果
✗ 讓讀者一個人摸索

第二步：設定 Channels/blog.md

Blog 頻道的說話規則：

受眾：透過 Google 搜尋主動找答案的新手

語氣規則：
- 開頭直接說這篇能幫讀者做什麼
- 步驟有編號，讓讀者知道自己在哪裡
- 結尾不說「希望對你有幫助」

格式規格：
- 字數：1500–2500 繁體中文字
- 結構：H1 + Meta description + 開頭段 + H2 步驟 + 結尾 CTA
- categorySlug: start / build / sell / one-person-company

發布方式：
npm run publish-post -- content/posts/[slug].md

第三步：查 Memory，確認選題沒有重複

執行第一次 Lint：

請讀取 IDOL-Wiki.md，然後執行 Lint

Lint 產出 Memory/gap-analysis.md：

高優先空缺（有搜尋量，尚未發布）：
→ Claude Code 新手做第一個網頁（關鍵字：claude code 入門 新手）
→ Codex 入門第一步
→ Claude Code 做聊天機器人
→ 第一個付費客戶怎麼找

選擇第一個：「不會寫程式，用 Claude Code 30 分鐘做出第一個網頁」

第四步：執行 Publish

publish blog Claude Code 30分鐘做出第一個網頁

Claude Code 執行三讀：

  1. 讀 Wiki/：AI-MAN / 新手友善 / 口語短句 / 做出成果導向
  2. 讀 Channels/blog.md：1500–2500 字 / 步驟有編號 / 結尾 CTA
  3. 查 Memory/master-index.md：確認此主題尚未發布過 ✓

生成文章，寫入 content/posts/claude-code-first-webpage.md：

---
title: 不會寫程式，用 Claude Code 30 分鐘做出第一個網頁
slug: claude-code-first-webpage
excerpt: 沒有工程背景也能做到。這篇帶你從零開始，用 Claude Code
         做出一個真的可以給別人看的網頁。
contentType: blog
accessLevel: free
categorySlug: start
---

你下載了 Claude Code，打開來，看著空白的畫面，不知道要說什麼。

這很正常。大多數人第一次打開都是這個感覺。

[... 1916 字的完整文章 ...]

第五步：部署上線

cd /Users/ai-man/Sites/aicodingtw
npm run publish-post -- content/posts/claude-code-first-webpage.md

終端機輸出：

📝  準備上架：不會寫程式，用 Claude Code 30 分鐘做出第一個網頁
   slug: claude-code-first-webpage
   字數: 1916 字元
   類型: blog / free
   分類: start
   動作: 新建
   目標: https://aicoding.tw/blog/claude-code-first-webpage

✅  文章已上架！
🔗  https://aicoding.tw/blog/claude-code-first-webpage

第六步：Memory 自動更新

文章上架後，Claude Code 更新 Memory/master-index.md：

| 標題                                    | 平台 | 日期       | slug                       | 主題標籤              |
|----------------------------------------|------|------------|----------------------------|----------------------|
| 不會寫程式，用 Claude Code 30 分鐘做出... | blog | 2026-06-04 | claude-code-first-webpage  | claude-code, 入門, 開始 |

並在 Wiki/log.md 寫入：

[2026-06-04 15:00] Publish | 平台：blog | 標題：不會寫程式，用 Claude Code 30 分鐘做出第一個網頁 | slug：claude-code-first-webpage | 狀態：已部署

完整的資料夾結構（建立完成後）

IDOL-Wiki/
│
├── IDOL-Wiki.md                  ← 規格文件，讀它即能操作系統
│
├── Raw_Sources/
│   ├── aicodingtw-CLAUDE.md      ← Ingest 來源
│   ├── aicodingtw-AGENTS.md      ← Ingest 來源
│   └── aicodingtw-site-config.json
│
├── Wiki/
│   ├── index.md                  ← 條目目錄，last_updated: 2026-06-04
│   ├── log.md                    ← 操作日誌
│   ├── identity.md               ✓ 已填入
│   ├── voice.md                  ✓ 已填入
│   ├── story.md                  ✓ 已填入
│   ├── audience.md               ✓ 已填入
│   ├── products.md               ✓ 已填入
│   ├── beliefs.md                ✓ 已填入
│   └── content.md                ✓ 已填入
│
├── Channels/
│   ├── blog.md                   ✓ 已設定
│   ├── geo.md                    （待設定）
│   ├── lp.md                     （待設定）
│   ├── instagram.md              （待設定）
│   ├── linkedin.md               （待設定）
│   └── threads.md                （待設定）
│
├── Memory/
│   ├── master-index.md           ✓ 1 篇發布記錄
│   ├── topic-map.md              （待更新）
│   ├── gap-analysis.md           ✓ 6 個高優先空缺
│   └── refresh-queue.md          （空）
│
├── Schema/
│   └── CLAUDE.md                 ✓ 初始版本已生成
│
└── Publish/
    ├── Website/
    │   ├── blog.md               ✓ 部署流程：npm run publish-post
    │   ├── geo.md
    │   ├── lp.md
    │   └── about.md
    └── Social_Media/
        ├── instagram.md
        ├── linkedin.md
        └── threads.md

這個流程說明了什麼

整個過程，你做了幾件事：

1. 把 IDOL-Wiki.md 放進資料夾               ← 1 分鐘
2. 對 Claude Code 說「初始化」              ← 等待 3 分鐘
3. 把品牌文件放進 Raw_Sources，說「Ingest」 ← 等待 5 分鐘
4. 對 Claude Code 說「Lint」               ← 看 gap-analysis
5. 對 Claude Code 說「publish blog XX」    ← 等待 5 分鐘
6. 執行 npm run publish-post               ← 1 行指令

Claude Code 做了什麼：

→ 讀品牌文件，填入七個 Wiki 條目
→ 設定 Blog Channel 規則
→ 分析關鍵字空缺，生成 gap-analysis
→ 讀 Wiki + Channels + Memory，生成 1916 字的 SEO Blog
→ 確認主題未重複，符合語氣規則，符合平台格式
→ 部署到 aicoding.tw，更新 Memory

你沒有做什麼：

✗ 沒有手寫任何一段文章
✗ 沒有查過關鍵字工具
✗ 沒有想過文章結構
✗ 沒有擔心語氣對不對

這就是 IDOL Wiki 的意義。

不是讓 AI 隨便生成內容——是讓 AI 基於你真實的身份、語氣、立場和規則，產出真的像你的內容。

已發布文章： https://aicoding.tw/blog/claude-code-first-webpage

IDOL Wiki 狀態： 七個條目已填入 / Blog Channel 已設定 / Memory 初始化完成 距離「自動化發布就緒」里程碑：還需要設定 2 個 Channels（geo / lp）

CHAPTER COMPLETE Agent 原生網站：已建造 AIOPC 五大核心：已上線 Agent 知識庫（IDOL Wiki）：已建立 四大模組：已部署 下一關：CH.08 尋找盟友，越級打怪 _

草稿中 · Writing in Public