cypherpunks-core.github.io/resources.html at master · cypherpunks-core/cypherpunks-core.github.io · 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
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
---
layout: default
title: 資源中心
subtitle: 所有學習資源的入口
permalink: /resources/
---

<div class="max-w-6xl mx-auto">
  <!-- Page Header -->
  <header class="mb-12 text-center">
    <h1 class="text-4xl md:text-5xl font-bold font-mono text-cp-green-500 mb-4">
      <span class="text-cp-dark-500">&gt;</span> 資源中心
    </h1>
    <p class="text-lg text-cp-dark-600 font-mono max-w-2xl mx-auto">
      精選的區塊鏈、比特幣、密碼學學習資源
    </p>
  </header>

  <!-- Core Technology Section -->
  <section class="mb-16">
    <h2 class="text-xl font-bold font-mono text-cp-green-500 mb-6 flex items-center gap-2">
      <span class="text-cp-dark-500">//</span> 核心技術
    </h2>
    <div class="grid md:grid-cols-3 gap-6">
      <!-- Bitcoin -->
      <a href="{{ '/markdown/resources/resources-bitcoin/' | relative_url }}" class="card p-6 group hover:border-bitcoin-orange/50 transition-all">
        <div class="w-14 h-14 bg-bitcoin-orange/10 rounded-lg flex items-center justify-center mb-4 group-hover:bg-bitcoin-orange/20 transition-colors">
          <span class="text-3xl text-bitcoin-orange">₿</span>
        </div>
        <h3 class="text-lg font-bold font-mono text-cp-dark-800 group-hover:text-cp-green-500 transition-colors mb-2">
          Bitcoin 比特幣
        </h3>
        <p class="text-cp-dark-600 text-sm">
          比特幣核心技術、協議、開發資源
        </p>
      </a>

      <!-- Lightning Network -->
      <a href="{{ '/markdown/resources/resources-ln/' | relative_url }}" class="card p-6 group hover:border-yellow-500/50 transition-all">
        <div class="w-14 h-14 bg-yellow-500/10 rounded-lg flex items-center justify-center mb-4 group-hover:bg-yellow-500/20 transition-colors">
          <span class="text-3xl">⚡</span>
        </div>
        <h3 class="text-lg font-bold font-mono text-cp-dark-800 group-hover:text-cp-green-500 transition-colors mb-2">
          Lightning Network
        </h3>
        <p class="text-cp-dark-600 text-sm">
          閃電網路技術、節點、錢包資源
        </p>
      </a>

      <!-- Taproot & Schnorr -->
      <a href="{{ '/markdown/resources/resources-schnorr-signature/' | relative_url }}" class="card p-6 group hover:border-cp-green-500/50 transition-all">
        <div class="w-14 h-14 bg-cp-green-500/10 rounded-lg flex items-center justify-center mb-4 group-hover:bg-cp-green-500/20 transition-colors">
          <span class="text-3xl font-mono text-cp-green-500">σ</span>
        </div>
        <h3 class="text-lg font-bold font-mono text-cp-dark-800 group-hover:text-cp-green-500 transition-colors mb-2">
          Taproot & Schnorr
        </h3>
        <p class="text-cp-dark-600 text-sm">
          Schnorr 簽名、Taproot、MuSig
        </p>
      </a>
    </div>
  </section>

  <!-- Advanced Topics Section -->
  <section class="mb-16">
    <h2 class="text-xl font-bold font-mono text-cp-green-500 mb-6 flex items-center gap-2">
      <span class="text-cp-dark-500">//</span> 進階主題
    </h2>
    <div class="grid md:grid-cols-3 gap-6">
      <!-- Layer 2 -->
      <a href="{{ '/markdown/resources/resources-bitcoin-layer2/' | relative_url }}" class="card p-6 group hover:border-purple-500/50 transition-all">
        <div class="w-14 h-14 bg-purple-500/10 rounded-lg flex items-center justify-center mb-4 group-hover:bg-purple-500/20 transition-colors">
          <span class="text-3xl">🔗</span>
        </div>
        <h3 class="text-lg font-bold font-mono text-cp-dark-800 group-hover:text-cp-green-500 transition-colors mb-2">
          Layer 2 技術
        </h3>
        <p class="text-cp-dark-600 text-sm">
          側鏈、狀態通道、Rollup 解決方案
        </p>
      </a>

      <!-- Privacy -->
      <a href="{{ '/markdown/resources/resources-blockchain-privacy/' | relative_url }}" class="card p-6 group hover:border-cp-green-500/50 transition-all">
        <div class="w-14 h-14 bg-cp-green-500/10 rounded-lg flex items-center justify-center mb-4 group-hover:bg-cp-green-500/20 transition-colors">
          <span class="text-3xl">🔒</span>
        </div>
        <h3 class="text-lg font-bold font-mono text-cp-dark-800 group-hover:text-cp-green-500 transition-colors mb-2">
          隱私技術
        </h3>
        <p class="text-cp-dark-600 text-sm">
          混幣、零知識證明、隱私協議
        </p>
      </a>

      <!-- Nostr -->
      <a href="{{ '/markdown/resources/resources-nostr/' | relative_url }}" class="card p-6 group hover:border-purple-400/50 transition-all">
        <div class="w-14 h-14 bg-purple-400/10 rounded-lg flex items-center justify-center mb-4 group-hover:bg-purple-400/20 transition-colors">
          <span class="text-3xl">🟣</span>
        </div>
        <h3 class="text-lg font-bold font-mono text-cp-dark-800 group-hover:text-cp-green-500 transition-colors mb-2">
          Nostr 協議
        </h3>
        <p class="text-cp-dark-600 text-sm">
          去中心化社交協議、客戶端、中繼器
        </p>
      </a>
    </div>
  </section>

  <!-- Developer Section -->
  <section class="mb-16">
    <h2 class="text-xl font-bold font-mono text-cp-green-500 mb-6 flex items-center gap-2">
      <span class="text-cp-dark-500">//</span> 開發者資源
    </h2>
    <div class="grid md:grid-cols-2 gap-6">
      <!-- Developer Tools -->
      <a href="{{ '/markdown/resources/resources-developer-tools/' | relative_url }}" class="card p-6 group hover:border-blue-500/50 transition-all">
        <div class="w-14 h-14 bg-blue-500/10 rounded-lg flex items-center justify-center mb-4 group-hover:bg-blue-500/20 transition-colors">
          <span class="text-3xl">🛠️</span>
        </div>
        <h3 class="text-lg font-bold font-mono text-cp-dark-800 group-hover:text-cp-green-500 transition-colors mb-2">
          開發者工具箱
        </h3>
        <p class="text-cp-dark-600 text-sm">
          開發框架、測試工具、API 資源
        </p>
      </a>

      <!-- Self Custody -->
      <a href="{{ '/markdown/resources/resources-self-custody/' | relative_url }}" class="card p-6 group hover:border-green-500/50 transition-all">
        <div class="w-14 h-14 bg-green-500/10 rounded-lg flex items-center justify-center mb-4 group-hover:bg-green-500/20 transition-colors">
          <span class="text-3xl">🔐</span>
        </div>
        <h3 class="text-lg font-bold font-mono text-cp-dark-800 group-hover:text-cp-green-500 transition-colors mb-2">
          自託管指南
        </h3>
        <p class="text-cp-dark-600 text-sm">
          硬體錢包、節點運營、安全實踐
        </p>
      </a>
    </div>
  </section>

  <!-- Quick Links -->
  <section class="card p-8 bg-cp-dark-100">
    <h2 class="text-xl font-bold font-mono text-cp-green-500 mb-6 flex items-center gap-2">
      <span class="text-cp-dark-500">//</span> 其他資源
    </h2>
    <div class="grid md:grid-cols-3 gap-4">
      <a href="{{ '/markdown/products/' | relative_url }}" class="flex items-center gap-3 p-4 bg-cp-dark-200 rounded-lg hover:bg-cp-dark-300 transition-colors group">
        <span class="text-2xl">📚</span>
        <div>
          <div class="font-mono text-cp-dark-800 group-hover:text-cp-green-500 transition-colors">書籍 & 論文</div>
          <div class="text-xs text-cp-dark-600">17+ 本精選書籍</div>
        </div>
      </a>
      <a href="{{ '/markdown/knowledge/glossary/' | relative_url }}" class="flex items-center gap-3 p-4 bg-cp-dark-200 rounded-lg hover:bg-cp-dark-300 transition-colors group">
        <span class="text-2xl">📖</span>
        <div>
          <div class="font-mono text-cp-dark-800 group-hover:text-cp-green-500 transition-colors">術語詞彙表</div>
          <div class="text-xs text-cp-dark-600">區塊鏈專業術語</div>
        </div>
      </a>
      <a href="{{ '/markdown/resources/resources-cypherpunk-history/' | relative_url }}" class="flex items-center gap-3 p-4 bg-cp-dark-200 rounded-lg hover:bg-cp-dark-300 transition-colors group">
        <span class="text-2xl">📜</span>
        <div>
          <div class="font-mono text-cp-dark-800 group-hover:text-cp-green-500 transition-colors">Cypherpunk 歷史</div>
          <div class="text-xs text-cp-dark-600">密碼龐克運動起源</div>
        </div>
      </a>
    </div>
  </section>
</div>