From b6ec2f8fb9066767db9aef3ddd68f162b54d8172 Mon Sep 17 00:00:00 2001 From: "tangly1024.com" Date: Wed, 5 Jun 2024 16:40:36 +0800 Subject: [PATCH] =?UTF-8?q?hexo=E4=B8=BB=E9=A2=98=E5=8A=A0=E5=85=A5?= =?UTF-8?q?=E5=87=A0=E4=B8=AA=E6=96=B0=E7=9A=84=E7=A4=BE=E4=BA=A4=E6=8C=89?= =?UTF-8?q?=E9=92=AE?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- blog.config.js | 3 + public/svg/xiaohongshu.svg | 1 + public/svg/zhishixingqiu.svg | 1 + themes/hexo/components/SocialButton.js | 201 +++++++++++++++++++++---- 4 files changed, 173 insertions(+), 33 deletions(-) create mode 100644 public/svg/xiaohongshu.svg create mode 100644 public/svg/zhishixingqiu.svg diff --git a/blog.config.js b/blog.config.js index df07d625..5cdda36a 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 00000000..3a5e4222 --- /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 00000000..77293e8f --- /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 38f3cc7f..e16cbe41 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