@sugarat/theme 0.1.8 → 0.1.9

package/node.d.ts

@@ -42,7 +42,11 @@ declare namespace Theme {
         /**
          * 文章首页置顶
          */
-        top: number;
+        top?: number;
+        /**
+         * 手动控制相关文章列表的顺序
+         */
+        recommend?: number | false;
         /**
          * 时间线
          */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sugarat/theme",
-  "version": "0.1.8",
+  "version": "0.1.9",
   "description": "简约风的 Vitepress 博客主题，sugarat vitepress blog theme",
   "main": "src/index.ts",
   "exports": {

package/src/components/BlogRecommendArticle.vue

@@ -66,9 +66,16 @@ const recommendList = computed(() => {
     .filter((v) => !!v.meta.title)
     // 过滤掉自己
     .filter((v) => v.route !== route.path.replace(/.html$/, ''))
+    // 过滤掉不需要展示的
+    .filter((v) => v.meta.recommend !== false)
 
-  origin.sort((a, b) => +new Date(b.meta.date) - +new Date(a.meta.date))
-  return origin
+  const topList = origin.filter((v) => v.meta?.recommend)
+  topList.sort((a, b) => Number(a.meta.recommend) - Number(b.meta.recommend))
+
+  const normalList = origin.filter((v) => !v.meta?.recommend)
+  normalList.sort((a, b) => +new Date(b.meta.date) - +new Date(a.meta.date))
+
+  return topList.concat(normalList)
 })
 const currentPage = ref(1)
 const changePage = () => {
@@ -128,7 +135,7 @@ const showChangeBtn = computed(() => {
       font-size: 14px;
       color: var(--description-font-color);
       font-weight: 600;
-      margin: 6px 12px 10px 0;
+      margin: 6px 8px 10px 0;
       width: 18px;
       height: 18px;
       line-height: 18px;

package/src/components/TimelinePage.vue

@@ -0,0 +1,7 @@
+<template>
+  <div>时间线页面</div>
+</template>
+
+<script lang="ts" setup></script>
+
+<style lang="scss"></style>

package/src/composables/config/index.ts

@@ -48,7 +48,11 @@ export namespace Theme {
     /**
      * 文章首页置顶
      */
-    top: number
+    top?: number
+    /**
+     * 手动控制相关文章列表的顺序
+     */
+    recommend?: number | false
     // TODO: 待开发
     /**
      * 时间线

package/src/index.ts

@@ -10,9 +10,15 @@ import DefaultTheme from 'vitepress/theme'
 import BlogApp from './components/BlogApp.vue'
 import { withConfigProvider } from './composables/config/blog'
 
+// page
+import TimelinePage from './components/TimelinePage.vue'
+
 export const BlogTheme: Theme = {
   ...DefaultTheme,
-  Layout: withConfigProvider(BlogApp)
+  Layout: withConfigProvider(BlogApp),
+  enhanceApp(ctx) {
+    ctx.app.component('TimelinePage', TimelinePage)
+  }
 }
 
 export * from './composables/config/index'