Merge pull request #239 from KDF5000/feature/support_zhihu

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}

components/styles.module.css

@@ -93,6 +93,10 @@
   color: #2795e9;
 }
 
+.zhihu:hover {
+  color: #0066FF;
+}
+
 .github:hover {
   color: #c9510c;
 }

lib/config.ts

@@ -47,6 +47,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)