blog: increase the weight differences if too many related posts (#353)

* blog: increase the weight differences if too many related posts

* update style

Author: jiashengguo

blog/supabase-alternative/index.md

@@ -1,7 +1,7 @@
 ---
 title: Supabase RLS Alternative
 description: Show the limitation of Supabase RLS(Row Level Security) with a multi-tenancy SaaS example and introduce ZenStack as an alternative.
-tags: [supabase, rls, auth, authorization, baas, zenstack]
+tags: [supabase, rls, auth, authorization, baas, database, firebase, zenstack]
 authors: jiasheng
 date: 2024-07-24
 image: ./cover.png

src/components/blog/post-paginator.tsx

@@ -63,10 +63,10 @@ export const PostPaginator = ({ posts, title }) => {
                             </p>
                         </Link>
                     ))}
-                    <p className="mb-4 p-0 text-xl">
-                        🚀 Ready to build high-quality, scalable Prisma apps with built-in AuthZ and instant CRUD APIs ?
+                    <p className="mt-8 mb-6 p-0 text-xl font-bold">
+                        Ready to build high-quality, scalable Prisma apps with built-in AuthZ and instant CRUD APIs ?🚀
                     </p>
-                    <Link className="mb-4 p-0 text-xl" to="/docs/welcome">
+                    <Link className="mb-4 p-0 text-xl font-bold underline" to="/docs/welcome">
                         Get started with ZenStack's ultimate guide to build faster and smarter
                     </Link>
                 </div>

src/plugins/blog-plugin.js

@@ -37,7 +37,7 @@ function getRelatedPosts(allBlogPosts, metadata) {
             authors: post.metadata.authors,
             readingTime: post.metadata.readingTime,
             date: post.metadata.date,
-            relatedWeight: post.metadata.frontMatter.tags.filter((tag) => currentTags.has(tag)).length * 3 + 1,
+            relatedWeight: post.metadata.frontMatter.tags.filter((tag) => currentTags.has(tag)).length * 4 + 1,
         };
     });
 

src/theme/BlogPostPage/index.js

@@ -16,6 +16,13 @@ function getMultipleRandomPosts(relatedPosts, number) {
     const weightedItems = [...relatedPosts];
     const result = [];
 
+    if (weightedItems.length > 15) {
+        weightedItems.forEach((item) => {
+            //square the weight to increase the chance of the post being selected
+            item.relatedWeight = Math.pow(item.relatedWeight, 2);
+        });
+    }
+
     // Calculate the total weight
     let totalWeight = weightedItems.reduce((sum, item) => sum + item.relatedWeight, 0);
 
@@ -60,8 +67,6 @@ function BlogPostPageContent({ children }) {
 
     console.log('relatedPosts', relatedPosts);
 
-    //const url = '/blog/supabase-alternative/cover.png';
-
     return (
         <BlogLayout
             toc={