修復 index.html 中的圖片和連結路徑

- 為合作夥伴圖片添加 relative_url filter
- 為所有內部連結添加 relative_url filter
- 確保 project page 部署時路徑正確

Author: awesome-doge

index.html

@@ -47,13 +47,13 @@
     <div class="flex flex-col sm:flex-row items-center justify-center gap-8 fade-in-up" data-delay="1500">
       <!-- CTA Buttons -->
       <div class="flex items-center gap-4">
-        <a href="/blog/" class="btn btn-primary group">
+        <a href="{{ '/blog/' | relative_url }}" class="btn btn-primary group">
           <span>瀏覽文章</span>
           <svg class="w-4 h-4 ml-2 group-hover:translate-x-1 transition-transform" fill="none" stroke="currentColor" viewBox="0 0 24 24">
             <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 7l5 5m0 0l-5 5m5-5H6"/>
           </svg>
         </a>
-        <a href="/markdown/products/" class="btn btn-outline">
+        <a href="{{ '/markdown/products/' | relative_url }}" class="btn btn-outline">
           書籍資源
         </a>
       </div>
@@ -265,7 +265,7 @@ <h2 class="text-2xl md:text-3xl font-bold font-mono text-cp-green-500 mb-4">
       <h2 class="text-2xl font-bold font-mono text-cp-green-500">
         <span class="text-cp-dark-600">//</span> 最新文章
       </h2>
-      <a href="/blog/" class="text-cp-green-500 font-mono text-sm hover:text-cp-green-400 transition-colors flex items-center gap-2 group">
+      <a href="{{ '/blog/' | relative_url }}" class="text-cp-green-500 font-mono text-sm hover:text-cp-green-400 transition-colors flex items-center gap-2 group">
         查看全部
         <svg class="w-4 h-4 group-hover:translate-x-1 transition-transform" fill="none" stroke="currentColor" viewBox="0 0 24 24">
           <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/>
@@ -315,7 +315,7 @@ <h2 class="text-2xl font-bold font-mono text-cp-green-500 mb-12 text-center scro
 
     <div class="grid md:grid-cols-2 lg:grid-cols-3 gap-6">
       <!-- Bitcoin -->
-      <a href="/markdown/resources/resources-bitcoin/" class="card p-6 group card-3d scroll-reveal" data-delay="100">
+      <a href="{{ '/markdown/resources/resources-bitcoin/' | relative_url }}" class="card p-6 group card-3d scroll-reveal" data-delay="100">
         <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 group-hover:scale-110 duration-300">
           <span class="text-3xl text-bitcoin-orange">₿</span>
         </div>
@@ -328,7 +328,7 @@ <h3 class="text-lg font-bold font-mono text-cp-dark-800 group-hover:text-cp-gree
       </a>
 
       <!-- Lightning Network -->
-      <a href="/markdown/resources/resources-ln/" class="card p-6 group card-3d scroll-reveal" data-delay="200">
+      <a href="{{ '/markdown/resources/resources-ln/' | relative_url }}" class="card p-6 group card-3d scroll-reveal" data-delay="200">
         <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 group-hover:scale-110 duration-300">
           <span class="text-3xl">⚡</span>
         </div>
@@ -341,7 +341,7 @@ <h3 class="text-lg font-bold font-mono text-cp-dark-800 group-hover:text-cp-gree
       </a>
 
       <!-- Privacy -->
-      <a href="/markdown/resources/resources-blockchain-privacy/" class="card p-6 group card-3d scroll-reveal" data-delay="300">
+      <a href="{{ '/markdown/resources/resources-blockchain-privacy/' | relative_url }}" class="card p-6 group card-3d scroll-reveal" data-delay="300">
         <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 group-hover:scale-110 duration-300">
           <span class="text-3xl">🔒</span>
         </div>
@@ -354,7 +354,7 @@ <h3 class="text-lg font-bold font-mono text-cp-dark-800 group-hover:text-cp-gree
       </a>
 
       <!-- Schnorr -->
-      <a href="/markdown/resources/resources-schnorr-signature/" class="card p-6 group card-3d scroll-reveal" data-delay="400">
+      <a href="{{ '/markdown/resources/resources-schnorr-signature/' | relative_url }}" class="card p-6 group card-3d scroll-reveal" data-delay="400">
         <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 group-hover:scale-110 duration-300">
           <span class="text-3xl font-mono text-cp-green-500">σ</span>
         </div>
@@ -367,7 +367,7 @@ <h3 class="text-lg font-bold font-mono text-cp-dark-800 group-hover:text-cp-gree
       </a>
 
       <!-- Ethereum -->
-      <a href="/markdown/resources/resources-ethereum/" class="card p-6 group card-3d scroll-reveal" data-delay="500">
+      <a href="{{ '/markdown/resources/resources-ethereum/' | relative_url }}" class="card p-6 group card-3d scroll-reveal" data-delay="500">
         <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 group-hover:scale-110 duration-300">
           <span class="text-3xl">Ξ</span>
         </div>
@@ -380,7 +380,7 @@ <h3 class="text-lg font-bold font-mono text-cp-dark-800 group-hover:text-cp-gree
       </a>
 
       <!-- Books -->
-      <a href="/markdown/products/" class="card p-6 group card-3d scroll-reveal" data-delay="600">
+      <a href="{{ '/markdown/products/' | relative_url }}" class="card p-6 group card-3d scroll-reveal" data-delay="600">
         <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 group-hover:scale-110 duration-300">
           <span class="text-3xl">📚</span>
         </div>
@@ -404,22 +404,22 @@ <h2 class="text-2xl font-bold font-mono text-cp-green-500 mb-12 text-center scro
 
     <div class="flex flex-wrap items-center justify-center gap-10 scroll-reveal">
       <a href="https://taipeihack.org/" target="_blank" rel="noopener noreferrer" class="grayscale hover:grayscale-0 opacity-50 hover:opacity-100 transition-all duration-300 hover:scale-110">
-        <img src="/img/logo-taipeihackerspace.jpg" alt="Taipei Hackerspace" class="h-14 md:h-16 w-auto rounded">
+        <img src="{{ '/img/logo-taipeihackerspace.jpg' | relative_url }}" alt="Taipei Hackerspace" class="h-14 md:h-16 w-auto rounded">
       </a>
       <a href="https://blockstream.com" target="_blank" rel="noopener noreferrer" class="grayscale hover:grayscale-0 opacity-50 hover:opacity-100 transition-all duration-300 hover:scale-110">
-        <img src="/img/logo-blockstream.png" alt="Blockstream" class="h-10 md:h-12 w-auto">
+        <img src="{{ '/img/logo-blockstream.png' | relative_url }}" alt="Blockstream" class="h-10 md:h-12 w-auto">
       </a>
       <a href="https://www.blocktempo.com" target="_blank" rel="noopener noreferrer" class="grayscale hover:grayscale-0 opacity-50 hover:opacity-100 transition-all duration-300 hover:scale-110">
-        <img src="/img/logo-blocktempo.jpg" alt="BlockTempo" class="h-14 md:h-16 w-auto rounded">
+        <img src="{{ '/img/logo-blocktempo.jpg' | relative_url }}" alt="BlockTempo" class="h-14 md:h-16 w-auto rounded">
       </a>
       <a href="https://nayuta.co" target="_blank" rel="noopener noreferrer" class="grayscale hover:grayscale-0 opacity-50 hover:opacity-100 transition-all duration-300 hover:scale-110">
-        <img src="/img/logo-nayuta.jpg" alt="Nayuta" class="h-14 md:h-16 w-auto rounded">
+        <img src="{{ '/img/logo-nayuta.jpg' | relative_url }}" alt="Nayuta" class="h-14 md:h-16 w-auto rounded">
       </a>
       <a href="https://moztw.org/space/" target="_blank" rel="noopener noreferrer" class="grayscale hover:grayscale-0 opacity-50 hover:opacity-100 transition-all duration-300 hover:scale-110">
-        <img src="/img/logo-mozilla.png" alt="Mozilla" class="h-14 md:h-16 w-auto">
+        <img src="{{ '/img/logo-mozilla.png' | relative_url }}" alt="Mozilla" class="h-14 md:h-16 w-auto">
       </a>
       <a href="https://pelith.com" target="_blank" rel="noopener noreferrer" class="grayscale hover:grayscale-0 opacity-50 hover:opacity-100 transition-all duration-300 hover:scale-110">
-        <img src="/img/logo-pelith.png" alt="Pelith" class="h-12 md:h-14 w-auto">
+        <img src="{{ '/img/logo-pelith.png' | relative_url }}" alt="Pelith" class="h-12 md:h-14 w-auto">
       </a>
     </div>
   </div>