From c82552895f3a078f5d210f33bfb52033d9601b47 Mon Sep 17 00:00:00 2001
From: Cell <1024@lruihao.cn>
Date: Wed, 20 Nov 2024 15:56:32 +0800
Subject: [PATCH] =?UTF-8?q?Style:=20=E8=B0=83=E6=95=B4=E9=A6=96=E9=A1=B5?=
 =?UTF-8?q?=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 assets/css/_custom.scss              | 31 ++++++++++++++++++++++++++--
 layouts/partials/custom/profile.html |  1 +
 2 files changed, 30 insertions(+), 2 deletions(-)

diff --git a/assets/css/_custom.scss b/assets/css/_custom.scss
index fd2b1632..ef793daf 100644
--- a/assets/css/_custom.scss
+++ b/assets/css/_custom.scss
@@ -13,7 +13,7 @@
     max-width: 100%;
     position: relative;
     border-radius: 2.5px;
-    margin-block: 2rem;
+    margin-block: 1.5rem;
     background: linear-gradient($global-background-color, $global-background-color) padding-box, linear-gradient(45deg, #42d392, #FF7359) border-box;
     border: 0.25rem solid transparent;
     transition: background-color 0.5s, border-color 0.5s;
@@ -141,14 +141,41 @@
     }
   }
 
+  .banner-start-commands {
+    width: 230px;
+    text-align: left;
+    margin: 0 auto;
+    padding: 0.5rem 1rem;
+    line-height: 1.45em;
+    font-size: $code-font-size;
+    font-family: $code-font-family;
+    background-color: $code-background-color;
+    @include border-radius($global-border-radius);
+
+    [data-theme='dark'] & {
+      background-color: $code-background-color-dark;
+    }
+    // command line
+    span {
+      display: block;
+      &::before {
+        content: "$";
+        opacity: 0.5;
+        padding-right: 0.5rem;
+      }
+    }
+  }
+
   .quick-start-btn {
     display: inline-block;
+    width: 230px;
     border-radius: 8px;
     transition: background-color 0.5s, color 0.5s;
     font-weight: 600;
+    font-size: 18px;
     padding: 8px 1rem;
     margin-block: 1rem;
-    letter-spacing: 3px;
+    letter-spacing: 4px;
     background-color: #42b883;
     color: #fff;
 
diff --git a/layouts/partials/custom/profile.html b/layouts/partials/custom/profile.html
index 00c4d3c6..58c239cc 100644
--- a/layouts/partials/custom/profile.html
+++ b/layouts/partials/custom/profile.html
@@ -21,6 +21,7 @@
     </ul>
     <div class="docs-preview"></div>
   </div>
+  <pre class="banner-start-commands"><span>npm install -g fixit-cli</span><span>fixit create my-blog</span></pre>
   <a href="{{ $quickStartPage.RelPermalink }}" title="{{ $quickStartPage.Description }}" class="quick-start-btn">{{ $quickStartPage.LinkTitle }} <i class="fa-solid fa-arrow-right fa-sm fa-fw"></i></a>
 </div>
 {{- /* EOF */ -}}