about 生涯

settings.yaml

@@ -648,6 +648,31 @@ spec:
           label: 图片
           validation: "url"
           value: https://p.zhheo.com/2023788ba3b8739936f844e64f483faacaf1085602.png!cover
+        - $formkit: text
+          name: authorInfoAddress
+          label: 居住地
+          placeholder: 请输入内容
+        - $formkit: text
+          name: authorInfoAddressBackground
+          label: 居住地背景图
+          placeholder: 请输入内容
+        - $formkit: repeater
+          name: authorInfo
+          label: 个人信息
+          value: [ ]
+          children:
+            - $formkit: text
+              name: authorInfoTitle
+              label: 标题
+              placeholder: 请输入内容
+            - $formkit: text
+              name: authorInfoContent
+              label: 内容
+              placeholder: 请输入内容
+            - $formkit: color
+              name: authorInfoColor
+              label: 内容颜色
+              placeholder: 请输入内容
 
 
         - $formkit: select

templates/about.html

@@ -725,17 +725,19 @@
 
 
                         <div class="author-content-item-group column mapAndInfo">
-                            <div class="author-content-item map single" style="background: url([object Object] )">
-                                <span class="map-title">我现在住在 <b>中国，北京市</b></span></div>
-                            <div class="author-content-item selfInfo single">
-                                <div><span class="selfInfo-title">生于</span><span class="selfInfo-content"
-                                                                                   style="color: #43a6c6;">1997</span>
-                                </div>
-                                <div><span class="selfInfo-title">太原理工大学</span><span class="selfInfo-content"
-                                                                                           style="color: #c69043;">计算机科学</span>
-                                </div>
-                                <div><span class="selfInfo-title">现在职业</span><span class="selfInfo-content"
-                                                                                       style="color: #b04fe6;">BI工程师</span>
+                            <div class="author-content-item map single"
+                                 th:style="'background:' + ${theme.config.about.authorInfoAddressBackground} ">
+                                <span class="map-title">我现在住在
+                                    <b th:text="${theme.config.about.authorInfoAddress}"></b>
+                                </span>
+                            </div>
+                            <div class="author-content-item selfInfo single"
+                                 th:if="${not #lists.isEmpty(theme.config.about.authorInfo)}"
+                                 th:with="authorInfo = ${theme.config.about.authorInfo}">
+                                <div th:each="info : ${authorInfo}">
+                                    <span class="selfInfo-title" th:text="${info.authorInfoTitle}"></span>
+                                    <span class="selfInfo-content" th:style="'color:' + ${info.authorInfoColor} "
+                                          th:text="${info.authorInfoContent}"></span>
                                 </div>
                             </div>
                         </div>
@@ -743,14 +745,9 @@
                     <div class="author-content">
                         <div class="create-site-post author-content-item single">
                             <div class="author-content-item-tips">心路历程</div>
-                            <span class="author-content-item-title">为什么建站？</span>
-                            <br>创建这个站的时候，想要就是能够有一个自己能够<b>积累知识、积累兴趣</b>的地方。和他人分享，会让这些成为积累和沉淀。如果能够帮助到更多的人，帮助更多人解决问题，那一定是非常棒的事情。
-                            <br>
-                            分享这件事我从很早就开始了，起初做的微信公众号，现在做的网站。因为我比较喜欢研究数码和软件，想要探究在互联网上的事物是如何被创造和发展。网络给我带来了非常多的知识和眼界，我也想力所能及的分享一些我生活的琐碎知识。
-                            <br>
-                            与大多数垂直类的技术博客不同，这里的种类会非常的繁杂，有<b>技能的教程干货</b>、有<b>生活上的吐槽和妙招</b>、有<b>话题上的思考和想法</b>。一般我研究什么、发现了什么都会分享在这里。
-                            <br>
-                            这些就是创造这个小站的本意，<b>也是我分享生活的方式</b>。有幸能和你相遇在这里，相信我们能共同留下一段美好记忆。</p>
+                            <span class="author-content-item-title"
+                                  th:text="${singlePage.spec.title}">为什么建站？</span>
+                            <p th:utext="${singlePage.content.content}"></p>
                         </div>
                     </div>
                     <div class="author-content">