新增侧边栏最近文章-显示”置顶”标记配置项

settings.yaml

@@ -893,6 +893,16 @@ spec:
               label: 显示
             - value: false
               label: 不显示
+        - $formkit: radio
+          name: recent_posts_pinned
+          label: 侧边栏最近文章-显示”置顶”标记
+          value: false
+          help: '侧边栏最近文章是否显示”置顶”标记。'
+          options:
+            - value: true
+              label: 显示
+            - value: false
+              label: 不显示
         - $formkit: number
           name: recent_comments_num
           label:  侧边栏最近评论-展示评论数量

src/css/style.less

@@ -2962,6 +2962,19 @@ button.swiper-pagination-bullet {
         justify-content: space-between;
         line-height: 20px;
 
+        .top {
+          background-image: -webkit-linear-gradient(0deg, rgb(57 169 255 / 80%) 0, rgb(155 79 255 / 80%) 100%);
+          border-radius: 2px 6px;
+          color: #fff;
+          padding: 0 6px;
+          font-size: 0.75rem;
+          line-height: 20px;
+          vertical-align: text-bottom;
+          margin-right: 5px;
+          display: inline-block;
+          user-select: none;
+        }
+
         i {
           color: var(--main);
           transition: transform 0.3s;
@@ -2999,7 +3012,7 @@ button.swiper-pagination-bullet {
           &:after {
             content: "";
             position: absolute;
-            bottom: 2px;
+            bottom: 0px;
             left: 0;
             width: 100%;
             height: 1px;

templates/widget/recent_posts.html

@@ -10,7 +10,7 @@
     <div th:unless="${isEmpty}" class="card-content">
         <ul class="list">
             <li class="item" th:each="post : ${posts}">
-                <a class="link" th:href="@{${post.status.permalink}}" th:title="${post.spec.title}" th:text="${post.spec.title}"></a>
+                <a class="link" th:href="@{${post.status.permalink}}" th:title="${post.spec.title}"><span class="top" th:if="${post.spec.pinned && theme.config.sidebar.recent_posts_pinned}">置顶</span>[[${post.spec.title}]]</a>
                 <i class="ri-link"></i>
             </li>
         </ul>

theme.yaml

@@ -30,7 +30,7 @@ spec:
   settingName: theme-dream2-plus-setting
   configMapName: theme-dream2-plus-configMap
   # 版本号
-  version: 1.3.0
+  version: 1.3.1.beta1
   # 最低支持的 Halo 版本
   require: ">=2.19.0"
   # 许可