add homepage img

Author: UlricQin

assets/scss/app.scss

@@ -34,13 +34,18 @@
 @import "layouts/posts";
 @import "layouts/sidebar";
 
-// .homepage-banner{
-//     width: 100%;
-//     height: 1583px; // 这里根据图片的高度，设置
-//     background: url(/img/global/arch-bg.png) no-repeat center center;
-//     background-size: cover;
-// }
-
-// [data-dark-mode] .homepage-banner{
-//     background: url(/img/global/arch-bg-dark.png) no-repeat center center;
-// }
+.homepage-banner-light{
+    display: block
+}
+
+.homepage-banner-dark{
+    display: none;
+}
+
+[data-dark-mode] .homepage-banner-dark{
+    display: block;
+}
+
+[data-dark-mode] .homepage-banner-light{
+    display: none;
+}

layouts/index.html

@@ -9,9 +9,14 @@ <h1 class="mt-0">{{ .Title }}</h1>
       <a class="btn btn-primary btn-lg px-4 mb-2" href="{{ .Params.startLink }}" role="button">{{ .Params.buttonText }}</a>
       <p class="meta">{{ .Params.metaText | safeHTML }}</p>
     </div>
+
+    <div class="col-lg-12 text-center">
+      <img src="/img/global/arch-bg.png" alt="homepage-banner" class="homepage-banner-light">
+      <img src="/img/global/arch-bg-dark.png" alt="homepage-banner" class="homepage-banner-dark">
+    </div>
   </div>
 
-  <!-- <div class="homepage-banner"></div> -->
+  
 
 </section>
 {{ end }}