<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Get Started with Web3 - 从入门到精通</title><title>Web3 Starter - 从入门到精通</title>

<!-- SEO基础标签 -->
<meta name="description" content="Web3和区块链入门教程平台，提供Web3快速入门、比特币技术深度解析等优质内容。21讲比特币技术+6讲Web3入门，系统化学习路径，游戏化学习体验。">
<meta name="keywords" content="Web3, 区块链, 比特币, 教程, 入门, blockchain, bitcoin, tutorial, 加密货币, cryptocurrency, 以太坊, ethereum">
<meta name="author" content="Bei Hai">
<link rel="canonical" href="https://beihaili.github.io/Get-Started-with-Web3/">

<!-- Open Graph (社交分享) -->
<meta property="og:title" content="Get Started With Web3 - Web3区块链入门教程">
<meta property="og:description" content="开源Web3教育平台，系统化学习Web3和比特币技术。包含21讲比特币技术课程和6讲Web3快速入门。">
<meta property="og:type" content="website">
<meta property="og:url" content="https://beihaili.github.io/Get-Started-with-Web3/">
<meta property="og:site_name" content="Get Started With Web3">
<meta property="og:locale" content="zh_CN">
<meta property="og:image" content="https://beihaili.github.io/Get-Started-with-Web3/logo.png">
<meta property="og:image:width" content="512">
<meta property="og:image:height" content="512">

<!-- Twitter Card -->
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:site" content="@bhbtc1337">
<meta name="twitter:title" content="Get Started With Web3 - Web3区块链入门教程">
<meta name="twitter:description" content="开源Web3教育平台，系统化学习Web3和比特币技术">
<meta name="twitter:image" content="https://beihaili.github.io/Get-Started-with-Web3/logo.png">

<!-- JSON-LD 结构化数据 -->
<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "Course",
  "name": "Get Started With Web3",
  "description": "开源Web3教育平台，系统化学习Web3和比特币技术。包含21讲比特币技术课程和6讲Web3快速入门。",
  "provider": {
    "@type": "Organization",
    "name": "Get Started With Web3",
    "url": "https://beihaili.github.io/Get-Started-with-Web3/"
  },
  "inLanguage": "zh-CN",
  "isAccessibleForFree": true,
  "url": "https://beihaili.github.io/Get-Started-with-Web3/",
  "image": "https://beihaili.github.io/Get-Started-with-Web3/logo.png",
  "hasCourseInstance": [
    {
      "@type": "CourseInstance",
      "name": "Web3 快速入门",
      "courseMode": "online"
    },
    {
      "@type": "CourseInstance",
      "name": "比特币技术深度解析",
      "courseMode": "online"
    }
  ]
}
</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">

<!-- PWA相关 -->
<link rel="manifest" href="/Get-Started-with-Web3/manifest.json">
<meta name="theme-color" content="#0f172a">
<meta name="mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
<link rel="apple-touch-icon" href="/Get-Started-with-Web3/logo.png">
<script type="module" crossorigin="" src="/Get-Started-with-Web3/assets/index-80535c00.js"></script>
<link rel="modulepreload" crossorigin="" href="/Get-Started-with-Web3/assets/markdown-423020bc.js">
<link rel="modulepreload" crossorigin="" href="/Get-Started-with-Web3/assets/react-vendor-27695bbf.js">
<link rel="modulepreload" crossorigin="" href="/Get-Started-with-Web3/assets/ui-cdaf153a.js">
<link rel="modulepreload" crossorigin="" href="/Get-Started-with-Web3/assets/store-c89224d1.js">
<link rel="stylesheet" href="/Get-Started-with-Web3/assets/index-5edec340.css">

<div id="root"><div class="app"><div class="min-h-screen bg-gradient-to-br from-slate-950 via-slate-900 to-slate-950 relative overflow-hidden"><div class="fixed inset-0 z-0 pointer-events-none opacity-[0.03]" style="background-image: linear-gradient(rgb(6, 182, 212) 1px, transparent 1px), linear-gradient(90deg, rgb(6, 182, 212) 1px, transparent 1px); background-size: 40px 40px;"></div><canvas class="fixed top-0 left-0 w-full h-full pointer-events-none z-0" width="1280" height="720"></canvas><div class="pointer-events-none fixed inset-0 z-10 transition-opacity duration-300" style="background: radial-gradient(600px at 0px 0px, rgba(29, 78, 216, 0.1), transparent 40%);"></div><main class="container mx-auto px-4 py-16 relative z-10"><div class="text-center mb-16"><div class="inline-block mb-6 px-4 py-1.5 bg-cyan-500/10 border border-cyan-500/20 rounded-full"><span class="text-cyan-400 text-sm font-medium">37 讲系统化教程 · 开源免费</span></div><h1 class="text-4xl sm:text-5xl md:text-7xl font-black mb-6 bg-gradient-to-r from-cyan-400 via-blue-500 to-purple-600 bg-clip-text text-transparent leading-tight">Get Started<br>with Web3</h1><p class="text-xl text-slate-300 max-w-2xl mx-auto mb-8">中文世界最系统的比特币与 Web3 学习平台。从零基础到深入原理，一站式掌握区块链核心技术。</p><div class="flex flex-wrap gap-4 justify-center"><a class="px-8 py-3 bg-gradient-to-r from-cyan-600 to-blue-600 hover:from-cyan-500 hover:to-blue-500 text-white font-bold rounded-full transition-all hover:scale-105 shadow-lg shadow-cyan-500/20" href="/Get-Started-with-Web3/dashboard">开始学习</a><a href="https://github.com/beihaili/Get-Started-with-Web3" target="_blank" rel="noopener noreferrer" class="px-8 py-3 bg-slate-800 hover:bg-slate-700 text-white font-bold rounded-full transition-all hover:scale-105 border border-slate-700 flex items-center gap-2"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-git-branch w-4 h-4" aria-hidden="true"><line x1="6" x2="6" y1="3" y2="15"></line><circle cx="18" cy="6" r="3"></circle><circle cx="6" cy="18" r="3"></circle><path d="M18 9a9 9 0 0 1-9 9"></path></svg>GitHub</a></div></div><div class="max-w-3xl mx-auto mb-16"><div class="grid grid-cols-1 sm:grid-cols-3 gap-4 p-6 bg-slate-900/60 backdrop-blur-md border border-slate-700/50 rounded-2xl"><div class="text-center"><div class="text-3xl font-bold text-cyan-400">6</div><div class="text-sm text-slate-400">课程模块</div></div><div class="text-center border-x border-slate-700"><div class="text-3xl font-bold text-blue-400">37</div><div class="text-sm text-slate-400">总课程数</div></div><div class="text-center"><div class="text-3xl font-bold text-purple-400">5</div><div class="text-sm text-slate-400">技术架构层</div></div></div></div><div class="grid md:grid-cols-3 gap-6 max-w-4xl mx-auto mb-16"><a class="group p-6 bg-slate-900/60 backdrop-blur-md border border-slate-700/50 rounded-xl hover:border-cyan-500/40 transition-all hover:scale-105" href="/Get-Started-with-Web3/dashboard"><div class="flex flex-col items-center text-center"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-rocket w-12 h-12 text-cyan-400 mb-4 group-hover:animate-bounce" aria-hidden="true"><path d="M4.5 16.5c-1.5 1.26-2 5-2 5s3.74-.5 5-2c.71-.84.7-2.13-.09-2.91a2.18 2.18 0 0 0-2.91-.09z"></path><path d="m12 15-3-3a22 22 0 0 1 2-3.95A12.88 12.88 0 0 1 22 2c0 2.72-.78 7.5-6 11a22.35 22.35 0 0 1-4 2z"></path><path d="M9 12H4s.55-3.03 2-4c1.62-1.08 5 0 5 0"></path><path d="M12 15v5s3.03-.55 4-2c1.08-1.62 0-5 0-5"></path></svg><h3 class="text-xl font-bold text-white mb-2">开始学习</h3><p class="text-slate-400">探索 Web3 和比特币课程</p></div></a><a class="group p-6 bg-slate-900/60 backdrop-blur-md border border-slate-700/50 rounded-xl hover:border-purple-500/40 transition-all hover:scale-105" href="/Get-Started-with-Web3/badges"><div class="flex flex-col items-center text-center"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-award w-12 h-12 text-purple-400 mb-4 group-hover:animate-pulse" aria-hidden="true"><path d="m15.477 12.89 1.515 8.526a.5.5 0 0 1-.81.47l-3.58-2.687a1 1 0 0 0-1.197 0l-3.586 2.686a.5.5 0 0 1-.81-.469l1.514-8.526"></path><circle cx="12" cy="8" r="6"></circle></svg><h3 class="text-xl font-bold text-white mb-2">我的徽章</h3><p class="text-slate-400">查看学习成就</p></div></a><a href="https://github.com/beihaili/Get-Started-with-Web3" target="_blank" rel="noopener noreferrer" class="group p-6 bg-slate-900/60 backdrop-blur-md border border-slate-700/50 rounded-xl hover:border-blue-500/40 transition-all hover:scale-105"><div class="flex flex-col items-center text-center"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-book-open w-12 h-12 text-blue-400 mb-4" aria-hidden="true"><path d="M12 7v14"></path><path d="M3 18a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h5a4 4 0 0 1 4 4 4 4 0 0 1 4-4h5a1 1 0 0 1 1 1v13a1 1 0 0 1-1 1h-6a3 3 0 0 0-3 3 3 3 0 0 0-3-3z"></path></svg><h3 class="text-xl font-bold text-white mb-2">GitHub</h3><p class="text-slate-400">查看源代码与贡献</p></div></a></div><div class="max-w-4xl mx-auto mb-16"><h2 class="text-2xl font-bold text-white text-center mb-8">互动体验</h2><div class="grid md:grid-cols-2 gap-6"><div class="bg-slate-900/60 backdrop-blur-md border border-slate-700/50 shadow-xl transition-all duration-500 hover:scale-105 hover:bg-slate-800/80 hover:border-cyan-500/40 hover:shadow-[0_0_30px_rgba(6,182,212,0.2)] hover:shadow-cyan-500/10 p-6 rounded-2xl"><div class="flex items-center justify-between mb-4"><h3 class="font-bold text-white flex items-center gap-2"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-hash w-4 h-4 text-purple-400" aria-hidden="true"><line x1="4" x2="20" y1="9" y2="9"></line><line x1="4" x2="20" y1="15" y2="15"></line><line x1="10" x2="8" y1="3" y2="21"></line><line x1="16" x2="14" y1="3" y2="21"></line></svg> 哈希可视化</h3><span class="text-xs font-mono text-slate-500 border border-slate-700 px-2 rounded">Immutable</span></div><div class="space-y-3"><input class="w-full bg-slate-950 border border-slate-800 text-slate-300 text-sm rounded px-3 py-2 focus:outline-none focus:border-purple-500 transition-colors focus:shadow-[0_0_15px_rgba(168,85,247,0.5)]" placeholder="Input data..." type="text" value="Web3"><div class="w-full bg-black border border-slate-800 text-green-400 font-mono text-xs p-3 rounded break-all shadow-inner h-12 flex items-center transition-all duration-300 hover:border-green-500/50">0xa45c25d04f2a9a45c25d04f2a9a45c25...</div></div><p class="text-xs text-slate-400 mt-4">区块链不可篡改的基石。修改任意一个字符，哈希指纹都会完全改变（雪崩效应）。</p></div><div class="bg-slate-900/60 backdrop-blur-md border border-slate-700/50 shadow-xl transition-all duration-500 hover:scale-105 hover:bg-slate-800/80 hover:border-cyan-500/40 hover:shadow-[0_0_30px_rgba(6,182,212,0.2)] hover:shadow-cyan-500/10 p-6 rounded-2xl relative overflow-hidden group"><div class="flex items-center justify-between mb-4"><h3 class="font-bold text-white flex items-center gap-2"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-wallet w-4 h-4 text-cyan-400" aria-hidden="true"><path d="M19 7V4a1 1 0 0 0-1-1H5a2 2 0 0 0 0 4h15a1 1 0 0 1 1 1v4h-3a2 2 0 0 0 0 4h3a1 1 0 0 0 1-1v-2a1 1 0 0 0-1-1"></path><path d="M3 5v14a2 2 0 0 0 2 2h15a1 1 0 0 0 1-1v-4"></path></svg> 钱包模拟器</h3><span class="text-xs font-mono text-slate-500 border border-slate-700 px-2 rounded">Interactive</span></div><div class="bg-slate-950 border border-slate-800 rounded-xl p-4 h-32 flex flex-col justify-center items-center relative"><button class="bg-orange-600 hover:bg-orange-500 text-white px-4 py-2 rounded-lg text-sm font-bold flex items-center gap-2 transition-all hover:scale-105 hover:shadow-lg shadow-orange-500/20"><img class="w-5 h-5" alt="MetaMask" src="https://upload.wikimedia.org/wikipedia/commons/3/36/MetaMask_Fox.svg">Connect</button></div><p class="text-xs text-slate-400 mt-4">体验 DApp 如何请求用户授权。你的私钥永远不会离开你的设备。</p></div></div></div><div class="max-w-4xl mx-auto mb-16"><h2 class="text-2xl font-bold text-white text-center mb-8">学习路径</h2><div class="space-y-3"><a class="flex items-center gap-4 p-4 bg-slate-900/60 backdrop-blur-md border border-slate-700/50 rounded-xl hover:border-cyan-500/30 transition-all group" href="/Get-Started-with-Web3/dashboard"><div class="w-10 h-10 rounded-full bg-gradient-to-br from-blue-400 to-cyan-400 flex items-center justify-center shrink-0"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-book-open w-5 h-5 text-white" aria-hidden="true"><path d="M12 7v14"></path><path d="M3 18a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h5a4 4 0 0 1 4 4 4 4 0 0 1 4-4h5a1 1 0 0 1 1 1v13a1 1 0 0 1-1 1h-6a3 3 0 0 0-3 3 3 3 0 0 0-3-3z"></path></svg></div><div class="flex-1 min-w-0"><h3 class="text-white font-bold truncate">Web3 快速入门</h3><p class="text-slate-400 text-sm">7 讲</p></div><span class="text-slate-500 group-hover:text-cyan-400 transition-colors text-sm">新手推荐 →</span></a><a class="flex items-center gap-4 p-4 bg-slate-900/60 backdrop-blur-md border border-slate-700/50 rounded-xl hover:border-cyan-500/30 transition-all group" href="/Get-Started-with-Web3/dashboard"><div class="w-10 h-10 rounded-full bg-gradient-to-br from-orange-400 to-yellow-400 flex items-center justify-center shrink-0"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-shield w-5 h-5 text-white" aria-hidden="true"><path d="M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z"></path></svg></div><div class="flex-1 min-w-0"><h3 class="text-white font-bold truncate">比特币技术 — 密码学与数据层</h3><p class="text-slate-400 text-sm">8 讲</p></div><span class="text-slate-500 group-hover:text-cyan-400 transition-colors text-sm">第 2 阶段 →</span></a><a class="flex items-center gap-4 p-4 bg-slate-900/60 backdrop-blur-md border border-slate-700/50 rounded-xl hover:border-cyan-500/30 transition-all group" href="/Get-Started-with-Web3/dashboard"><div class="w-10 h-10 rounded-full bg-gradient-to-br from-green-400 to-emerald-400 flex items-center justify-center shrink-0"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-globe w-5 h-5 text-white" aria-hidden="true"><circle cx="12" cy="12" r="10"></circle><path d="M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20"></path><path d="M2 12h20"></path></svg></div><div class="flex-1 min-w-0"><h3 class="text-white font-bold truncate">比特币技术 — 网络与共识层</h3><p class="text-slate-400 text-sm">6 讲</p></div><span class="text-slate-500 group-hover:text-cyan-400 transition-colors text-sm">第 3 阶段 →</span></a><a class="flex items-center gap-4 p-4 bg-slate-900/60 backdrop-blur-md border border-slate-700/50 rounded-xl hover:border-cyan-500/30 transition-all group" href="/Get-Started-with-Web3/dashboard"><div class="w-10 h-10 rounded-full bg-gradient-to-br from-purple-400 to-pink-400 flex items-center justify-center shrink-0"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-cpu w-5 h-5 text-white" aria-hidden="true"><path d="M12 20v2"></path><path d="M12 2v2"></path><path d="M17 20v2"></path><path d="M17 2v2"></path><path d="M2 12h2"></path><path d="M2 17h2"></path><path d="M2 7h2"></path><path d="M20 12h2"></path><path d="M20 17h2"></path><path d="M20 7h2"></path><path d="M7 20v2"></path><path d="M7 2v2"></path><rect x="4" y="4" width="16" height="16" rx="2"></rect><rect x="8" y="8" width="8" height="8" rx="1"></rect></svg></div><div class="flex-1 min-w-0"><h3 class="text-white font-bold truncate">比特币技术 — 应用层</h3><p class="text-slate-400 text-sm">7 讲</p></div><span class="text-slate-500 group-hover:text-cyan-400 transition-colors text-sm">第 4 阶段 →</span></a><a class="flex items-center gap-4 p-4 bg-slate-900/60 backdrop-blur-md border border-slate-700/50 rounded-xl hover:border-cyan-500/30 transition-all group" href="/Get-Started-with-Web3/dashboard"><div class="w-10 h-10 rounded-full bg-gradient-to-br from-indigo-400 to-purple-400 flex items-center justify-center shrink-0"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-brain-circuit w-5 h-5 text-white" aria-hidden="true"><path d="M12 5a3 3 0 1 0-5.997.125 4 4 0 0 0-2.526 5.77 4 4 0 0 0 .556 6.588A4 4 0 1 0 12 18Z"></path><path d="M9 13a4.5 4.5 0 0 0 3-4"></path><path d="M6.003 5.125A3 3 0 0 0 6.401 6.5"></path><path d="M3.477 10.896a4 4 0 0 1 .585-.396"></path><path d="M6 18a4 4 0 0 1-1.967-.516"></path><path d="M12 13h4"></path><path d="M12 18h6a2 2 0 0 1 2 2v1"></path><path d="M12 8h8"></path><path d="M16 8V5a2 2 0 0 1 2-2"></path><circle cx="16" cy="13" r=".5"></circle><circle cx="18" cy="3" r=".5"></circle><circle cx="20" cy="21" r=".5"></circle><circle cx="20" cy="8" r=".5"></circle></svg></div><div class="flex-1 min-w-0"><h3 class="text-white font-bold truncate">Web3 深度思考</h3><p class="text-slate-400 text-sm">3 讲</p></div><span class="text-slate-500 group-hover:text-cyan-400 transition-colors text-sm">第 5 阶段 →</span></a><a class="flex items-center gap-4 p-4 bg-slate-900/60 backdrop-blur-md border border-slate-700/50 rounded-xl hover:border-cyan-500/30 transition-all group" href="/Get-Started-with-Web3/dashboard"><div class="w-10 h-10 rounded-full bg-gradient-to-br from-teal-400 to-emerald-400 flex items-center justify-center shrink-0"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-layers w-5 h-5 text-white" aria-hidden="true"><path d="M12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83z"></path><path d="M2 12a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 12"></path><path d="M2 17a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 17"></path></svg></div><div class="flex-1 min-w-0"><h3 class="text-white font-bold truncate">Web3 生态与实用工具</h3><p class="text-slate-400 text-sm">6 讲</p></div><span class="text-slate-500 group-hover:text-cyan-400 transition-colors text-sm">第 6 阶段 →</span></a></div></div><div class="max-w-3xl mx-auto mb-16 text-center"><h2 class="text-2xl font-bold text-white mb-6">加入社区</h2><div class="flex flex-wrap gap-4 justify-center"><a href="https://twitter.com/bhbtc1337" target="_blank" rel="noopener noreferrer" class="flex items-center gap-2 px-5 py-2.5 bg-slate-800 hover:bg-slate-700 border border-slate-700 rounded-full text-white text-sm transition-all hover:scale-105"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-users w-4 h-4 text-cyan-400" aria-hidden="true"><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"></path><path d="M16 3.128a4 4 0 0 1 0 7.744"></path><path d="M22 21v-2a4 4 0 0 0-3-3.87"></path><circle cx="9" cy="7" r="4"></circle></svg>Twitter @bhbtc1337</a><a href="https://github.com/beihaili/Get-Started-with-Web3" target="_blank" rel="noopener noreferrer" class="flex items-center gap-2 px-5 py-2.5 bg-slate-800 hover:bg-slate-700 border border-slate-700 rounded-full text-white text-sm transition-all hover:scale-105"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star w-4 h-4 text-yellow-400" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg>Star on GitHub</a></div></div><footer class="text-center text-slate-500 text-sm border-t border-slate-800 pt-8"><p>MIT License | 开源 Web3 教育平台</p></footer></main></div></div></div>

以太坊生态概览

闯关测验