feat: dynamic feature posts.

options.ts

@@ -46,7 +46,7 @@ const Options = z
         .readonly(),
       post: z.object({
         sort: z.enum(['asc', 'desc']),
-        feature: z.array(z.string()).optional(),
+        feature: z.array(z.string()).min(3).optional(),
         category: z.array(z.string()).optional(),
       }),
       pagination: z.object({
@@ -163,7 +163,6 @@ const options: z.input<typeof Options> = {
     assetPrefix: 'https://cat.yufan.me',
     post: {
       sort: 'desc',
-      feature: ['we-are-stranger', 'secret-of-boys-mind', 'my-darling'],
       category: ['article', 'think', 'gossip', 'coding'],
     },
     pagination: {

src/components/page/post/FeaturePosts.astro

@@ -8,14 +8,33 @@ interface Props {
 }
 
 const { posts } = Astro.props;
+const historicalPosts = (): Post[] => {
+  // Skip the first 6 pages.
+  const offset = options.settings.pagination.posts * 6;
+  if (posts.length - offset < 43 * 3 + 2) {
+    // Can't generate historical posts.
+    return [];
+  }
+
+  const now = new Date();
+  const radical = now.getMonth() + now.getDate();
+
+  return [posts[offset + radical - 1], posts[offset + radical + 43 - 1], posts[offset + radical + 43 * 2 - 1]];
+};
 const featurePosts = options.settings.post.feature ?? [];
-const metas: Post[] = featurePosts
+
+const metas: Post[] =
+  featurePosts.length < 3
+    ? historicalPosts()
+    : featurePosts
         .map((slug) => posts.find((post) => post.slug === slug))
         .flatMap((post) => (post == null ? [] : [post]))
         .slice(0, 3);
 ---
 
-<div class="list-top-pushes mb-3 mb-md-4 mb-lg-5">
+{
+  metas.length === 3 && (
+    <div class="list-top-pushes mb-3 mb-md-4 mb-lg-5">
       <div class="container">
         <div class="row gx-2 gx-md-3 list-grouped">
           <div class="col-lg-8">
@@ -33,4 +52,6 @@ const metas: Post[] = featurePosts
           </div>
         </div>
       </div>
-</div>
+    </div>
+  )
+}