feat: add Module 6 "Web3 生态与实用工具" with 6 lessons and 18 quiz questions

beihaili · claude · beihaili · commit 99ef9966a296 · 2026-02-26T22:09:15.000+08:00
- Add Module 6 to courseData with 6 lessons: DeFi, Ethereum, Layer 2,
  新兴公链, AI+Web3, 实用工具 (sourced from zh/其它学习资源整理/)
- Add module-6 achievement badge (Epic rarity, 300 XP)
- Update sync-content.mjs to sync 其它学习资源整理 subdirectories
- Add 18 quiz questions (3 per lesson) to quizData
- Hide debug skip button in MultiQuiz behind import.meta.env.DEV
- Expand Fuse.js search to include moduleTitle
- Add Umami analytics placeholder to index.html

Co-Authored-By: Claude Opus 4.6 &lt;noreply@anthropic.com&gt;
diff --git a/index.html b/index.html
@@ -60,6 +60,9 @@
     }
     </script>
 
+    <!-- Analytics (Umami) - TODO: Replace data-website-id and src with your Umami instance -->
+    <script defer src="https://YOUR_UMAMI_INSTANCE/script.js" data-website-id="YOUR_WEBSITE_ID"></script>
+
     <!-- Favicon -->
     <link rel="icon" type="image/svg+xml" href="/Get-Started-with-Web3/favicon.svg">
 
diff --git a/scripts/sync-content.mjs b/scripts/sync-content.mjs
@@ -13,6 +13,12 @@ const SOURCE_FOLDERS = [
   'Web3QuickStart',
   'GetStartedWithBitcoin',
   'Web3Thoughts',
+  '其它学习资源整理/DeFi',
+  '其它学习资源整理/Etherum',
+  '其它学习资源整理/Layer2',
+  '其它学习资源整理/新兴公链生态',
+  '其它学习资源整理/AI_Web3',
+  '其它学习资源整理/实用工具',
 ];
 
 const ensureExists = async (dir) => {
diff --git a/src/components/SearchDialog.jsx b/src/components/SearchDialog.jsx
@@ -22,7 +22,7 @@ const SearchDialog = () => {
       }))
     );
     return new Fuse(items, {
-      keys: ['lessonTitle'],
+      keys: ['lessonTitle', 'moduleTitle'],
       threshold: 0.4,
       includeMatches: true,
     });
diff --git a/src/config/courseData.js b/src/config/courseData.js
@@ -1,4 +1,4 @@
-import { BookOpen, BrainCircuit, Shield, Globe, Cpu } from 'lucide-react';
+import { BookOpen, BrainCircuit, Shield, Globe, Cpu, Layers } from 'lucide-react';
 
 // GitHub 配置
 export const GITHUB_USERNAME = 'beihaili';
@@ -234,4 +234,48 @@ export const COURSE_DATA = [
       },
     ],
   },
+  {
+    id: 'module-6',
+    title: 'Web3 生态与实用工具',
+    icon: Layers,
+    color: 'from-teal-400 to-emerald-400',
+    lessons: [
+      {
+        id: '6-1',
+        title: 'DeFi 去中心化金融',
+        path: 'zh/其它学习资源整理/DeFi',
+        fallbackContent: FALLBACK,
+      },
+      {
+        id: '6-2',
+        title: '以太坊生态概览',
+        path: 'zh/其它学习资源整理/Etherum',
+        fallbackContent: FALLBACK,
+      },
+      {
+        id: '6-3',
+        title: 'Layer 2 扩容技术',
+        path: 'zh/其它学习资源整理/Layer2',
+        fallbackContent: FALLBACK,
+      },
+      {
+        id: '6-4',
+        title: '新兴公链生态 (Solana/Sui/Aptos)',
+        path: 'zh/其它学习资源整理/新兴公链生态',
+        fallbackContent: FALLBACK,
+      },
+      {
+        id: '6-5',
+        title: 'AI + Web3 融合',
+        path: 'zh/其它学习资源整理/AI_Web3',
+        fallbackContent: FALLBACK,
+      },
+      {
+        id: '6-6',
+        title: 'Web3 实用工具大全',
+        path: 'zh/其它学习资源整理/实用工具',
+        fallbackContent: FALLBACK,
+      },
+    ],
+  },
 ];
diff --git a/src/features/badges/badgeData.js b/src/features/badges/badgeData.js
@@ -1,4 +1,4 @@
-import { Rocket, Brain, Crown, Shield, Globe, Flame, Target, Calendar } from 'lucide-react';
+import { Rocket, Brain, Crown, Shield, Globe, Flame, Target, Calendar, Layers } from 'lucide-react';
 
 /**
  * EWP-721 (Education Web3 Protocol) - 学习徽章协议
@@ -106,6 +106,25 @@ export const ACHIEVEMENT_BADGES = {
       title: '👑 Web3 思想家',
       experience: 300,
       unlockedFeatures: ['AI 哲学对话模式', 'Web3 未来趋势预测'],
+      nextBadgeHint: '继续学习 Web3 生态与实用工具',
+    },
+  },
+  'module-6': {
+    id: 'web3-ecosystem-explorer',
+    name: 'Web3 Ecosystem Explorer',
+    title: 'Web3 生态探索者',
+    description: '掌握 DeFi、以太坊、新兴公链和 AI+Web3 等多元生态知识',
+    icon: Layers,
+    rarity: 'Epic',
+    color: 'from-teal-500 to-emerald-500',
+    glowColor: 'shadow-teal-500/50',
+    borderColor: 'border-teal-500',
+    bgColor: 'bg-teal-500/10',
+    requirement: '完成 Web3 生态与实用工具的所有 6 个课程',
+    rewards: {
+      title: '🌍 Web3 生态专家',
+      experience: 300,
+      unlockedFeatures: ['多链生态数据看板', 'DeFi 收益计算器'],
       nextBadgeHint: '恭喜完成所有模块！你已成为真正的 Web3 Builder',
     },
   },
diff --git a/src/features/quiz/MultiQuiz.jsx b/src/features/quiz/MultiQuiz.jsx
@@ -223,15 +223,17 @@ const MultiQuiz = ({ lessonId, onPass }) => {
                 >
                   🔄 重新挑战
                 </button>
-                <button
-                  onClick={() => {
-                    onPass();
-                    setQuizState('idle');
-                  }}
-                  className="bg-slate-600 hover:bg-slate-500 text-white py-3 px-6 rounded-lg transition-colors"
-                >
-                  跳过 (调试用)
-                </button>
+                {import.meta.env.DEV && (
+                  <button
+                    onClick={() => {
+                      onPass();
+                      setQuizState('idle');
+                    }}
+                    className="bg-slate-600 hover:bg-slate-500 text-white py-3 px-6 rounded-lg transition-colors"
+                  >
+                    跳过 (调试用)
+                  </button>
+                )}
               </div>
             </>
           )}
diff --git a/src/features/quiz/quizData.js b/src/features/quiz/quizData.js
@@ -1,6 +1,6 @@
 /**
  * 测验题库数据
- * 覆盖全部 30 课 × 3 题 = 90 题
+ * 覆盖全部 36 课 × 3 题 = 108 题
  */
 
 export const QUIZ_BANK = {
@@ -820,6 +820,162 @@ export const QUIZ_BANK = {
         '交易覆盖了 P2PK、P2PKH、P2SH、P2WPKH、P2WSH、P2TR 等几乎所有比特币脚本类型的演进。',
     },
   ],
+  '6-1': [
+    // DeFi 去中心化金融
+    {
+      question: 'DeFi 中，TVL (Total Value Locked) 代表什么含义？',
+      options: ['每日交易总量', '锁定在协议中的资产总价值', '年化收益率', '代币总供应量'],
+      correctAnswer: 1,
+      explanation:
+        'TVL (Total Value Locked) 即总锁定价值，是衡量 DeFi 协议中锁定资产总价值的重要指标，反映了用户对协议的信任度和规模。',
+    },
+    {
+      question: '以下哪个协议是以太坊流动性质押 (LSDFi) 领域 TVL 最高的？',
+      options: ['Rocket Pool', 'Frax Ether', 'Lido', 'Coinbase cbETH'],
+      correctAnswer: 2,
+      explanation:
+        'Lido 以超过 320 亿美元的 TVL 位居以太坊流动性质押龙头，远超第二名 Rocket Pool。',
+    },
+    {
+      question: 'RWA (现实世界资产) 代币化的市场规模预计到 2030 年将达到多少？',
+      options: ['1 万亿美元', '5 万亿美元', '16 万亿美元', '50 万亿美元'],
+      correctAnswer: 2,
+      explanation:
+        'RWA 代币化市场规模预计到 2030 年将达到 16 万亿美元，BlackRock BUIDL、Ondo Finance 等是核心项目。',
+    },
+  ],
+  '6-2': [
+    // 以太坊生态概览
+    {
+      question: '以太坊的 "The Merge"（合并）在何时完成？',
+      options: ['2020 年 12 月', '2021 年 6 月', '2022 年 9 月', '2023 年 3 月'],
+      correctAnswer: 2,
+      explanation:
+        '以太坊的 The Merge 于 2022 年 9 月完成，主网从工作量证明 (PoW) 转变为权益证明 (PoS)，能耗降低了 99.95%。',
+    },
+    {
+      question: '要成为以太坊 PoS 验证者，最低需要质押多少 ETH？',
+      options: ['1 ETH', '16 ETH', '32 ETH', '64 ETH'],
+      correctAnswer: 2,
+      explanation: '以太坊权益证明 (PoS) 机制要求验证者至少质押 32 个 ETH 才能参与网络验证。',
+    },
+    {
+      question: '以太坊中外部账户 (EOA) 的特点是什么？',
+      options: [
+        '由智能合约代码控制',
+        '包含合约代码',
+        '只能被动响应调用',
+        '由私钥控制，可以主动发起交易',
+      ],
+      correctAnswer: 3,
+      explanation:
+        '外部账户 (EOA) 由私钥控制，可以主动发起交易。而合约账户由智能合约代码控制，只能被动响应调用。',
+    },
+  ],
+  '6-3': [
+    // Layer 2 扩容技术
+    {
+      question: 'Optimistic Rollups 的提款周期通常需要多长时间？',
+      options: ['1 小时', '1 天', '7 天', '30 天'],
+      correctAnswer: 2,
+      explanation:
+        'Optimistic Rollups 假设所有交易都是有效的，只在被质疑时才进行验证，因此提款需等待 7 天的挑战期。',
+    },
+    {
+      question: '截至 2025 年 1 月，哪个 Layer 2 项目的 TVL 最高？',
+      options: ['Optimism', 'Base', 'Arbitrum', 'zkSync Era'],
+      correctAnswer: 2,
+      explanation:
+        '截至 2025 年 1 月，Arbitrum 以 150 亿美元的 TVL 排名第一，占 Layer 2 市场份额的 43.2%。',
+    },
+    {
+      question: '以太坊主网 (Layer 1) 的 TPS 大约是多少？',
+      options: ['约 15 TPS', '约 100 TPS', '约 1,000 TPS', '约 10,000 TPS'],
+      correctAnswer: 0,
+      explanation:
+        '以太坊主网的 TPS 约为 15，远低于 Layer 2 的 2,000-10,000+ TPS，这正是 Layer 2 扩容方案存在的根本原因。',
+    },
+  ],
+  '6-4': [
+    // 新兴公链生态
+    {
+      question: 'Solana 区块链使用的独创性共识机制核心技术是什么？',
+      options: ['权益证明 (PoS)', '历史证明 (PoH)', '委托权益证明 (DPoS)', '工作量证明 (PoW)'],
+      correctAnswer: 1,
+      explanation:
+        'Solana 的核心创新是历史证明 (Proof of History, PoH)，通过创建历史记录证明来为交易排序，配合 PoS 共识实现 65,000+ 的高 TPS。',
+    },
+    {
+      question: 'Aptos 和 Sui 都使用哪种编程语言进行智能合约开发？',
+      options: ['Solidity', 'Rust', 'Move', 'Go'],
+      correctAnswer: 2,
+      explanation:
+        'Aptos 和 Sui 都使用 Move 语言，以资源导向编程为特色，编译时保证资源不能被复制或丢弃，安全性更高。',
+    },
+    {
+      question: '在新兴公链的 TPS 性能对比中，以下哪个公链的理论 TPS 最高？',
+      options: ['Solana (65,000+)', 'Aptos (160,000+)', 'Sui (297,000+)', 'Cosmos (10,000+)'],
+      correctAnswer: 2,
+      explanation:
+        'Sui 凭借 Narwhal & Bullshark 共识算法达到了 297,000+ 的 TPS，高于 Aptos 和 Solana。',
+    },
+  ],
+  '6-5': [
+    // AI + Web3 融合
+    {
+      question: 'zkML (零知识机器学习) 的核心优势是什么？',
+      options: [
+        '加速 AI 模型训练速度',
+        '在不暴露模型参数或训练数据的情况下证明 AI 模型的正确执行',
+        '降低 AI 模型的存储成本',
+        '提高 AI 模型的准确率',
+      ],
+      correctAnswer: 1,
+      explanation:
+        'zkML 结合零知识证明和机器学习，在不暴露模型参数或训练数据的情况下，通过数学保证证明 AI 模型的正确执行。',
+    },
+    {
+      question: '根据 Vitalik Buterin 的框架，AI 在加密领域有几种角色？',
+      options: ['两种', '三种', '四种', '五种'],
+      correctAnswer: 2,
+      explanation: '根据 Vitalik 的框架，AI 在 Crypto 中有四种角色：参与者、接口、规则和目标。',
+    },
+    {
+      question: '去中心化 AI 基础设施项目 Render Network (RNDR) 主要提供什么服务？',
+      options: ['去中心化数据存储', 'GPU 渲染和 AI 训练', '跨链通信协议', '隐私信用评估'],
+      correctAnswer: 1,
+      explanation:
+        'Render Network 是去中心化 GPU 渲染网络，主要应用于 3D 渲染和 AI 模型训练，是去中心化计算基础设施的代表。',
+    },
+  ],
+  '6-6': [
+    // Web3 实用工具大全
+    {
+      question: 'Slither 是由哪个安全团队开发的智能合约静态分析工具？',
+      options: ['OpenZeppelin', 'Certora', 'Trail of Bits', 'ConsenSys Diligence'],
+      correctAnswer: 2,
+      explanation:
+        'Slither 是由 Trail of Bits 团队用 Python 开发的静态分析工具，能够检测 90+ 种漏洞类型。',
+    },
+    {
+      question: '1inch DEX 聚合器支持多少条链和多少个 DEX？',
+      options: [
+        '5+ 条链，50+ DEX',
+        '12+ 条链，200+ DEX',
+        '20+ 条链，500+ DEX',
+        '8+ 条链，100+ DEX',
+      ],
+      correctAnswer: 1,
+      explanation: '1inch 支持 12+ 条区块链和 200+ 个 DEX，通过智能路由为用户寻找最优交易价格。',
+    },
+    {
+      question: 'Foundry 开发工具链是用什么编程语言编写的？',
+      options: ['JavaScript', 'Python', 'Rust', 'Go'],
+      correctAnswer: 2,
+      explanation:
+        'Foundry 是用 Rust 编写的现代化 Solidity 开发工具链，具有极速编译、内置模糊测试等特点。',
+    },
+  ],
   // 默认通用题目
   default: [
     {

Original file line number	Diff line number	Diff line change
`@@ -60,6 +60,9 @@`
`60`	`60`	`}`
`61`	`61`	`</script>`
`62`	`62`
	`63`	`+ <!-- Analytics (Umami) - TODO: Replace data-website-id and src with your Umami instance -->`
	`64`	`+ <script defer src="https://YOUR_UMAMI_INSTANCE/script.js" data-website-id="YOUR_WEBSITE_ID"></script>`
	`65`	`+`
`63`	`66`	`<!-- Favicon -->`
`64`	`67`	`<link rel="icon" type="image/svg+xml" href="/Get-Started-with-Web3/favicon.svg">`
`65`	`68`