feat: 增加页面底部备案信息展示 (#6)

* style: 调整分页区域样式 * feat: 增加页面底部备案信息展示
wan92hen · Apr 25, 2023 · 03fb2fb · 03fb2fb
1 parent aab4727
commit 03fb2fb
Show file tree

Hide file tree

Showing 3 changed files with 55 additions and 2 deletions.
diff --git a/settings.yaml b/settings.yaml
@@ -15,4 +15,21 @@ spec:
           name: index_notice_content
           label: 首页公告内容
           value: '一款 Terminal 风格的 Halo 主题。'
+    - group: beian
+      label: 备案设置
+      formSchema:
+        - $formkit: text
+          name: icp_text
+          label: ICP备案号
+        - $formkit: text
+          name: icp_link
+          label: ICP备案跳转链接
+          value: https://beian.miit.gov.cn/
+        - $formkit: text
+          name: gongan_text
+          label: 公安备案号
+        - $formkit: text
+          name: gongan_link
+          label: 公安备案跳转链接
+          value: https://www.beian.gov.cn/
 
diff --git a/src/styles/footer.scss b/src/styles/footer.scss
@@ -1,12 +1,13 @@
 @import "variables";
 
 .footer {
-  padding: 40px 0;
+  padding: 40px 0 0 0;
   flex-grow: 0;
   opacity: .5;
 
   &__inner {
     display: flex;
+    flex-wrap: wrap;
     align-items: center;
     justify-content: center;
     margin: 0;
@@ -61,4 +62,18 @@
       font-size: 0.75rem;
     }
   }
+  .beian {
+    display: flex;
+    flex-direction: row;
+    justify-content: center;
+    flex-basis: 100%;
+    align-items: center;
+    font-size: 1rem;
+    color: var(--light-color-secondary);
+
+    span {
+      padding: 0 8px;
+    }
+
+  }
 }
diff --git a/templates/modules/footer.html b/templates/modules/footer.html
@@ -1,9 +1,30 @@
 <footer class="footer">
   <div class="footer__inner">
     <div class="copyright">
-      <span>© 2022 Powered by <a href="https://halo.run/">Halo</a></span>
+      <span
+        >© <span th:text="${#dates.year(#dates.createNow())}">2023</span> Powered by
+        <a href="https://halo.run/">Halo</a></span
+      >
 
       <span>:: Theme <a href="https://github.com/wan92hen/theme-terminal">Terminal</a></span>
     </div>
+    <div class="beian">
+      <span>
+        <a
+          href="https://beian.miit.gov.cn/"
+          target="_blank"
+          th:href="${theme.config.beian.icp_link}"
+          th:text="${theme.config.beian.icp_text}"
+        ></a
+      ></span>
+      <span>
+        <a
+          href="https://www.beian.gov.cn/"
+          target="_blank"
+          th:href="${theme.config.beian.gongan_link}"
+          th:text="${theme.config.beian.gongan_text}"
+        ></a
+      ></span>
+    </div>
   </div>
 </footer>