Get-Started-with-Web3/index.html at main · beihaili/Get-Started-with-Web3 · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
<!doctype html>
<html lang="zh-CN">
  <head>
    <meta charset="UTF-8" />
    <script>
      // Sync theme from localStorage before first paint to prevent FOUC
      try {
        const stored = JSON.parse(localStorage.getItem('web3-theme-store'));
        if (!stored || stored.state.theme === 'dark') {
          document.documentElement.classList.add('dark');
        }
      } catch (e) {
        document.documentElement.classList.add('dark');
      }
    </script>
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <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://bhbtc.xyz/" />

    <!-- 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://bhbtc.xyz/" />
    <meta property="og:site_name" content="Get Started With Web3" />
    <meta property="og:locale" content="zh_CN" />
    <meta property="og:image" content="https://bhbtc.xyz/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://bhbtc.xyz/logo.png"
    />

    <!-- Google Analytics 4 -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=G-91JXFFZKRV"></script>
    <script>
      window.dataLayer = window.dataLayer || [];
      function gtag() {
        dataLayer.push(arguments);
      }
      gtag('js', new Date());
      gtag('config', 'G-91JXFFZKRV', { send_page_view: false });
    </script>

    <!-- Cloudflare Web Analytics -->
    <script
      defer
      src="https://static.cloudflareinsights.com/beacon.min.js"
      data-cf-beacon='{"token": "e9421c23377646fd87f949f35958cbf6"}'
    ></script>

    <!-- Favicon -->
    <link rel="icon" type="image/svg+xml" href="/favicon.svg" />

    <!-- PWA相关 -->
    <link rel="manifest" href="/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="/logo.png" />
  </head>
  <body>
    <!-- SPA路由恢复脚本 -->
    <script>
      (function () {
        var redirect = sessionStorage.redirect;
        delete sessionStorage.redirect;
        if (redirect && redirect !== location.href) {
          history.replaceState(null, null, redirect);
        }
      })();
    </script>

    <div id="root"></div>
    <script type="module" src="/src/main.jsx"></script>
  </body>
</html>