From 5d17108c6f09c42fb37d3861ed48590dda26fad9 Mon Sep 17 00:00:00 2001
From: kongdefei <kongdefei@bytedance.com>
Date: Thu, 24 Mar 2022 21:56:08 +0800
Subject: [PATCH] support zhihu social account

---
 components/Footer.tsx        | 14 +++++++++++++-
 components/styles.module.css |  4 ++++
 lib/config.ts                |  1 +
 3 files changed, 18 insertions(+), 1 deletion(-)

diff --git a/components/Footer.tsx b/components/Footer.tsx
index 9c828ac..3d47052 100644
--- a/components/Footer.tsx
+++ b/components/Footer.tsx
@@ -1,5 +1,5 @@
 import * as React from 'react'
-import { FaTwitter, FaGithub, FaLinkedin } from 'react-icons/fa'
+import { FaTwitter, FaZhihu, FaGithub, FaLinkedin } from 'react-icons/fa'
 import { IoSunnyOutline, IoMoonSharp } from 'react-icons/io5'
 import * as config from 'lib/config'
 
@@ -53,6 +53,18 @@ export const Footer: React.FC<{
           </a>
         )}
 
+        {config.zhihu && (
+          <a
+            className={styles.zhihu}
+            href={`https://zhihu.com/people/${config.zhihu}`}
+            title={`Zhihu @${config.zhihu}`}
+            target='_blank'
+            rel='noopener noreferrer'
+          >
+            <FaZhihu />
+          </a>
+        )}
+
         {config.github && (
           <a
             className={styles.github}
diff --git a/components/styles.module.css b/components/styles.module.css
index be9051b..3a46645 100644
--- a/components/styles.module.css
+++ b/components/styles.module.css
@@ -93,6 +93,10 @@
   color: #2795e9;
 }
 
+.zhihu:hover {
+  color: #0066FF;
+}
+
 .github:hover {
   color: #c9510c;
 }
diff --git a/lib/config.ts b/lib/config.ts
index f25d130..feff423 100644
--- a/lib/config.ts
+++ b/lib/config.ts
@@ -44,6 +44,7 @@ export const description: string = getSiteConfig('description', 'Notion Blog')
 
 // social accounts
 export const twitter: string | null = getSiteConfig('twitter', null)
+export const zhihu: string | null = getSiteConfig('zhihu', null)
 export const github: string | null = getSiteConfig('github', null)
 export const linkedin: string | null = getSiteConfig('linkedin', null)