diff --git a/blog.config.js b/blog.config.js index df07d625c52..5cdda36aaf1 100644 --- a/blog.config.js +++ b/blog.config.js @@ -39,6 +39,9 @@ const BLOG = { CONTACT_INSTAGRAM: process.env.NEXT_PUBLIC_CONTACT_INSTAGRAM || '', // 您的instagram地址 CONTACT_BILIBILI: process.env.NEXT_PUBLIC_CONTACT_BILIBILI || '', // B站主页 CONTACT_YOUTUBE: process.env.NEXT_PUBLIC_CONTACT_YOUTUBE || '', // Youtube主页 + CONTACT_XIAOHONGSHU: process.env.NEXT_PUBLIC_CONTACT_XIAOHONGSHU || '', // 小红书主页 + CONTACT_ZHISHIXINGQIU: process.env.NEXT_PUBLIC_CONTACT_ZHISHIXINGQIU || '', // 知识星球 + CONTACT_WEHCHAT_PUBLIC: process.env.NEXT_PUBLIC_CONTACT_WEHCHAT_PUBLIC || '', // 微信公众号 格式：https://mp.weixin.qq.com/mp/profile_ext?action=home&__biz=【xxxxxx】==#wechat_redirect NOTION_HOST: process.env.NEXT_PUBLIC_NOTION_HOST || 'https://www.notion.so', // Notion域名，您可以选择用自己的域名进行反向代理，如果不懂得什么是反向代理，请勿修改此项 diff --git a/public/svg/xiaohongshu.svg b/public/svg/xiaohongshu.svg new file mode 100644 index 00000000000..3a5e4222c22 --- /dev/null +++ b/public/svg/xiaohongshu.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/public/svg/zhishixingqiu.svg b/public/svg/zhishixingqiu.svg new file mode 100644 index 00000000000..77293e8f1ac --- /dev/null +++ b/public/svg/zhishixingqiu.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/themes/hexo/components/SocialButton.js b/themes/hexo/components/SocialButton.js index 38f3cc7f32b..e16cbe410e1 100644 --- a/themes/hexo/components/SocialButton.js +++ b/themes/hexo/components/SocialButton.js @@ -1,4 +1,6 @@ +import QrCode from '@/components/QrCode' import { siteConfig } from '@/lib/config' +import { useState } from 'react' /** * 社交联系方式按钮组 @@ -6,39 +8,172 @@ import { siteConfig } from '@/lib/config' * @constructor */ const SocialButton = () => { - return
-
- {siteConfig('CONTACT_GITHUB') && - - } - {siteConfig('CONTACT_TWITTER') && - - } - {siteConfig('CONTACT_TELEGRAM') && - - } - {siteConfig('CONTACT_LINKEDIN') && - - } - {siteConfig('CONTACT_WEIBO') && - - } - {siteConfig('CONTACT_INSTAGRAM') && - - } - {siteConfig('CONTACT_EMAIL') && - - } - {JSON.parse(siteConfig('ENABLE_RSS')) && - - } - {siteConfig('CONTACT_BILIBILI') && - - } - {siteConfig('CONTACT_YOUTUBE') && - - } + const CONTACT_GITHUB = siteConfig('CONTACT_GITHUB') + const CONTACT_TWITTER = siteConfig('CONTACT_TWITTER') + const CONTACT_TELEGRAM = siteConfig('CONTACT_TELEGRAM') + + const CONTACT_LINKEDIN = siteConfig('CONTACT_LINKEDIN') + const CONTACT_WEIBO = siteConfig('CONTACT_WEIBO') + const CONTACT_INSTAGRAM = siteConfig('CONTACT_INSTAGRAM') + const CONTACT_EMAIL = siteConfig('CONTACT_EMAIL') + const ENABLE_RSS = siteConfig('ENABLE_RSS') + const CONTACT_BILIBILI = siteConfig('CONTACT_BILIBILI') + const CONTACT_YOUTUBE = siteConfig('CONTACT_YOUTUBE') + + const CONTACT_XIAOHONGSHU = siteConfig('CONTACT_XIAOHONGSHU') + const CONTACT_ZHISHIXINGQIU = siteConfig('CONTACT_ZHISHIXINGQIU') + const CONTACT_WEHCHAT_PUBLIC = siteConfig('CONTACT_WEHCHAT_PUBLIC') + + const [qrCodeShow, setQrCodeShow] = useState(false) + + const openPopover = () => { + setQrCodeShow(true) + } + const closePopover = () => { + setQrCodeShow(false) + } + return ( +
+
+ {CONTACT_GITHUB && ( + + + + )} + {CONTACT_TWITTER && ( + + + + )} + {CONTACT_TELEGRAM && ( + + + + )} + {CONTACT_LINKEDIN && ( + + + + )} + {CONTACT_WEIBO && ( + + + + )} + {CONTACT_INSTAGRAM && ( + + + + )} + {CONTACT_EMAIL && ( + + + + )} + {ENABLE_RSS && ( + + + + )} + {CONTACT_BILIBILI && ( + + + + )} + {CONTACT_YOUTUBE && ( + + + + )} + {CONTACT_XIAOHONGSHU && ( + + {/* eslint-disable-next-line @next/next/no-img-element */} + 小红书 + + )} + {CONTACT_ZHISHIXINGQIU && ( + + {/* eslint-disable-next-line @next/next/no-img-element */} + 知识星球{' '} + + )} + {CONTACT_WEHCHAT_PUBLIC && ( + + )} +
-
+ ) } export default SocialButton