[fix] do some lints

components/utils/SocialIcons.tsx

@@ -1,6 +1,7 @@
 import { Config } from "@/data/config";
 import Link from "next/link";
 import { FiGithub, FiInstagram, FiMail, FiTwitter } from "react-icons/fi";
+import { FaWeibo } from "react-icons/fa";
 import {
   TbBrandBilibili,
   TbBrandFacebook,
@@ -13,63 +14,123 @@ import {
 
 export const SocialIcons = () => {
   return (
-    <div className="my-5 flex flex-wrap justify-center space-x-4 font-bold text-2xl">
+    <div className="flex flex-wrap justify-center font-bold text-2xl">
       {Config.SocialLinks.twitter && (
-        <Link href={`https://x.com/${Config.SocialLinks.twitter}`} target="_blank" title="Twitter">
+        <Link
+          className="flex w-1/5 basis-0 justify-center p-2"
+          href={`https://x.com/${Config.SocialLinks.twitter}`}
+          target="_blank"
+          title="Twitter"
+        >
           <FiTwitter className="hover:text-sky-500" />
         </Link>
       )}
       {Config.SocialLinks.mastodon && (
-        <Link href={Config.SocialLinks.mastodon} target="_blank" title="Mastodon">
+        <Link
+          className="flex w-1/5 basis-0 justify-center p-2"
+          href={Config.SocialLinks.mastodon}
+          target="_blank"
+          title="Mastodon"
+        >
           <TbBrandMastodon className="hover:text-purple-500" />
         </Link>
       )}
       {Config.SocialLinks.bilibili && (
-        <Link href={`https://space.bilibili.com/${Config.SocialLinks.bilibili}`} target="_blank" title="Bilibili">
+        <Link
+          className="flex w-1/5 basis-0 justify-center p-2"
+          href={`https://space.bilibili.com/${Config.SocialLinks.bilibili}`}
+          target="_blank"
+          title="Bilibili"
+        >
           <TbBrandBilibili className="hover:text-sky-500" />
         </Link>
       )}
+      {Config.SocialLinks.weibo && (
+        <Link
+          className="flex w-1/5 basis-0 justify-center p-2"
+          href={`https://weibo.com/u/${Config.SocialLinks.weibo}`}
+          target="_blank"
+          title="Weibo"
+        >
+          <FaWeibo className="hover:text-red-500" />
+        </Link>
+      )}
       {Config.SocialLinks.reddit && (
-        <Link href={`https://reddit.com/user/${Config.SocialLinks.reddit}`} target="_blank" title="Reddit">
+        <Link
+          className="flex w-1/5 basis-0 justify-center p-2"
+          href={`https://reddit.com/user/${Config.SocialLinks.reddit}`}
+          target="_blank"
+          title="Reddit"
+        >
           <TbBrandReddit className="hover:text-red-500" />
         </Link>
       )}
       {Config.SocialLinks.youtube && (
-        <Link href={`https://youtube.com/@${Config.SocialLinks.youtube}`} target="_blank" title="Youtube">
+        <Link
+          className="flex w-1/5 basis-0 justify-center p-2"
+          href={`https://youtube.com/@${Config.SocialLinks.youtube}`}
+          target="_blank"
+          title="Youtube"
+        >
           <TbBrandYoutube className="hover:text-red-500" />
         </Link>
       )}
       {Config.SocialLinks.instagram && (
-        <Link href={`https://instagram.com/${Config.SocialLinks.instagram}`} target="_blank" title="Instagram">
+        <Link
+          className="flex w-1/5 basis-0 justify-center p-2"
+          href={`https://instagram.com/${Config.SocialLinks.instagram}`}
+          target="_blank"
+          title="Instagram"
+        >
           <FiInstagram className="hover:text-orange-500" />
         </Link>
       )}
       {Config.SocialLinks.facebook && (
-        <Link href={`https://instagram.com/${Config.SocialLinks.facebook}`} target="_blank" title="Facebook">
+        <Link
+          className="flex w-1/5 basis-0 justify-center p-2"
+          href={`https://instagram.com/${Config.SocialLinks.facebook}`}
+          target="_blank"
+          title="Facebook"
+        >
           <TbBrandFacebook className="hover:text-blue-500" />
         </Link>
       )}
       {Config.SocialLinks.linkedin && (
-        <Link href={`https://linkedin.com/in/${Config.SocialLinks.linkedin}`} target="_blank" title="LinkedIn">
+        <Link
+          className="flex w-1/5 basis-0 justify-center p-2"
+          href={`https://linkedin.com/in/${Config.SocialLinks.linkedin}`}
+          target="_blank"
+          title="LinkedIn"
+        >
           <TbBrandLinkedin className="hover:text-blue-500" />
         </Link>
       )}
-      {Config.SocialLinks.youtube && (
-        <Link href={`https://youtube.com/@${Config.SocialLinks.youtube}`} target="_blank" title="Youtube">
-          <TbBrandYoutube className="hover:text-red-500" />
-        </Link>
-      )}
       {Config.SocialLinks.telegram && (
-        <Link href={`https://t.me/${Config.SocialLinks.telegram}`} target="_blank" title="Telegram">
+        <Link
+          className="flex w-1/5 basis-0 justify-center p-2"
+          href={`https://t.me/${Config.SocialLinks.telegram}`}
+          target="_blank"
+          title="Telegram"
+        >
           <TbBrandTelegram className="hover:text-blue-500" />
         </Link>
       )}
       {Config.SocialLinks.github && (
-        <Link href={`https://github.com/${Config.SocialLinks.github}`} target="_blank" title="Github">
+        <Link
+          className="flex w-1/5 basis-0 justify-center p-2"
+          href={`https://github.com/${Config.SocialLinks.github}`}
+          target="_blank"
+          title="Github"
+        >
           <FiGithub className="hover:text-gray-500" />
         </Link>
       )}
-      <Link href={`mailto:${Config.SocialLinks.email}`} target="_blank" title="EMail Address">
+      <Link
+        className="flex w-1/5 basis-0 justify-center p-2"
+        href={`mailto:${Config.SocialLinks.email}`}
+        target="_blank"
+        title="EMail Address"
+      >
         <FiMail className="hover:text-gray-500" />
       </Link>
     </div>

data/config.ts

@@ -26,13 +26,12 @@ export const Config: TConfig = {
     linkedin: "example", // Linkedin ID
     github: "example", // Github ID
     facebook: "example", // Facebook ID
-
+    youtube: "example", // Channel ID
-    // Add more platform IDs here.
+    reddit: "example", // Reddit ID
-    // youtube: "example", // Channel ID
+    bilibili: "123456", // Bilibili Number ID
-    // reddit:"example", // Reddit ID
+    weibo: "123456", // Weibo UID
-    // bilibili:"123456",  // Bilibili Number ID
+    telegram: "example", // Telegram ID
-    // telegram: "example", // Telegram ID
+    mastodon: "https://mas.to/@example", // Mastodon link
-    // mastodon: "https://mas.to/@example", // Mastodon link
     email: "me@example.com", // Email address, required.
   },
 

pages/404.tsx

@@ -1,7 +1,7 @@
-import { ContentContainer, Page } from "@/components/utils/Layout";
 import { Button } from "@/components/ui/button";
 import { Separator } from "@/components/ui/separator";
 import { Footer } from "@/components/utils/Footer";
+import { ContentContainer, Page } from "@/components/utils/Layout";
 import { NavBar } from "@/components/utils/NavBar";
 import { TfiFaceSad } from "react-icons/tfi";
 

pages/500.tsx

@@ -1,7 +1,7 @@
-import { ContentContainer, Page } from "@/components/utils/Layout";
 import { Button } from "@/components/ui/button";
 import { Separator } from "@/components/ui/separator";
 import { Footer } from "@/components/utils/Footer";
+import { ContentContainer, Page } from "@/components/utils/Layout";
 import { NavBar } from "@/components/utils/NavBar";
 import { MdOutlineDangerous } from "react-icons/md";
 

pages/about.tsx

@@ -1,6 +1,6 @@
-import { ContentContainer, Page } from "@/components/utils/Layout";
 import { Separator } from "@/components/ui/separator";
 import { Footer } from "@/components/utils/Footer";
+import { ContentContainer, Page } from "@/components/utils/Layout";
 import { NavBar } from "@/components/utils/NavBar";
 import { SEO } from "@/components/utils/SEO";
 import { SocialIcons } from "@/components/utils/SocialIcons";

pages/blog/[id].tsx

@@ -1,4 +1,3 @@
-import { ContentContainer, Page } from "@/components/utils/Layout";
 import { MDXComponentsSet } from "@/components/mdx";
 import { BottomCard } from "@/components/reader-page/BottomCard";
 import { DrawerTOC } from "@/components/reader-page/DrawerTOC";
@@ -9,6 +8,7 @@ import { TOC } from "@/components/reader-page/TOC";
 import { Separator } from "@/components/ui/separator";
 import { Toaster } from "@/components/ui/toaster";
 import { Footer } from "@/components/utils/Footer";
+import { ContentContainer, Page } from "@/components/utils/Layout";
 import { NavBar } from "@/components/utils/NavBar";
 import { SEO } from "@/components/utils/SEO";
 import { Config } from "@/data/config";

pages/friends.tsx

@@ -1,6 +1,6 @@
-import { ContentContainer, Page } from "@/components/utils/Layout";
 import { Separator } from "@/components/ui/separator";
 import { Footer } from "@/components/utils/Footer";
+import { ContentContainer, Page } from "@/components/utils/Layout";
 import { NavBar } from "@/components/utils/NavBar";
 import { SEO } from "@/components/utils/SEO";
 import { Config } from "@/data/config";

pages/index.tsx

@@ -1,8 +1,8 @@
 import { HomeCover } from "@/components/home-page/HomeCover";
-import { ContentContainer, Page } from "@/components/utils/Layout";
 import { Button } from "@/components/ui/button";
 import { Separator } from "@/components/ui/separator";
 import { Footer } from "@/components/utils/Footer";
+import { ContentContainer, Page } from "@/components/utils/Layout";
 import { NavBar } from "@/components/utils/NavBar";
 import { PostList } from "@/components/utils/PostList";
 import { SEO } from "@/components/utils/SEO";

pages/posts/[[...slug]].tsx

@@ -1,9 +1,9 @@
-import { ContentContainer, Page } from "@/components/utils/Layout";
 import { Accordion, AccordionContent, AccordionItem, AccordionTrigger } from "@/components/ui/accordion";
 import { Button } from "@/components/ui/button";
 import { Input } from "@/components/ui/input";
 import { Separator } from "@/components/ui/separator";
 import { Footer } from "@/components/utils/Footer";
+import { ContentContainer, Page } from "@/components/utils/Layout";
 import { NavBar } from "@/components/utils/NavBar";
 import { PostList } from "@/components/utils/PostList";
 import { SEO } from "@/components/utils/SEO";

pages/search.tsx

@@ -1,9 +1,9 @@
-import { ContentContainer, Page } from "@/components/utils/Layout";
 import { Button } from "@/components/ui/button";
 import { Input } from "@/components/ui/input";
 import { Toaster } from "@/components/ui/toaster";
 import { useToast } from "@/components/ui/use-toast";
 import { Footer } from "@/components/utils/Footer";
+import { ContentContainer, Page } from "@/components/utils/Layout";
 import { NavBar } from "@/components/utils/NavBar";
 import { SEO } from "@/components/utils/SEO";
 import { Config } from "@/data/config";

pages/sponsor.tsx

@@ -1,8 +1,8 @@
-import { ContentContainer, Page } from "@/components/utils/Layout";
 import { SponsorBoard } from "@/components/sponsor-page/SponsorBoard";
 import { SponsorDescription } from "@/components/sponsor-page/SponsorDescription";
 import { Toaster } from "@/components/ui/toaster";
 import { Footer } from "@/components/utils/Footer";
+import { ContentContainer, Page } from "@/components/utils/Layout";
 import { NavBar } from "@/components/utils/NavBar";
 import { SEO } from "@/components/utils/SEO";
 import { Config } from "@/data/config";

pages/tags/[...slug].tsx

@@ -1,8 +1,8 @@
-import { ContentContainer, Page } from "@/components/utils/Layout";
 import { Button } from "@/components/ui/button";
 import { Input } from "@/components/ui/input";
 import { Separator } from "@/components/ui/separator";
 import { Footer } from "@/components/utils/Footer";
+import { ContentContainer, Page } from "@/components/utils/Layout";
 import { NavBar } from "@/components/utils/NavBar";
 import { PostList } from "@/components/utils/PostList";
 import { SEO } from "@/components/utils/SEO";

types/config.type.ts

@@ -13,6 +13,7 @@ export type TConfig = {
   SocialLinks: {
     twitter?: string;
     bilibili?: string;
+    weibo?: string;
     reddit?: string;
     facebook?: string;
     instagram?: string;