modified widget "server-status"

assets/scss/custom.scss

@@ -0,0 +1,26 @@
+.widget.archives {
+  .widget-archive--list {
+    border-radius: var(--card-border-radius);
+    box-shadow: var(--shadow-l1);
+    background-color: var(--card-background);
+  }
+
+  .status-item {
+    &:not(:last-of-type) {
+      border-bottom: 1.5px solid var(--card-separator-color);
+    }
+    font-size: 1.4rem;
+    padding: 18px 25px;
+    display: flex;
+
+    span.year {
+      flex: 1;
+      color: var(--card-text-color-main);
+      font-weight: bold;
+    }
+
+    span.count {
+      color: var(--card-text-color-tertiary);
+    }
+  }
+}

i18n/zh-CN.yaml

@@ -5,6 +5,6 @@ widget:
     
     status:
         title: 状态
-        start: 博客建立自：
+        postCount: 文章数量
-        time: 已稳定运行：
+        start: 博客起始
-        postCount: 总文章数量：
+        time: 稳定运行

layouts/partials/widget/status.html

@@ -1,17 +1,23 @@
-{{/*-- post count */}}
+{{/*-- post count */}} {{ $posts := (where .Site.RegularPages "Section" "==" "post") }} {{
-{{ $posts := (where .Site.RegularPages "Section" "==" "post") }}
+$postCount := len $posts }}
-{{ $postCount := len $posts }}
 
-<section class="widget tagCloud">
+<section class="widget archives">
-  <div class="widget-icon">
+  <div class="widget-icon">{{ partial "helper/icon" "status" }}</div>
-      {{ partial "helper/icon" "status" }}
-  </div>
   <h2 class="widget-title section-title">{{ T "widget.status.title" }}</h2>
 
-  <div class="tagCloud-tags" style="display: flex; flex-direction: column;">
+  <div class="widget-archive--list">
-    <div style="padding: 10px 0; color: #bababa;">{{ T "widget.status.postCount" }}{{ $postCount }}</div>
+    <div class="status-item">
-    <div style="padding: 10px 0; color: #bababa;">{{ T "widget.status.start" }}<span id="start"></span></div>
+        <span class="year">{{ T "widget.status.postCount" }}</span>
-    <div style="padding: 10px 0; color: #bababa;">{{ T "widget.status.time" }}<span id="time"></span></div>
+        <span class="count">{{ $postCount }}</span>
+    </div>
+    <div class="status-item">
+      <span class="year">{{ T "widget.status.start" }}</span>
+      <span class="count" id="start"></span>
+    </div>
+    <div class="status-item">
+      <span class="year">{{ T "widget.status.time" }}</span>
+      <span class="count" id="time"></span>
+    </div>
   </div>
 
   <script>