Skip to content

Commit c93a722

Browse files
awesome-dogeawesome-doge
committed
重整網站導航系統 V2.2
- 導航結構精簡為 5 個主項目：Blog、資源中心、書籍、知識庫、社群 - 資源中心下拉選單使用分組標題（核心技術/進階主題/開發者） - 新增資源索引頁 /resources/ - Header 支援 section 分組和外部連結圖標 - Footer 新增資源欄位 - 移除關於頁面的團隊成員部分
1 parent f1ea87c commit c93a722

File tree

4 files changed

+269
-30
lines changed

4 files changed

+269
-30
lines changed

‎_data/navigation.yml‎

Lines changed: 27 additions & 21 deletions
Original file line numberDiff line numberDiff line change
@@ -1,51 +1,57 @@
1-
# V2.1 簡化導航 - 2025年更新
2-
# 完整的資源頁面導航，包含所有新增內容
1+
# V2.2 導航優化版 - 精簡分組設計
2+
# 使用 section 屬性實現視覺分組
33

44
- name: 'Blog'
55
link: /blog/
66

7-
- name: '學習資源'
8-
link: /#
7+
- name: '資源中心'
8+
link: /resources/
99
dropdown:
10+
- name: '核心技術'
11+
section: true
1012
- name: Bitcoin 比特幣
1113
link: /markdown/resources/resources-bitcoin/
12-
- name: Lightning Network 閃電網路
14+
- name: Lightning Network
1315
link: /markdown/resources/resources-ln/
14-
- name: Bitcoin Layer 2
15-
link: /markdown/resources/resources-bitcoin-layer2/
16-
- name: Schnorr & Taproot
16+
- name: Taproot & Schnorr
1717
link: /markdown/resources/resources-schnorr-signature/
18+
- name: '進階主題'
19+
section: true
20+
- name: Layer 2 技術
21+
link: /markdown/resources/resources-bitcoin-layer2/
1822
- name: 隱私技術
1923
link: /markdown/resources/resources-blockchain-privacy/
2024
- name: Nostr 協議
2125
link: /markdown/resources/resources-nostr/
22-
- name: 自託管工具
23-
link: /markdown/resources/resources-self-custody/
26+
- name: '開發者'
27+
section: true
2428
- name: 開發者工具箱
2529
link: /markdown/resources/resources-developer-tools/
26-
- name: 書籍 & 論文
27-
link: /markdown/products/
30+
- name: 自託管指南
31+
link: /markdown/resources/resources-self-custody/
32+
33+
- name: '書籍'
34+
link: /markdown/products/
2835

2936
- name: '知識庫'
30-
link: /#
37+
link: /markdown/knowledge/glossary/
3138
dropdown:
3239
- name: 術語詞彙表
3340
link: /markdown/knowledge/glossary/
34-
- name: 密碼龐克歷史
41+
- name: Cypherpunk 歷史
3542
link: /markdown/resources/resources-cypherpunk-history/
36-
- name: Bitcoin 知識庫
43+
- name: Bitcoin 百科
3744
link: /markdown/knowledge/knowledge-bitcoin/
38-
- name: Ethereum 知識庫
45+
- name: Ethereum 百科
3946
link: /markdown/knowledge/knowledge-ethereum/
4047

41-
- name: '專案'
42-
link: /#
48+
- name: '社群'
49+
link: /markdown/about/
4350
dropdown:
51+
- name: 關於我們
52+
link: /markdown/about/
4453
- name: 衛星計畫
4554
link: /markdown/SatelliteProject/
4655
- name: GitHub
4756
link: https://github.com/cypherpunks-core
4857
external: true
49-
50-
- name: '關於'
51-
link: /markdown/about/

‎_includes/footer.html‎

Lines changed: 31 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@
33
<div class="container mx-auto px-4 py-12 max-w-7xl">
44

55
<!-- Main Footer Content -->
6-
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-5 gap-8 mb-8">
6+
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-6 gap-8 mb-8">
77

88
<!-- About -->
99
<div class="lg:col-span-2">
@@ -52,7 +52,36 @@ <h4 class="text-cp-green-500 font-mono font-bold mb-4 text-sm uppercase tracking
5252
</ul>
5353
</div>
5454

55-
<!-- Explore (從頂部導航移至此處) -->
55+
<!-- Resources -->
56+
<div>
57+
<h4 class="text-cp-green-500 font-mono font-bold mb-4 text-sm uppercase tracking-wider">
58+
<span class="text-cp-dark-600">//</span> 資源
59+
</h4>
60+
<ul class="space-y-2">
61+
<li>
62+
<a href="{{ '/resources/' | relative_url }}" class="text-cp-dark-700 hover:text-cp-green-500 text-sm font-mono transition-colors">
63+
> 資源中心
64+
</a>
65+
</li>
66+
<li>
67+
<a href="{{ '/markdown/resources/resources-bitcoin/' | relative_url }}" class="text-cp-dark-700 hover:text-cp-green-500 text-sm font-mono transition-colors">
68+
> Bitcoin
69+
</a>
70+
</li>
71+
<li>
72+
<a href="{{ '/markdown/resources/resources-ln/' | relative_url }}" class="text-cp-dark-700 hover:text-cp-green-500 text-sm font-mono transition-colors">
73+
> Lightning
74+
</a>
75+
</li>
76+
<li>
77+
<a href="{{ '/markdown/knowledge/glossary/' | relative_url }}" class="text-cp-dark-700 hover:text-cp-green-500 text-sm font-mono transition-colors">
78+
> 詞彙表
79+
</a>
80+
</li>
81+
</ul>
82+
</div>
83+
84+
<!-- Explore -->
5685
<div>
5786
<h4 class="text-cp-green-500 font-mono font-bold mb-4 text-sm uppercase tracking-wider">
5887
<span class="text-cp-dark-600">//</span> 探索

‎_includes/header.html‎

Lines changed: 35 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -32,11 +32,25 @@
3232
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"/>
3333
</svg>
3434
</button>
35-
<div class="dropdown-menu absolute top-full left-0 mt-1 py-2 bg-cp-dark-100 border border-cp-dark-400 rounded-lg shadow-lg min-w-[200px] opacity-0 invisible group-hover:opacity-100 group-hover:visible transition-all duration-200">
35+
<div class="dropdown-menu absolute top-full left-0 mt-1 py-2 bg-cp-dark-100 border border-cp-dark-400 rounded-lg shadow-lg min-w-[220px] opacity-0 invisible group-hover:opacity-100 group-hover:visible transition-all duration-200">
3636
{% for subitem in item.dropdown %}
37-
<a href="{{ subitem.link | relative_url }}" class="dropdown-item block px-4 py-2 text-sm text-cp-dark-800 hover:text-cp-green-500 hover:bg-cp-dark-200 transition-colors">
38-
{{ subitem.name }}
39-
</a>
37+
{% if subitem.section %}
38+
<!-- Section Divider -->
39+
<div class="px-4 py-2 text-xs text-cp-dark-500 font-mono uppercase tracking-wider border-t border-cp-dark-300 mt-1 first:mt-0 first:border-t-0">
40+
{{ subitem.name }}
41+
</div>
42+
{% elsif subitem.external %}
43+
<a href="{{ subitem.link }}" target="_blank" rel="noopener noreferrer" class="dropdown-item flex items-center justify-between px-4 py-2 text-sm text-cp-dark-800 hover:text-cp-green-500 hover:bg-cp-dark-200 transition-colors">
44+
{{ subitem.name }}
45+
<svg class="w-3 h-3 ml-2" fill="none" stroke="currentColor" viewBox="0 0 24 24">
46+
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14"/>
47+
</svg>
48+
</a>
49+
{% else %}
50+
<a href="{{ subitem.link | relative_url }}" class="dropdown-item block px-4 py-2 text-sm text-cp-dark-800 hover:text-cp-green-500 hover:bg-cp-dark-200 transition-colors">
51+
{{ subitem.name }}
52+
</a>
53+
{% endif %}
4054
{% endfor %}
4155
</div>
4256
</div>
@@ -104,9 +118,23 @@
104118
</button>
105119
<div class="mobile-dropdown-menu hidden pl-4 mt-1 space-y-1">
106120
{% for subitem in item.dropdown %}
107-
<a href="{{ subitem.link | relative_url }}" class="block px-4 py-2 text-sm text-cp-dark-700 hover:text-cp-green-500 hover:bg-cp-dark-200 rounded-lg transition-colors">
108-
{{ subitem.name }}
109-
</a>
121+
{% if subitem.section %}
122+
<!-- Section Divider -->
123+
<div class="px-4 py-2 text-xs text-cp-dark-500 font-mono uppercase tracking-wider">
124+
{{ subitem.name }}
125+
</div>
126+
{% elsif subitem.external %}
127+
<a href="{{ subitem.link }}" target="_blank" rel="noopener noreferrer" class="flex items-center justify-between px-4 py-2 text-sm text-cp-dark-700 hover:text-cp-green-500 hover:bg-cp-dark-200 rounded-lg transition-colors">
128+
{{ subitem.name }}
129+
<svg class="w-3 h-3" fill="none" stroke="currentColor" viewBox="0 0 24 24">
130+
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14"/>
131+
</svg>
132+
</a>
133+
{% else %}
134+
<a href="{{ subitem.link | relative_url }}" class="block px-4 py-2 text-sm text-cp-dark-700 hover:text-cp-green-500 hover:bg-cp-dark-200 rounded-lg transition-colors">
135+
{{ subitem.name }}
136+
</a>
137+
{% endif %}
110138
{% endfor %}
111139
</div>
112140
</div>

‎resources.html‎

Lines changed: 176 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,176 @@
1+
---
2+
layout: default
3+
title: 資源中心
4+
subtitle: 所有學習資源的入口
5+
permalink: /resources/
6+
---
7+
8+
<div class="max-w-6xl mx-auto">
9+
<!-- Page Header -->
10+
<header class="mb-12 text-center">
11+
<h1 class="text-4xl md:text-5xl font-bold font-mono text-cp-green-500 mb-4">
12+
<span class="text-cp-dark-500">&gt;</span> 資源中心
13+
</h1>
14+
<p class="text-lg text-cp-dark-600 font-mono max-w-2xl mx-auto">
15+
精選的區塊鏈、比特幣、密碼學學習資源
16+
</p>
17+
</header>
18+
19+
<!-- Core Technology Section -->
20+
<section class="mb-16">
21+
<h2 class="text-xl font-bold font-mono text-cp-green-500 mb-6 flex items-center gap-2">
22+
<span class="text-cp-dark-500">//</span> 核心技術
23+
</h2>
24+
<div class="grid md:grid-cols-3 gap-6">
25+
<!-- Bitcoin -->
26+
<a href="{{ '/markdown/resources/resources-bitcoin/' | relative_url }}" class="card p-6 group hover:border-bitcoin-orange/50 transition-all">
27+
<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">
28+
<span class="text-3xl text-bitcoin-orange">₿</span>
29+
</div>
30+
<h3 class="text-lg font-bold font-mono text-cp-dark-800 group-hover:text-cp-green-500 transition-colors mb-2">
31+
Bitcoin 比特幣
32+
</h3>
33+
<p class="text-cp-dark-600 text-sm">
34+
比特幣核心技術、協議、開發資源
35+
</p>
36+
</a>
37+
38+
<!-- Lightning Network -->
39+
<a href="{{ '/markdown/resources/resources-ln/' | relative_url }}" class="card p-6 group hover:border-yellow-500/50 transition-all">
40+
<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">
41+
<span class="text-3xl">⚡</span>
42+
</div>
43+
<h3 class="text-lg font-bold font-mono text-cp-dark-800 group-hover:text-cp-green-500 transition-colors mb-2">
44+
Lightning Network
45+
</h3>
46+
<p class="text-cp-dark-600 text-sm">
47+
閃電網路技術、節點、錢包資源
48+
</p>
49+
</a>
50+
51+
<!-- Taproot & Schnorr -->
52+
<a href="{{ '/markdown/resources/resources-schnorr-signature/' | relative_url }}" class="card p-6 group hover:border-cp-green-500/50 transition-all">
53+
<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">
54+
<span class="text-3xl font-mono text-cp-green-500">σ</span>
55+
</div>
56+
<h3 class="text-lg font-bold font-mono text-cp-dark-800 group-hover:text-cp-green-500 transition-colors mb-2">
57+
Taproot & Schnorr
58+
</h3>
59+
<p class="text-cp-dark-600 text-sm">
60+
Schnorr 簽名、Taproot、MuSig
61+
</p>
62+
</a>
63+
</div>
64+
</section>
65+
66+
<!-- Advanced Topics Section -->
67+
<section class="mb-16">
68+
<h2 class="text-xl font-bold font-mono text-cp-green-500 mb-6 flex items-center gap-2">
69+
<span class="text-cp-dark-500">//</span> 進階主題
70+
</h2>
71+
<div class="grid md:grid-cols-3 gap-6">
72+
<!-- Layer 2 -->
73+
<a href="{{ '/markdown/resources/resources-bitcoin-layer2/' | relative_url }}" class="card p-6 group hover:border-purple-500/50 transition-all">
74+
<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">
75+
<span class="text-3xl">🔗</span>
76+
</div>
77+
<h3 class="text-lg font-bold font-mono text-cp-dark-800 group-hover:text-cp-green-500 transition-colors mb-2">
78+
Layer 2 技術
79+
</h3>
80+
<p class="text-cp-dark-600 text-sm">
81+
側鏈、狀態通道、Rollup 解決方案
82+
</p>
83+
</a>
84+
85+
<!-- Privacy -->
86+
<a href="{{ '/markdown/resources/resources-blockchain-privacy/' | relative_url }}" class="card p-6 group hover:border-cp-green-500/50 transition-all">
87+
<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">
88+
<span class="text-3xl">🔒</span>
89+
</div>
90+
<h3 class="text-lg font-bold font-mono text-cp-dark-800 group-hover:text-cp-green-500 transition-colors mb-2">
91+
隱私技術
92+
</h3>
93+
<p class="text-cp-dark-600 text-sm">
94+
混幣、零知識證明、隱私協議
95+
</p>
96+
</a>
97+
98+
<!-- Nostr -->
99+
<a href="{{ '/markdown/resources/resources-nostr/' | relative_url }}" class="card p-6 group hover:border-purple-400/50 transition-all">
100+
<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">
101+
<span class="text-3xl">🟣</span>
102+
</div>
103+
<h3 class="text-lg font-bold font-mono text-cp-dark-800 group-hover:text-cp-green-500 transition-colors mb-2">
104+
Nostr 協議
105+
</h3>
106+
<p class="text-cp-dark-600 text-sm">
107+
去中心化社交協議、客戶端、中繼器
108+
</p>
109+
</a>
110+
</div>
111+
</section>
112+
113+
<!-- Developer Section -->
114+
<section class="mb-16">
115+
<h2 class="text-xl font-bold font-mono text-cp-green-500 mb-6 flex items-center gap-2">
116+
<span class="text-cp-dark-500">//</span> 開發者資源
117+
</h2>
118+
<div class="grid md:grid-cols-2 gap-6">
119+
<!-- Developer Tools -->
120+
<a href="{{ '/markdown/resources/resources-developer-tools/' | relative_url }}" class="card p-6 group hover:border-blue-500/50 transition-all">
121+
<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">
122+
<span class="text-3xl">🛠️</span>
123+
</div>
124+
<h3 class="text-lg font-bold font-mono text-cp-dark-800 group-hover:text-cp-green-500 transition-colors mb-2">
125+
開發者工具箱
126+
</h3>
127+
<p class="text-cp-dark-600 text-sm">
128+
開發框架、測試工具、API 資源
129+
</p>
130+
</a>
131+
132+
<!-- Self Custody -->
133+
<a href="{{ '/markdown/resources/resources-self-custody/' | relative_url }}" class="card p-6 group hover:border-green-500/50 transition-all">
134+
<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">
135+
<span class="text-3xl">🔐</span>
136+
</div>
137+
<h3 class="text-lg font-bold font-mono text-cp-dark-800 group-hover:text-cp-green-500 transition-colors mb-2">
138+
自託管指南
139+
</h3>
140+
<p class="text-cp-dark-600 text-sm">
141+
硬體錢包、節點運營、安全實踐
142+
</p>
143+
</a>
144+
</div>
145+
</section>
146+
147+
<!-- Quick Links -->
148+
<section class="card p-8 bg-cp-dark-100">
149+
<h2 class="text-xl font-bold font-mono text-cp-green-500 mb-6 flex items-center gap-2">
150+
<span class="text-cp-dark-500">//</span> 其他資源
151+
</h2>
152+
<div class="grid md:grid-cols-3 gap-4">
153+
<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">
154+
<span class="text-2xl">📚</span>
155+
<div>
156+
<div class="font-mono text-cp-dark-800 group-hover:text-cp-green-500 transition-colors">書籍 & 論文</div>
157+
<div class="text-xs text-cp-dark-600">17+ 本精選書籍</div>
158+
</div>
159+
</a>
160+
<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">
161+
<span class="text-2xl">📖</span>
162+
<div>
163+
<div class="font-mono text-cp-dark-800 group-hover:text-cp-green-500 transition-colors">術語詞彙表</div>
164+
<div class="text-xs text-cp-dark-600">區塊鏈專業術語</div>
165+
</div>
166+
</a>
167+
<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">
168+
<span class="text-2xl">📜</span>
169+
<div>
170+
<div class="font-mono text-cp-dark-800 group-hover:text-cp-green-500 transition-colors">Cypherpunk 歷史</div>
171+
<div class="text-xs text-cp-dark-600">密碼龐克運動起源</div>
172+
</div>
173+
</a>
174+
</div>
175+
</section>
176+
</div>

0 commit comments

Comments
 (0)