修改首页图片为静态图片

assets/css/compiled/main.css

@@ -685,6 +685,9 @@ video {
 .flex {
   display: flex;
 }
+.flex {
+  display: flex;
+}
 .inline-flex {
   display: inline-flex;
 }
@@ -2471,6 +2474,7 @@ nav .search-wrapper {
     display: inline-block;
   }
 }
+
 @supports (
   ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px)))
 ) {
@@ -3409,6 +3413,10 @@ body {
     display: none;
   }
 
+  .md\:flex {
+    display: flex;
+  }
+
   .md\:aspect-\[1\.1\/1\] {
     aspect-ratio: 1.1/1;
   }

content/_index.md

@@ -46,10 +46,10 @@ keywords:
 </div>
 
 {{< cards rows="4" >}}
-  {{< card link="enterprise_security/data_security" title="数据安全" image="https://source.unsplash.com/featured/800x400?1" subtitle="数据安全资料、方法论与实践经验">}}
-  {{< card link="enterprise_security/devsecops" title="DevSecOps" image="https://source.unsplash.com/featured/800x400?2" subtitle="DevSecOps及S-SDLC相关内容与实践方法" >}}
-  {{< card link="/" title="零信任安全" image="https://source.unsplash.com/featured/800x400?3" subtitle="开发中，敬请期待.">}}
-  {{< card link="/" title="攻防演练" image="https://source.unsplash.com/featured/800x400?4" subtitle="开发中，敬请期待.">}}
+  {{< card link="enterprise_security/data_security" title="数据安全" image="images/banner/1.jpg" subtitle="数据安全资料、方法论与实践经验">}}
+  {{< card link="enterprise_security/devsecops" title="DevSecOps" image="images/banner/2.jpg" subtitle="DevSecOps及S-SDLC相关内容与实践方法" >}}
+  {{< card link="/" title="零信任安全" image="images/banner/3.jpg" subtitle="开发中，敬请期待.">}}
+  {{< card link="/" title="攻防演练" image="images/banner/4.jpg" subtitle="开发中，敬请期待.">}}
 {{< /cards >}}
 
 <div class="mt-6">&nbsp;</div>
@@ -59,8 +59,8 @@ keywords:
 </div>
 
 {{< cards rows="4" >}}
-  {{< card link="security_research/ai_security" title="AI安全" image="https://source.unsplash.com/featured/800x400?5" subtitle="AI安全相关资料，重点包括大模型(LLM)/AIGC安全内容.">}}
-  {{< card link="/" title="区块链安全" image="https://source.unsplash.com/featured/800x400?6" subtitle="开发中，敬请期待." >}}
-  {{< card link="/" title="待开发知识" image="https://source.unsplash.com/featured/800x400?7" subtitle="开发中，敬请期待.">}}
-  {{< card link="/" title="待开发知识" image="https://source.unsplash.com/featured/800x400?8" subtitle="开发中，敬请期待.">}}
+  {{< card link="security_research/ai_security" title="AI安全" image="images/banner/5.jpg" subtitle="AI安全相关资料，重点包括大模型(LLM)/AIGC安全内容.">}}
+  {{< card link="/" title="区块链安全" image="images/banner/6.jpg" subtitle="开发中，敬请期待." >}}
+  {{< card link="/" title="待开发知识" image="images/banner/7.jpg" subtitle="开发中，敬请期待.">}}
+  {{< card link="/" title="待开发知识" image="images/banner/8.jpg" subtitle="开发中，敬请期待.">}}
 {{< /cards >}}

layouts/partials/footer.html

@@ -30,12 +30,12 @@
   <div
     class="{{ $footerWidth }} mx-auto flex justify-center py-12 pl-[max(env(safe-area-inset-left),1.5rem)] pr-[max(env(safe-area-inset-right),1.5rem)] text-gray-600 dark:text-gray-400 md:justify-start"
   >
-    <div class="flex w-full items-center sm:items-start justify-between">
+    <div class="flex w-full items-top sm:items-start justify-between">
       <div>
         {{- if .Site.Params.footer.displayCopyright }}<div class="text-sm">{{ $copyright | markdownify }}</div>{{ end }}
-        <div class="flex">
+        <div class="md:flex">
+          {{- if .Site.Params.footer.displayGanbei }}<div class="text-xs text-gray-500"><a href="https://beian.mps.gov.cn/#/query/webSearch?code=44030002003757" rel="noreferrer" class="flex items-start" traget="_blank"><img style="width:14px;padding-top: 1.5px;" src="{{ "images/logo.gabei.png" | relURL }}">&nbsp;{{ $gabei | markdownify }}</a></div>{{ end }}
           {{- if .Site.Params.footer.displayICP }}<div class="text-xs text-gray-500"><a href="https://beian.miit.gov.cn/" traget="_blank">{{ $icp | markdownify }}</a></div>{{ end }}
-          {{- if .Site.Params.footer.displayGanbei }}<div class="text-xs px-2 text-gray-500"><a href="https://beian.mps.gov.cn/#/query/webSearch?code=44030002003757" rel="noreferrer" class="flex items-start" traget="_blank"><img style="width:14px;padding-top: 1.5px;" src="{{ "images/logo.gabei.png" | relURL }}">&nbsp;{{ $gabei | markdownify }}</a></div>{{ end }}
         </div>
       </div>
       {{- if .Site.Params.footer.displaySlogan }}<div class="text-xs">{{ $slogan | markdownify }}</div>{{ end }}