Add env-based short about text under sidebar avatar and remove 'about site' card

.env.local.example

@@ -11,6 +11,7 @@ NEXT_PUBLIC_SITE_TAGLINE="Short tagline for your blog."
 NEXT_PUBLIC_POSTS_PER_PAGE="5"
 NEXT_PUBLIC_DEFAULT_LOCALE="zh-TW"
 NEXT_PUBLIC_SITE_AVATAR_URL="https://www.gravatar.com/avatar/yourhash?s=160&d=identicon"
+NEXT_PUBLIC_SITE_ABOUT_SHORT="A short sentence about you."
 
 # Color scheme / accents
 NEXT_PUBLIC_COLOR_ACCENT="#2563eb"

components/right-sidebar.tsx

@@ -74,16 +74,12 @@ export function RightSidebar() {
                 ))}
               </div>
             )}
-          </div>
-        </section>
-
-        <section className="rounded-xl border bg-white px-4 py-3 text-sm shadow-sm dark:border-slate-800 dark:bg-slate-900 dark:text-slate-100">
-          <h2 className="text-xs font-semibold uppercase tracking-wide text-slate-500 dark:text-slate-400">
-            關於本站
-          </h2>
-          <p className="mt-1 text-xs text-slate-600 dark:text-slate-200">
-            {siteConfig.description}
+            {siteConfig.aboutShort && (
+              <p className="mt-2 max-w-[11rem] text-center text-xs text-slate-600 dark:text-slate-200">
+                {siteConfig.aboutShort}
               </p>
+            )}
+          </div>
         </section>
 
         {tags.length > 0 && (

lib/config.ts

@@ -15,6 +15,9 @@ export const siteConfig = {
       : 5,
   defaultLocale: process.env.NEXT_PUBLIC_DEFAULT_LOCALE || 'zh-TW',
   avatar: process.env.NEXT_PUBLIC_SITE_AVATAR_URL || '',
+  aboutShort:
+    process.env.NEXT_PUBLIC_SITE_ABOUT_SHORT ||
+    '醫師，喜歡寫作與技術分享。',
   social: {
     twitter: process.env.NEXT_PUBLIC_TWITTER_HANDLE || '',
     github: process.env.NEXT_PUBLIC_GITHUB_URL || '',