d0zingcat/NotionNext
1
0
Fork 0
mirror of https://github.com/d0zingcat/NotionNext.git synced 2026-06-05 07:26:46 +00:00
Code Issues Packages Projects Releases Wiki Activity

替换RSS链接

Browse Source
This commit is contained in:
tangly1024.com
2024-06-24 13:48:13 +08:00
parent 528986403b
commit bce5d4e076
12 changed files with 950 additions and 325 deletions
Download Patch File Download Diff File Expand all files Collapse all files

128
themes/commerce/components/SocialButton.js
View File

@@ -5,39 +5,101 @@ import { siteConfig } from '@/lib/config'
* @constructor * @constructor
*/ */
const SocialButton = () => { const SocialButton = () => {
return <div className='w-full justify-center flex-wrap flex'> return (
<div className='space-x-3 text-xl text-gray-600 dark:text-gray-300 '> <div className='w-full justify-center flex-wrap flex'>
{siteConfig('CONTACT_GITHUB') && <a target='_blank' rel='noreferrer' title={'github'} href={siteConfig('CONTACT_GITHUB')} > <div className='space-x-3 text-xl text-gray-600 dark:text-gray-300 '>
<i className='transform hover:scale-125 duration-150 fab fa-github dark:hover:text-red-400 hover:text-red-600'/> {siteConfig('CONTACT_GITHUB') && (
</a>} <a
{siteConfig('CONTACT_TWITTER') && <a target='_blank' rel='noreferrer' title={'twitter'} href={siteConfig('CONTACT_TWITTER')} > target='_blank'
<i className='transform hover:scale-125 duration-150 fab fa-twitter dark:hover:text-red-400 hover:text-red-600'/> rel='noreferrer'
</a>} title={'github'}
{siteConfig('CONTACT_TELEGRAM') && <a target='_blank' rel='noreferrer' href={siteConfig('CONTACT_TELEGRAM')} title={'telegram'} > href={siteConfig('CONTACT_GITHUB')}>
<i className='transform hover:scale-125 duration-150 fab fa-telegram dark:hover:text-red-400 hover:text-red-600'/> <i className='transform hover:scale-125 duration-150 fab fa-github dark:hover:text-red-400 hover:text-red-600' />
</a>} </a>
{siteConfig('CONTACT_LINKEDIN') && <a target='_blank' rel='noreferrer' href={siteConfig('CONTACT_LINKEDIN')} title={'linkIn'} > )}
<i className='transform hover:scale-125 duration-150 fab fa-linkedin dark:hover:text-red-400 hover:text-red-600'/> {siteConfig('CONTACT_TWITTER') && (
</a>} <a
{siteConfig('CONTACT_WEIBO') && <a target='_blank' rel='noreferrer' title={'weibo'} href={siteConfig('CONTACT_WEIBO')} > target='_blank'
<i className='transform hover:scale-125 duration-150 fab fa-weibo dark:hover:text-red-400 hover:text-red-600'/> rel='noreferrer'
</a>} title={'twitter'}
{siteConfig('CONTACT_INSTAGRAM') && <a target='_blank' rel='noreferrer' title={'instagram'} href={siteConfig('CONTACT_INSTAGRAM')} > href={siteConfig('CONTACT_TWITTER')}>
<i className='transform hover:scale-125 duration-150 fab fa-instagram dark:hover:text-red-400 hover:text-red-600'/> <i className='transform hover:scale-125 duration-150 fab fa-twitter dark:hover:text-red-400 hover:text-red-600' />
</a>} </a>
{siteConfig('CONTACT_EMAIL') && <a target='_blank' rel='noreferrer' title={'email'} href={`mailto:${siteConfig('CONTACT_EMAIL')}`} > )}
<i className='transform hover:scale-125 duration-150 fas fa-envelope dark:hover:text-red-400 hover:text-red-600'/> {siteConfig('CONTACT_TELEGRAM') && (
</a>} <a
{JSON.parse(siteConfig('ENABLE_RSS')) && <a target='_blank' rel='noreferrer' title={'RSS'} href={'/feed'} > target='_blank'
<i className='transform hover:scale-125 duration-150 fas fa-rss dark:hover:text-red-400 hover:text-red-600'/> rel='noreferrer'
</a>} href={siteConfig('CONTACT_TELEGRAM')}
{siteConfig('CONTACT_BILIBILI') && <a target='_blank' rel='noreferrer' title={'bilibili'} href={siteConfig('CONTACT_BILIBILI')} > title={'telegram'}>
<i className='transform hover:scale-125 duration-150 fab fa-bilibili dark:hover:text-red-400 hover:text-red-600'/> <i className='transform hover:scale-125 duration-150 fab fa-telegram dark:hover:text-red-400 hover:text-red-600' />
</a>} </a>
{siteConfig('CONTACT_YOUTUBE') && <a target='_blank' rel='noreferrer' title={'youtube'} href={siteConfig('CONTACT_YOUTUBE')} > )}
<i className='transform hover:scale-125 duration-150 fab fa-youtube dark:hover:text-red-400 hover:text-red-600'/> {siteConfig('CONTACT_LINKEDIN') && (
</a>} <a
target='_blank'
rel='noreferrer'
href={siteConfig('CONTACT_LINKEDIN')}
title={'linkIn'}>
<i className='transform hover:scale-125 duration-150 fab fa-linkedin dark:hover:text-red-400 hover:text-red-600' />
</a>
)}
{siteConfig('CONTACT_WEIBO') && (
<a
target='_blank'
rel='noreferrer'
title={'weibo'}
href={siteConfig('CONTACT_WEIBO')}>
<i className='transform hover:scale-125 duration-150 fab fa-weibo dark:hover:text-red-400 hover:text-red-600' />
</a>
)}
{siteConfig('CONTACT_INSTAGRAM') && (
<a
target='_blank'
rel='noreferrer'
title={'instagram'}
href={siteConfig('CONTACT_INSTAGRAM')}>
<i className='transform hover:scale-125 duration-150 fab fa-instagram dark:hover:text-red-400 hover:text-red-600' />
</a>
)}
{siteConfig('CONTACT_EMAIL') && (
<a
target='_blank'
rel='noreferrer'
title={'email'}
href={`mailto:${siteConfig('CONTACT_EMAIL')}`}>
<i className='transform hover:scale-125 duration-150 fas fa-envelope dark:hover:text-red-400 hover:text-red-600' />
</a>
)}
{JSON.parse(siteConfig('ENABLE_RSS')) && (
<a
target='_blank'
rel='noreferrer'
title={'RSS'}
href={'/rss/feed.xml'}>
<i className='transform hover:scale-125 duration-150 fas fa-rss dark:hover:text-red-400 hover:text-red-600' />
</a>
)}
{siteConfig('CONTACT_BILIBILI') && (
<a
target='_blank'
rel='noreferrer'
title={'bilibili'}
href={siteConfig('CONTACT_BILIBILI')}>
<i className='transform hover:scale-125 duration-150 fab fa-bilibili dark:hover:text-red-400 hover:text-red-600' />
</a>
)}
{siteConfig('CONTACT_YOUTUBE') && (
<a
target='_blank'
rel='noreferrer'
title={'youtube'}
href={siteConfig('CONTACT_YOUTUBE')}>
<i className='transform hover:scale-125 duration-150 fab fa-youtube dark:hover:text-red-400 hover:text-red-600' />
</a>
)}
</div>
</div> </div>
</div> )
} }
export default SocialButton export default SocialButton

128
themes/fukasawa/components/SocialButton.js
View File

@@ -6,39 +6,101 @@ import { siteConfig } from '@/lib/config'
* @constructor * @constructor
*/ */
const SocialButton = () => { const SocialButton = () => {
return <div className='w-52 flex-wrap flex'> return (
<div className='space-x-3 text-lg text-gray-500 dark:text-gray-400'> <div className='w-52 flex-wrap flex'>
{siteConfig('CONTACT_GITHUB') && <a target='_blank' rel='noreferrer' title={'github'} href={siteConfig('CONTACT_GITHUB')} > <div className='space-x-3 text-lg text-gray-500 dark:text-gray-400'>
<i className='fab fa-github transform hover:scale-125 duration-150'/> {siteConfig('CONTACT_GITHUB') && (
</a>} <a
{siteConfig('CONTACT_TWITTER') && <a target='_blank' rel='noreferrer' title={'twitter'} href={siteConfig('CONTACT_TWITTER')} > target='_blank'
<i className='fab fa-twitter transform hover:scale-125 duration-150'/> rel='noreferrer'
</a>} title={'github'}
{siteConfig('CONTACT_TELEGRAM') && <a target='_blank' rel='noreferrer' href={siteConfig('CONTACT_TELEGRAM')} title={'telegram'} > href={siteConfig('CONTACT_GITHUB')}>
<i className='fab fa-telegram transform hover:scale-125 duration-150'/> <i className='fab fa-github transform hover:scale-125 duration-150' />
</a>} </a>
{siteConfig('CONTACT_LINKEDIN') && <a target='_blank' rel='noreferrer' href={siteConfig('CONTACT_LINKEDIN')} title={'linkedIn'} > )}
<i className='fab fa-linkedin transform hover:scale-125 duration-150'/> {siteConfig('CONTACT_TWITTER') && (
</a>} <a
{siteConfig('CONTACT_WEIBO') && <a target='_blank' rel='noreferrer' title={'weibo'} href={siteConfig('CONTACT_WEIBO')} > target='_blank'
<i className='fab fa-weibo transform hover:scale-125 duration-150'/> rel='noreferrer'
</a>} title={'twitter'}
{siteConfig('CONTACT_INSTAGRAM') && <a target='_blank' rel='noreferrer' title={'instagram'} href={siteConfig('CONTACT_INSTAGRAM')} > href={siteConfig('CONTACT_TWITTER')}>
<i className='fab fa-instagram transform hover:scale-125 duration-150'/> <i className='fab fa-twitter transform hover:scale-125 duration-150' />
</a>} </a>
{siteConfig('CONTACT_EMAIL') && <a target='_blank' rel='noreferrer' title={'email'} href={`mailto:${siteConfig('CONTACT_EMAIL')}`} > )}
<i className='fas fa-envelope transform hover:scale-125 duration-150'/> {siteConfig('CONTACT_TELEGRAM') && (
</a>} <a
{JSON.parse(siteConfig('ENABLE_RSS')) && <a target='_blank' rel='noreferrer' title={'RSS'} href={'/feed'} > target='_blank'
<i className='fas fa-rss transform hover:scale-125 duration-150'/> rel='noreferrer'
</a>} href={siteConfig('CONTACT_TELEGRAM')}
{siteConfig('CONTACT_BILIBILI') && <a target='_blank' rel='noreferrer' title={'bilibili'} href={siteConfig('CONTACT_BILIBILI')} > title={'telegram'}>
<i className='fab fa-bilibili transform hover:scale-125 duration-150'/> <i className='fab fa-telegram transform hover:scale-125 duration-150' />
</a>} </a>
{siteConfig('CONTACT_YOUTUBE') && <a target='_blank' rel='noreferrer' title={'youtube'} href={siteConfig('CONTACT_YOUTUBE')} > )}
<i className='fab fa-youtube transform hover:scale-125 duration-150'/> {siteConfig('CONTACT_LINKEDIN') && (
</a>} <a
target='_blank'
rel='noreferrer'
href={siteConfig('CONTACT_LINKEDIN')}
title={'linkedIn'}>
<i className='fab fa-linkedin transform hover:scale-125 duration-150' />
</a>
)}
{siteConfig('CONTACT_WEIBO') && (
<a
target='_blank'
rel='noreferrer'
title={'weibo'}
href={siteConfig('CONTACT_WEIBO')}>
<i className='fab fa-weibo transform hover:scale-125 duration-150' />
</a>
)}
{siteConfig('CONTACT_INSTAGRAM') && (
<a
target='_blank'
rel='noreferrer'
title={'instagram'}
href={siteConfig('CONTACT_INSTAGRAM')}>
<i className='fab fa-instagram transform hover:scale-125 duration-150' />
</a>
)}
{siteConfig('CONTACT_EMAIL') && (
<a
target='_blank'
rel='noreferrer'
title={'email'}
href={`mailto:${siteConfig('CONTACT_EMAIL')}`}>
<i className='fas fa-envelope transform hover:scale-125 duration-150' />
</a>
)}
{JSON.parse(siteConfig('ENABLE_RSS')) && (
<a
target='_blank'
rel='noreferrer'
title={'RSS'}
href={'/rss/feed.xml'}>
<i className='fas fa-rss transform hover:scale-125 duration-150' />
</a>
)}
{siteConfig('CONTACT_BILIBILI') && (
<a
target='_blank'
rel='noreferrer'
title={'bilibili'}
href={siteConfig('CONTACT_BILIBILI')}>
<i className='fab fa-bilibili transform hover:scale-125 duration-150' />
</a>
)}
{siteConfig('CONTACT_YOUTUBE') && (
<a
target='_blank'
rel='noreferrer'
title={'youtube'}
href={siteConfig('CONTACT_YOUTUBE')}>
<i className='fab fa-youtube transform hover:scale-125 duration-150' />
</a>
)}
</div>
</div> </div>
</div> )
} }
export default SocialButton export default SocialButton

6
themes/gitbook/components/SocialButton.js
View File

@@ -99,7 +99,11 @@ const SocialButton = () => {
</a> </a>
)} )}
{ENABLE_RSS && ( {ENABLE_RSS && (
<a target='_blank' rel='noreferrer' title={'RSS'} href={'/feed'}> <a
target='_blank'
rel='noreferrer'
title={'RSS'}
href={'/rss/feed.xml'}>
<i className='transform hover:scale-125 duration-150 fas fa-rss dark:hover:text-green-400 hover:text-green-600' /> <i className='transform hover:scale-125 duration-150 fas fa-rss dark:hover:text-green-400 hover:text-green-600' />
</a> </a>
)} )}

128
themes/heo/components/SocialButton.js
View File

@@ -6,39 +6,101 @@ import { siteConfig } from '@/lib/config'
* @constructor * @constructor
*/ */
const SocialButton = () => { const SocialButton = () => {
return <div className='w-full justify-center flex-wrap flex'> return (
<div className='space-x-12 text-3xl text-gray-600 dark:text-gray-300 '> <div className='w-full justify-center flex-wrap flex'>
{siteConfig('CONTACT_GITHUB') && <a target='_blank' rel='noreferrer' title={'github'} href={siteConfig('CONTACT_GITHUB')} > <div className='space-x-12 text-3xl text-gray-600 dark:text-gray-300 '>
<i className='transform hover:scale-125 duration-150 fab fa-github dark:hover:text-indigo-400 hover:text-indigo-600'/> {siteConfig('CONTACT_GITHUB') && (
</a>} <a
{siteConfig('CONTACT_TWITTER') && <a target='_blank' rel='noreferrer' title={'twitter'} href={siteConfig('CONTACT_TWITTER')} > target='_blank'
<i className='transform hover:scale-125 duration-150 fab fa-twitter dark:hover:text-indigo-400 hover:text-indigo-600'/> rel='noreferrer'
</a>} title={'github'}
{siteConfig('CONTACT_TELEGRAM') && <a target='_blank' rel='noreferrer' href={siteConfig('CONTACT_TELEGRAM')} title={'telegram'} > href={siteConfig('CONTACT_GITHUB')}>
<i className='transform hover:scale-125 duration-150 fab fa-telegram dark:hover:text-indigo-400 hover:text-indigo-600'/> <i className='transform hover:scale-125 duration-150 fab fa-github dark:hover:text-indigo-400 hover:text-indigo-600' />
</a>} </a>
{siteConfig('CONTACT_LINKEDIN') && <a target='_blank' rel='noreferrer' href={siteConfig('CONTACT_LINKEDIN')} title={'linkIn'} > )}
<i className='transform hover:scale-125 duration-150 fab fa-linkedin dark:hover:text-indigo-400 hover:text-indigo-600'/> {siteConfig('CONTACT_TWITTER') && (
</a>} <a
{siteConfig('CONTACT_WEIBO') && <a target='_blank' rel='noreferrer' title={'weibo'} href={siteConfig('CONTACT_WEIBO')} > target='_blank'
<i className='transform hover:scale-125 duration-150 fab fa-weibo dark:hover:text-indigo-400 hover:text-indigo-600'/> rel='noreferrer'
</a>} title={'twitter'}
{siteConfig('CONTACT_INSTAGRAM') && <a target='_blank' rel='noreferrer' title={'instagram'} href={siteConfig('CONTACT_INSTAGRAM')} > href={siteConfig('CONTACT_TWITTER')}>
<i className='transform hover:scale-125 duration-150 fab fa-instagram dark:hover:text-indigo-400 hover:text-indigo-600'/> <i className='transform hover:scale-125 duration-150 fab fa-twitter dark:hover:text-indigo-400 hover:text-indigo-600' />
</a>} </a>
{siteConfig('CONTACT_EMAIL') && <a target='_blank' rel='noreferrer' title={'email'} href={`mailto:${siteConfig('CONTACT_EMAIL')}`} > )}
<i className='transform hover:scale-125 duration-150 fas fa-envelope dark:hover:text-indigo-400 hover:text-indigo-600'/> {siteConfig('CONTACT_TELEGRAM') && (
</a>} <a
{JSON.parse(siteConfig('ENABLE_RSS')) && <a target='_blank' rel='noreferrer' title={'RSS'} href={'/feed'} > target='_blank'
<i className='transform hover:scale-125 duration-150 fas fa-rss dark:hover:text-indigo-400 hover:text-indigo-600'/> rel='noreferrer'
</a>} href={siteConfig('CONTACT_TELEGRAM')}
{siteConfig('CONTACT_BILIBILI') && <a target='_blank' rel='noreferrer' title={'bilibili'} href={siteConfig('CONTACT_BILIBILI')} > title={'telegram'}>
<i className='transform hover:scale-125 duration-150 fab fa-bilibili dark:hover:text-indigo-400 hover:text-indigo-600'/> <i className='transform hover:scale-125 duration-150 fab fa-telegram dark:hover:text-indigo-400 hover:text-indigo-600' />
</a>} </a>
{siteConfig('CONTACT_YOUTUBE') && <a target='_blank' rel='noreferrer' title={'youtube'} href={siteConfig('CONTACT_YOUTUBE')} > )}
<i className='transform hover:scale-125 duration-150 fab fa-youtube dark:hover:text-indigo-400 hover:text-indigo-600'/> {siteConfig('CONTACT_LINKEDIN') && (
</a>} <a
target='_blank'
rel='noreferrer'
href={siteConfig('CONTACT_LINKEDIN')}
title={'linkIn'}>
<i className='transform hover:scale-125 duration-150 fab fa-linkedin dark:hover:text-indigo-400 hover:text-indigo-600' />
</a>
)}
{siteConfig('CONTACT_WEIBO') && (
<a
target='_blank'
rel='noreferrer'
title={'weibo'}
href={siteConfig('CONTACT_WEIBO')}>
<i className='transform hover:scale-125 duration-150 fab fa-weibo dark:hover:text-indigo-400 hover:text-indigo-600' />
</a>
)}
{siteConfig('CONTACT_INSTAGRAM') && (
<a
target='_blank'
rel='noreferrer'
title={'instagram'}
href={siteConfig('CONTACT_INSTAGRAM')}>
<i className='transform hover:scale-125 duration-150 fab fa-instagram dark:hover:text-indigo-400 hover:text-indigo-600' />
</a>
)}
{siteConfig('CONTACT_EMAIL') && (
<a
target='_blank'
rel='noreferrer'
title={'email'}
href={`mailto:${siteConfig('CONTACT_EMAIL')}`}>
<i className='transform hover:scale-125 duration-150 fas fa-envelope dark:hover:text-indigo-400 hover:text-indigo-600' />
</a>
)}
{JSON.parse(siteConfig('ENABLE_RSS')) && (
<a
target='_blank'
rel='noreferrer'
title={'RSS'}
href={'/rss/feed.xml'}>
<i className='transform hover:scale-125 duration-150 fas fa-rss dark:hover:text-indigo-400 hover:text-indigo-600' />
</a>
)}
{siteConfig('CONTACT_BILIBILI') && (
<a
target='_blank'
rel='noreferrer'
title={'bilibili'}
href={siteConfig('CONTACT_BILIBILI')}>
<i className='transform hover:scale-125 duration-150 fab fa-bilibili dark:hover:text-indigo-400 hover:text-indigo-600' />
</a>
)}
{siteConfig('CONTACT_YOUTUBE') && (
<a
target='_blank'
rel='noreferrer'
title={'youtube'}
href={siteConfig('CONTACT_YOUTUBE')}>
<i className='transform hover:scale-125 duration-150 fab fa-youtube dark:hover:text-indigo-400 hover:text-indigo-600' />
</a>
)}
</div>
</div> </div>
</div> )
} }
export default SocialButton export default SocialButton

6
themes/hexo/components/SocialButton.js
View File

@@ -99,7 +99,11 @@ const SocialButton = () => {
</a> </a>
)} )}
{ENABLE_RSS && ( {ENABLE_RSS && (
<a target='_blank' rel='noreferrer' title={'RSS'} href={'/feed'}> <a
target='_blank'
rel='noreferrer'
title={'RSS'}
href={'/rss/feed.xml'}>
<i className='transform hover:scale-125 duration-150 fas fa-rss dark:hover:text-indigo-400 hover:text-indigo-600' /> <i className='transform hover:scale-125 duration-150 fas fa-rss dark:hover:text-indigo-400 hover:text-indigo-600' />
</a> </a>
)} )}

143
themes/matery/components/SocialButton.js
View File

@@ -12,42 +12,113 @@ const SocialButton = () => {
setShow(!show) setShow(!show)
} }
return <div className='flex flex-col transform hover:scale-105 duration-200 text-white text-center bg-indigo-700 rounded-full dark:bg-black cursor-pointer py-2.5'> return (
{!show && <i onClick={toggleShow} className='transform hover:scale-125 duration-150 fas fa-user py-0.5' />} <div className='flex flex-col transform hover:scale-105 duration-200 text-white text-center bg-indigo-700 rounded-full dark:bg-black cursor-pointer py-2.5'>
{show && <> {!show && (
{siteConfig('CONTACT_GITHUB') && <a target='_blank' rel='noreferrer' title={'github'} href={siteConfig('CONTACT_GITHUB')} > <i
<i className='transform hover:scale-125 duration-150 fab fa-github ' /> onClick={toggleShow}
</a>} className='transform hover:scale-125 duration-150 fas fa-user py-0.5'
{siteConfig('CONTACT_TWITTER') && <a target='_blank' rel='noreferrer' title={'twitter'} href={siteConfig('CONTACT_TWITTER')} > />
<i className='transform hover:scale-125 duration-150 fab fa-twitter ' /> )}
</a>} {show && (
{siteConfig('CONTACT_TELEGRAM') && <a target='_blank' rel='noreferrer' href={siteConfig('CONTACT_TELEGRAM')} title={'telegram'} > <>
<i className='transform hover:scale-125 duration-150 fab fa-telegram ' /> {siteConfig('CONTACT_GITHUB') && (
</a>} <a
{siteConfig('CONTACT_LINKEDIN') && <a target='_blank' rel='noreferrer' href={siteConfig('CONTACT_LINKEDIN')} title={'linkIn'} > target='_blank'
<i className='transform hover:scale-125 duration-150 fab fa-linkedin ' /> rel='noreferrer'
</a>} title={'github'}
{siteConfig('CONTACT_WEIBO') && <a target='_blank' rel='noreferrer' title={'weibo'} href={siteConfig('CONTACT_WEIBO')} > href={siteConfig('CONTACT_GITHUB')}>
<i className='transform hover:scale-125 duration-150 fab fa-weibo ' /> <i className='transform hover:scale-125 duration-150 fab fa-github ' />
</a>} </a>
{siteConfig('CONTACT_INSTAGRAM') && <a target='_blank' rel='noreferrer' title={'instagram'} href={siteConfig('CONTACT_INSTAGRAM')} > )}
<i className='transform hover:scale-125 duration-150 fab fa-instagram ' /> {siteConfig('CONTACT_TWITTER') && (
</a>} <a
{siteConfig('CONTACT_EMAIL') && <a target='_blank' rel='noreferrer' title={'email'} href={`mailto:${siteConfig('CONTACT_EMAIL')}`} > target='_blank'
<i className='transform hover:scale-125 duration-150 fas fa-envelope ' /> rel='noreferrer'
</a>} title={'twitter'}
{JSON.parse(siteConfig('ENABLE_RSS')) && <a target='_blank' rel='noreferrer' title={'RSS'} href={'/feed'} > href={siteConfig('CONTACT_TWITTER')}>
<i className='transform hover:scale-125 duration-150 fas fa-rss ' /> <i className='transform hover:scale-125 duration-150 fab fa-twitter ' />
</a>} </a>
{siteConfig('CONTACT_BILIBILI') && <a target='_blank' rel='noreferrer' title={'bilibili'} href={siteConfig('CONTACT_BILIBILI')} > )}
<i className='fab fa-bilibili transform hover:scale-125 duration-150'/> {siteConfig('CONTACT_TELEGRAM') && (
</a>} <a
{siteConfig('CONTACT_YOUTUBE') && <a target='_blank' rel='noreferrer' title={'youtube'} href={siteConfig('CONTACT_YOUTUBE')} > target='_blank'
<i className='fab fa-youtube transform hover:scale-125 duration-150'/> rel='noreferrer'
</a>} href={siteConfig('CONTACT_TELEGRAM')}
<i onClick={toggleShow} className='transform hover:scale-125 duration-150 fas fa-close ' /> title={'telegram'}>
<i className='transform hover:scale-125 duration-150 fab fa-telegram ' />
</>} </a>
)}
{siteConfig('CONTACT_LINKEDIN') && (
<a
target='_blank'
rel='noreferrer'
href={siteConfig('CONTACT_LINKEDIN')}
title={'linkIn'}>
<i className='transform hover:scale-125 duration-150 fab fa-linkedin ' />
</a>
)}
{siteConfig('CONTACT_WEIBO') && (
<a
target='_blank'
rel='noreferrer'
title={'weibo'}
href={siteConfig('CONTACT_WEIBO')}>
<i className='transform hover:scale-125 duration-150 fab fa-weibo ' />
</a>
)}
{siteConfig('CONTACT_INSTAGRAM') && (
<a
target='_blank'
rel='noreferrer'
title={'instagram'}
href={siteConfig('CONTACT_INSTAGRAM')}>
<i className='transform hover:scale-125 duration-150 fab fa-instagram ' />
</a>
)}
{siteConfig('CONTACT_EMAIL') && (
<a
target='_blank'
rel='noreferrer'
title={'email'}
href={`mailto:${siteConfig('CONTACT_EMAIL')}`}>
<i className='transform hover:scale-125 duration-150 fas fa-envelope ' />
</a>
)}
{JSON.parse(siteConfig('ENABLE_RSS')) && (
<a
target='_blank'
rel='noreferrer'
title={'RSS'}
href={'/rss/feed.xml'}>
<i className='transform hover:scale-125 duration-150 fas fa-rss ' />
</a>
)}
{siteConfig('CONTACT_BILIBILI') && (
<a
target='_blank'
rel='noreferrer'
title={'bilibili'}
href={siteConfig('CONTACT_BILIBILI')}>
<i className='fab fa-bilibili transform hover:scale-125 duration-150' />
</a>
)}
{siteConfig('CONTACT_YOUTUBE') && (
<a
target='_blank'
rel='noreferrer'
title={'youtube'}
href={siteConfig('CONTACT_YOUTUBE')}>
<i className='fab fa-youtube transform hover:scale-125 duration-150' />
</a>
)}
<i
onClick={toggleShow}
className='transform hover:scale-125 duration-150 fas fa-close '
/>
</>
)}
</div> </div>
)
} }
export default SocialButton export default SocialButton

124
themes/medium/components/SocialButton.js
View File

@@ -6,37 +6,99 @@ import { siteConfig } from '@/lib/config'
* @constructor * @constructor
*/ */
const SocialButton = () => { const SocialButton = () => {
return <div className='space-x-3 text-xl text-gray-600 dark:text-gray-400 flex-wrap flex justify-center '> return (
{siteConfig('CONTACT_GITHUB') && <a target='_blank' rel='noreferrer' title={'github'} href={siteConfig('CONTACT_GITHUB')} > <div className='space-x-3 text-xl text-gray-600 dark:text-gray-400 flex-wrap flex justify-center '>
<i className='fab fa-github transform hover:scale-125 duration-150 hover:text-green-600'/> {siteConfig('CONTACT_GITHUB') && (
</a>} <a
{siteConfig('CONTACT_TWITTER') && <a target='_blank' rel='noreferrer' title={'twitter'} href={siteConfig('CONTACT_TWITTER')} > target='_blank'
<i className='fab fa-twitter transform hover:scale-125 duration-150 hover:text-green-600'/> rel='noreferrer'
</a>} title={'github'}
{siteConfig('CONTACT_TELEGRAM') && <a target='_blank' rel='noreferrer' href={siteConfig('CONTACT_TELEGRAM')} title={'telegram'} > href={siteConfig('CONTACT_GITHUB')}>
<i className='fab fa-telegram transform hover:scale-125 duration-150 hover:text-green-600'/> <i className='fab fa-github transform hover:scale-125 duration-150 hover:text-green-600' />
</a>} </a>
{siteConfig('CONTACT_LINKEDIN') && <a target='_blank' rel='noreferrer' href={siteConfig('CONTACT_LINKEDIN')} title={'linkedIn'} > )}
<i className='transform hover:scale-125 duration-150 fab fa-linkedin dark:hover:text-indigo-400 hover:text-indigo-600'/> {siteConfig('CONTACT_TWITTER') && (
</a>} <a
{siteConfig('CONTACT_WEIBO') && <a target='_blank' rel='noreferrer' title={'weibo'} href={siteConfig('CONTACT_WEIBO')} > target='_blank'
<i className='fab fa-weibo transform hover:scale-125 duration-150 hover:text-green-600'/> rel='noreferrer'
</a>} title={'twitter'}
{siteConfig('CONTACT_INSTAGRAM') && <a target='_blank' rel='noreferrer' title={'instagram'} href={siteConfig('CONTACT_INSTAGRAM')} > href={siteConfig('CONTACT_TWITTER')}>
<i className='fab fa-instagram transform hover:scale-125 duration-150 hover:text-green-600'/> <i className='fab fa-twitter transform hover:scale-125 duration-150 hover:text-green-600' />
</a>} </a>
{siteConfig('CONTACT_EMAIL') && <a target='_blank' rel='noreferrer' title={'email'} href={`mailto:${siteConfig('CONTACT_EMAIL')}`} > )}
<i className='fas fa-envelope transform hover:scale-125 duration-150 hover:text-green-600'/> {siteConfig('CONTACT_TELEGRAM') && (
</a>} <a
{JSON.parse(siteConfig('ENABLE_RSS')) && <a target='_blank' rel='noreferrer' title={'RSS'} href={'/feed'} > target='_blank'
<i className='fas fa-rss transform hover:scale-125 duration-150 hover:text-green-600'/> rel='noreferrer'
</a>} href={siteConfig('CONTACT_TELEGRAM')}
{siteConfig('CONTACT_BILIBILI') && <a target='_blank' rel='noreferrer' title={'bilibili'} href={siteConfig('CONTACT_BILIBILI')} > title={'telegram'}>
<i className='fab fa-bilibili transform hover:scale-125 duration-150 hover:text-green-600'/> <i className='fab fa-telegram transform hover:scale-125 duration-150 hover:text-green-600' />
</a>} </a>
{siteConfig('CONTACT_YOUTUBE') && <a target='_blank' rel='noreferrer' title={'youtube'} href={siteConfig('CONTACT_YOUTUBE')} > )}
<i className='fab fa-youtube transform hover:scale-125 duration-150 hover:text-green-600'/> {siteConfig('CONTACT_LINKEDIN') && (
</a>} <a
target='_blank'
rel='noreferrer'
href={siteConfig('CONTACT_LINKEDIN')}
title={'linkedIn'}>
<i className='transform hover:scale-125 duration-150 fab fa-linkedin dark:hover:text-indigo-400 hover:text-indigo-600' />
</a>
)}
{siteConfig('CONTACT_WEIBO') && (
<a
target='_blank'
rel='noreferrer'
title={'weibo'}
href={siteConfig('CONTACT_WEIBO')}>
<i className='fab fa-weibo transform hover:scale-125 duration-150 hover:text-green-600' />
</a>
)}
{siteConfig('CONTACT_INSTAGRAM') && (
<a
target='_blank'
rel='noreferrer'
title={'instagram'}
href={siteConfig('CONTACT_INSTAGRAM')}>
<i className='fab fa-instagram transform hover:scale-125 duration-150 hover:text-green-600' />
</a>
)}
{siteConfig('CONTACT_EMAIL') && (
<a
target='_blank'
rel='noreferrer'
title={'email'}
href={`mailto:${siteConfig('CONTACT_EMAIL')}`}>
<i className='fas fa-envelope transform hover:scale-125 duration-150 hover:text-green-600' />
</a>
)}
{JSON.parse(siteConfig('ENABLE_RSS')) && (
<a
target='_blank'
rel='noreferrer'
title={'RSS'}
href={'/rss/feed.xml'}>
<i className='fas fa-rss transform hover:scale-125 duration-150 hover:text-green-600' />
</a>
)}
{siteConfig('CONTACT_BILIBILI') && (
<a
target='_blank'
rel='noreferrer'
title={'bilibili'}
href={siteConfig('CONTACT_BILIBILI')}>
<i className='fab fa-bilibili transform hover:scale-125 duration-150 hover:text-green-600' />
</a>
)}
{siteConfig('CONTACT_YOUTUBE') && (
<a
target='_blank'
rel='noreferrer'
title={'youtube'}
href={siteConfig('CONTACT_YOUTUBE')}>
<i className='fab fa-youtube transform hover:scale-125 duration-150 hover:text-green-600' />
</a>
)}
</div> </div>
)
} }
export default SocialButton export default SocialButton

100
themes/nav/components/SocialButton.js
View File

@@ -6,31 +6,81 @@ import { siteConfig } from '@/lib/config'
* @constructor * @constructor
*/ */
const SocialButton = () => { const SocialButton = () => {
return <div className='space-x-3 text-xl text-gray-600 dark:text-gray-400 flex-wrap flex justify-center '> return (
{siteConfig('CONTACT_GITHUB') && <a target='_blank' rel='noreferrer' title={'github'} href={siteConfig('CONTACT_GITHUB')} > <div className='space-x-3 text-xl text-gray-600 dark:text-gray-400 flex-wrap flex justify-center '>
<i className='fab fa-github transform hover:scale-125 duration-150 hover:text-green-600'/> {siteConfig('CONTACT_GITHUB') && (
</a>} <a
{siteConfig('CONTACT_TWITTER') && <a target='_blank' rel='noreferrer' title={'twitter'} href={siteConfig('CONTACT_TWITTER')} > target='_blank'
<i className='fab fa-twitter transform hover:scale-125 duration-150 hover:text-green-600'/> rel='noreferrer'
</a>} title={'github'}
{siteConfig('CONTACT_TELEGRAM') && <a target='_blank' rel='noreferrer' href={siteConfig('CONTACT_TELEGRAM')} title={'telegram'} > href={siteConfig('CONTACT_GITHUB')}>
<i className='fab fa-telegram transform hover:scale-125 duration-150 hover:text-green-600'/> <i className='fab fa-github transform hover:scale-125 duration-150 hover:text-green-600' />
</a>} </a>
{siteConfig('CONTACT_LINKEDIN') && <a target='_blank' rel='noreferrer' href={siteConfig('CONTACT_LINKEDIN')} title={'linkedIn'} > )}
<i className='transform hover:scale-125 duration-150 fab fa-linkedin dark:hover:text-indigo-400 hover:text-indigo-600'/> {siteConfig('CONTACT_TWITTER') && (
</a>} <a
{siteConfig('CONTACT_WEIBO') && <a target='_blank' rel='noreferrer' title={'weibo'} href={siteConfig('CONTACT_WEIBO')} > target='_blank'
<i className='fab fa-weibo transform hover:scale-125 duration-150 hover:text-green-600'/> rel='noreferrer'
</a>} title={'twitter'}
{siteConfig('CONTACT_INSTAGRAM') && <a target='_blank' rel='noreferrer' title={'instagram'} href={siteConfig('CONTACT_INSTAGRAM')} > href={siteConfig('CONTACT_TWITTER')}>
<i className='fab fa-instagram transform hover:scale-125 duration-150 hover:text-green-600'/> <i className='fab fa-twitter transform hover:scale-125 duration-150 hover:text-green-600' />
</a>} </a>
{siteConfig('CONTACT_EMAIL') && <a target='_blank' rel='noreferrer' title={'email'} href={`mailto:${siteConfig('CONTACT_EMAIL')}`} > )}
<i className='fas fa-envelope transform hover:scale-125 duration-150 hover:text-green-600'/> {siteConfig('CONTACT_TELEGRAM') && (
</a>} <a
{JSON.parse(siteConfig('ENABLE_RSS')) && <a target='_blank' rel='noreferrer' title={'RSS'} href={'/feed'} > target='_blank'
<i className='fas fa-rss transform hover:scale-125 duration-150 hover:text-green-600'/> rel='noreferrer'
</a>} href={siteConfig('CONTACT_TELEGRAM')}
title={'telegram'}>
<i className='fab fa-telegram transform hover:scale-125 duration-150 hover:text-green-600' />
</a>
)}
{siteConfig('CONTACT_LINKEDIN') && (
<a
target='_blank'
rel='noreferrer'
href={siteConfig('CONTACT_LINKEDIN')}
title={'linkedIn'}>
<i className='transform hover:scale-125 duration-150 fab fa-linkedin dark:hover:text-indigo-400 hover:text-indigo-600' />
</a>
)}
{siteConfig('CONTACT_WEIBO') && (
<a
target='_blank'
rel='noreferrer'
title={'weibo'}
href={siteConfig('CONTACT_WEIBO')}>
<i className='fab fa-weibo transform hover:scale-125 duration-150 hover:text-green-600' />
</a>
)}
{siteConfig('CONTACT_INSTAGRAM') && (
<a
target='_blank'
rel='noreferrer'
title={'instagram'}
href={siteConfig('CONTACT_INSTAGRAM')}>
<i className='fab fa-instagram transform hover:scale-125 duration-150 hover:text-green-600' />
</a>
)}
{siteConfig('CONTACT_EMAIL') && (
<a
target='_blank'
rel='noreferrer'
title={'email'}
href={`mailto:${siteConfig('CONTACT_EMAIL')}`}>
<i className='fas fa-envelope transform hover:scale-125 duration-150 hover:text-green-600' />
</a>
)}
{JSON.parse(siteConfig('ENABLE_RSS')) && (
<a
target='_blank'
rel='noreferrer'
title={'RSS'}
href={'/rss/feed.xml'}>
<i className='fas fa-rss transform hover:scale-125 duration-150 hover:text-green-600' />
</a>
)}
</div> </div>
)
} }
export default SocialButton export default SocialButton

128
themes/next/components/SocialButton.js
View File

@@ -6,39 +6,101 @@ import { siteConfig } from '@/lib/config'
* @constructor * @constructor
*/ */
const SocialButton = () => { const SocialButton = () => {
return <div className='w-52 justify-center flex-wrap flex'> return (
<div className='space-x-3 text-xl text-gray-600 dark:text-gray-400 text-center'> <div className='w-52 justify-center flex-wrap flex'>
{siteConfig('CONTACT_GITHUB') && <a target='_blank' rel='noreferrer' title={'github'} href={siteConfig('CONTACT_GITHUB')} > <div className='space-x-3 text-xl text-gray-600 dark:text-gray-400 text-center'>
<i className='fab fa-github transform hover:scale-125 duration-150'/> {siteConfig('CONTACT_GITHUB') && (
</a>} <a
{siteConfig('CONTACT_TWITTER') && <a target='_blank' rel='noreferrer' title={'twitter'} href={siteConfig('CONTACT_TWITTER')} > target='_blank'
<i className='fab fa-twitter transform hover:scale-125 duration-150'/> rel='noreferrer'
</a>} title={'github'}
{siteConfig('CONTACT_TELEGRAM') && <a target='_blank' rel='noreferrer' href={siteConfig('CONTACT_TELEGRAM')} title={'telegram'} > href={siteConfig('CONTACT_GITHUB')}>
<i className='fab fa-telegram transform hover:scale-125 duration-150'/> <i className='fab fa-github transform hover:scale-125 duration-150' />
</a>} </a>
{siteConfig('CONTACT_LINKEDIN') && <a target='_blank' rel='noreferrer' href={siteConfig('CONTACT_LINKEDIN')} title={'linkedIn'} > )}
<i className='transform hover:scale-125 duration-150 fab fa-linkedin dark:hover:text-indigo-400 hover:text-indigo-600'/> {siteConfig('CONTACT_TWITTER') && (
</a>} <a
{siteConfig('CONTACT_WEIBO') && <a target='_blank' rel='noreferrer' title={'weibo'} href={siteConfig('CONTACT_WEIBO')} > target='_blank'
<i className='fab fa-weibo transform hover:scale-125 duration-150'/> rel='noreferrer'
</a>} title={'twitter'}
{siteConfig('CONTACT_INSTAGRAM') && <a target='_blank' rel='noreferrer' title={'instagram'} href={siteConfig('CONTACT_INSTAGRAM')} > href={siteConfig('CONTACT_TWITTER')}>
<i className='fab fa-instagram transform hover:scale-125 duration-150'/> <i className='fab fa-twitter transform hover:scale-125 duration-150' />
</a>} </a>
{siteConfig('CONTACT_EMAIL') && <a target='_blank' rel='noreferrer' title={'email'} href={`mailto:${siteConfig('CONTACT_EMAIL')}`} > )}
<i className='fas fa-envelope transform hover:scale-125 duration-150'/> {siteConfig('CONTACT_TELEGRAM') && (
</a>} <a
{JSON.parse(siteConfig('ENABLE_RSS')) && <a target='_blank' rel='noreferrer' title={'RSS'} href={'/feed'} > target='_blank'
<i className='fas fa-rss transform hover:scale-125 duration-150'/> rel='noreferrer'
</a>} href={siteConfig('CONTACT_TELEGRAM')}
{siteConfig('CONTACT_BILIBILI') && <a target='_blank' rel='noreferrer' title={'bilibili'} href={siteConfig('CONTACT_BILIBILI')} > title={'telegram'}>
<i className='fab fa-bilibili transform hover:scale-125 duration-150'/> <i className='fab fa-telegram transform hover:scale-125 duration-150' />
</a>} </a>
{siteConfig('CONTACT_YOUTUBE') && <a target='_blank' rel='noreferrer' title={'youtube'} href={siteConfig('CONTACT_YOUTUBE')} > )}
<i className='fab fa-youtube transform hover:scale-125 duration-150'/> {siteConfig('CONTACT_LINKEDIN') && (
</a>} <a
target='_blank'
rel='noreferrer'
href={siteConfig('CONTACT_LINKEDIN')}
title={'linkedIn'}>
<i className='transform hover:scale-125 duration-150 fab fa-linkedin dark:hover:text-indigo-400 hover:text-indigo-600' />
</a>
)}
{siteConfig('CONTACT_WEIBO') && (
<a
target='_blank'
rel='noreferrer'
title={'weibo'}
href={siteConfig('CONTACT_WEIBO')}>
<i className='fab fa-weibo transform hover:scale-125 duration-150' />
</a>
)}
{siteConfig('CONTACT_INSTAGRAM') && (
<a
target='_blank'
rel='noreferrer'
title={'instagram'}
href={siteConfig('CONTACT_INSTAGRAM')}>
<i className='fab fa-instagram transform hover:scale-125 duration-150' />
</a>
)}
{siteConfig('CONTACT_EMAIL') && (
<a
target='_blank'
rel='noreferrer'
title={'email'}
href={`mailto:${siteConfig('CONTACT_EMAIL')}`}>
<i className='fas fa-envelope transform hover:scale-125 duration-150' />
</a>
)}
{JSON.parse(siteConfig('ENABLE_RSS')) && (
<a
target='_blank'
rel='noreferrer'
title={'RSS'}
href={'/rss/feed.xml'}>
<i className='fas fa-rss transform hover:scale-125 duration-150' />
</a>
)}
{siteConfig('CONTACT_BILIBILI') && (
<a
target='_blank'
rel='noreferrer'
title={'bilibili'}
href={siteConfig('CONTACT_BILIBILI')}>
<i className='fab fa-bilibili transform hover:scale-125 duration-150' />
</a>
)}
{siteConfig('CONTACT_YOUTUBE') && (
<a
target='_blank'
rel='noreferrer'
title={'youtube'}
href={siteConfig('CONTACT_YOUTUBE')}>
<i className='fab fa-youtube transform hover:scale-125 duration-150' />
</a>
)}
</div>
</div> </div>
</div> )
} }
export default SocialButton export default SocialButton

128
themes/plog/components/SocialButton.js
View File

@@ -6,39 +6,101 @@ import { siteConfig } from '@/lib/config'
* @constructor * @constructor
*/ */
const SocialButton = () => { const SocialButton = () => {
return <div className='justify-start flex-wrap flex mx-1'> return (
<div className='space-x-3 text-2xl text-gray-600 dark:text-gray-400 text-center'> <div className='justify-start flex-wrap flex mx-1'>
{siteConfig('CONTACT_GITHUB') && <a target='_blank' rel='noreferrer' title={'github'} href={siteConfig('CONTACT_GITHUB')} > <div className='space-x-3 text-2xl text-gray-600 dark:text-gray-400 text-center'>
<i className='fab fa-github transform hover:scale-125 duration-150'/> {siteConfig('CONTACT_GITHUB') && (
</a>} <a
{siteConfig('CONTACT_TWITTER') && <a target='_blank' rel='noreferrer' title={'twitter'} href={siteConfig('CONTACT_TWITTER')} > target='_blank'
<i className='fab fa-twitter transform hover:scale-125 duration-150'/> rel='noreferrer'
</a>} title={'github'}
{siteConfig('CONTACT_TELEGRAM') && <a target='_blank' rel='noreferrer' href={siteConfig('CONTACT_TELEGRAM')} title={'telegram'} > href={siteConfig('CONTACT_GITHUB')}>
<i className='fab fa-telegram transform hover:scale-125 duration-150'/> <i className='fab fa-github transform hover:scale-125 duration-150' />
</a>} </a>
{siteConfig('CONTACT_LINKEDIN') && <a target='_blank' rel='noreferrer' href={siteConfig('CONTACT_LINKEDIN')} title={'linkedIn'} > )}
<i className='transform hover:scale-125 duration-150 fab fa-linkedin dark:hover:text-indigo-400 hover:text-indigo-600'/> {siteConfig('CONTACT_TWITTER') && (
</a>} <a
{siteConfig('CONTACT_WEIBO') && <a target='_blank' rel='noreferrer' title={'weibo'} href={siteConfig('CONTACT_WEIBO')} > target='_blank'
<i className='fab fa-weibo transform hover:scale-125 duration-150'/> rel='noreferrer'
</a>} title={'twitter'}
{siteConfig('CONTACT_INSTAGRAM') && <a target='_blank' rel='noreferrer' title={'instagram'} href={siteConfig('CONTACT_INSTAGRAM')} > href={siteConfig('CONTACT_TWITTER')}>
<i className='fab fa-instagram transform hover:scale-125 duration-150'/> <i className='fab fa-twitter transform hover:scale-125 duration-150' />
</a>} </a>
{siteConfig('CONTACT_EMAIL') && <a target='_blank' rel='noreferrer' title={'email'} href={`mailto:${siteConfig('CONTACT_EMAIL')}`} > )}
<i className='fas fa-envelope transform hover:scale-125 duration-150'/> {siteConfig('CONTACT_TELEGRAM') && (
</a>} <a
{JSON.parse(siteConfig('ENABLE_RSS')) && <a target='_blank' rel='noreferrer' title={'RSS'} href={'/feed'} > target='_blank'
<i className='fas fa-rss transform hover:scale-125 duration-150'/> rel='noreferrer'
</a>} href={siteConfig('CONTACT_TELEGRAM')}
{siteConfig('CONTACT_BILIBILI') && <a target='_blank' rel='noreferrer' title={'bilibili'} href={siteConfig('CONTACT_BILIBILI')} > title={'telegram'}>
<i className='fab fa-bilibili transform hover:scale-125 duration-150'/> <i className='fab fa-telegram transform hover:scale-125 duration-150' />
</a>} </a>
{siteConfig('CONTACT_YOUTUBE') && <a target='_blank' rel='noreferrer' title={'youtube'} href={siteConfig('CONTACT_YOUTUBE')} > )}
<i className='fab fa-youtube transform hover:scale-125 duration-150'/> {siteConfig('CONTACT_LINKEDIN') && (
</a>} <a
target='_blank'
rel='noreferrer'
href={siteConfig('CONTACT_LINKEDIN')}
title={'linkedIn'}>
<i className='transform hover:scale-125 duration-150 fab fa-linkedin dark:hover:text-indigo-400 hover:text-indigo-600' />
</a>
)}
{siteConfig('CONTACT_WEIBO') && (
<a
target='_blank'
rel='noreferrer'
title={'weibo'}
href={siteConfig('CONTACT_WEIBO')}>
<i className='fab fa-weibo transform hover:scale-125 duration-150' />
</a>
)}
{siteConfig('CONTACT_INSTAGRAM') && (
<a
target='_blank'
rel='noreferrer'
title={'instagram'}
href={siteConfig('CONTACT_INSTAGRAM')}>
<i className='fab fa-instagram transform hover:scale-125 duration-150' />
</a>
)}
{siteConfig('CONTACT_EMAIL') && (
<a
target='_blank'
rel='noreferrer'
title={'email'}
href={`mailto:${siteConfig('CONTACT_EMAIL')}`}>
<i className='fas fa-envelope transform hover:scale-125 duration-150' />
</a>
)}
{JSON.parse(siteConfig('ENABLE_RSS')) && (
<a
target='_blank'
rel='noreferrer'
title={'RSS'}
href={'/rss/feed.xml'}>
<i className='fas fa-rss transform hover:scale-125 duration-150' />
</a>
)}
{siteConfig('CONTACT_BILIBILI') && (
<a
target='_blank'
rel='noreferrer'
title={'bilibili'}
href={siteConfig('CONTACT_BILIBILI')}>
<i className='fab fa-bilibili transform hover:scale-125 duration-150' />
</a>
)}
{siteConfig('CONTACT_YOUTUBE') && (
<a
target='_blank'
rel='noreferrer'
title={'youtube'}
href={siteConfig('CONTACT_YOUTUBE')}>
<i className='fab fa-youtube transform hover:scale-125 duration-150' />
</a>
)}
</div>
</div> </div>
</div> )
} }
export default SocialButton export default SocialButton

128
themes/simple/components/SocialButton.js
View File

@@ -6,39 +6,101 @@ import { siteConfig } from '@/lib/config'
* @constructor * @constructor
*/ */
const SocialButton = () => { const SocialButton = () => {
return <div className='w-52 justify-center flex-wrap flex my-2'> return (
<div className='space-x-5 md:text-xl text-3xl text-gray-600 dark:text-gray-400 text-center'> <div className='w-52 justify-center flex-wrap flex my-2'>
{siteConfig('CONTACT_GITHUB') && <a target='_blank' rel='noreferrer' title={'github'} href={siteConfig('CONTACT_GITHUB')} > <div className='space-x-5 md:text-xl text-3xl text-gray-600 dark:text-gray-400 text-center'>
<i className='fab fa-github transform hover:scale-125 duration-150'/> {siteConfig('CONTACT_GITHUB') && (
</a>} <a
{siteConfig('CONTACT_TWITTER') && <a target='_blank' rel='noreferrer' title={'twitter'} href={siteConfig('CONTACT_TWITTER')} > target='_blank'
<i className='fab fa-twitter transform hover:scale-125 duration-150'/> rel='noreferrer'
</a>} title={'github'}
{siteConfig('CONTACT_TELEGRAM') && <a target='_blank' rel='noreferrer' href={siteConfig('CONTACT_TELEGRAM')} title={'telegram'} > href={siteConfig('CONTACT_GITHUB')}>
<i className='fab fa-telegram transform hover:scale-125 duration-150'/> <i className='fab fa-github transform hover:scale-125 duration-150' />
</a>} </a>
{siteConfig('CONTACT_LINKEDIN') && <a target='_blank' rel='noreferrer' href={siteConfig('CONTACT_LINKEDIN')} title={'linkedIn'} > )}
<i className='fab fa-linkedin transform hover:scale-125 duration-150'/> {siteConfig('CONTACT_TWITTER') && (
</a>} <a
{siteConfig('CONTACT_WEIBO') && <a target='_blank' rel='noreferrer' title={'weibo'} href={siteConfig('CONTACT_WEIBO')} > target='_blank'
<i className='fab fa-weibo transform hover:scale-125 duration-150'/> rel='noreferrer'
</a>} title={'twitter'}
{siteConfig('CONTACT_INSTAGRAM') && <a target='_blank' rel='noreferrer' title={'instagram'} href={siteConfig('CONTACT_INSTAGRAM')} > href={siteConfig('CONTACT_TWITTER')}>
<i className='fab fa-instagram transform hover:scale-125 duration-150'/> <i className='fab fa-twitter transform hover:scale-125 duration-150' />
</a>} </a>
{siteConfig('CONTACT_EMAIL') && <a target='_blank' rel='noreferrer' title={'email'} href={`mailto:${siteConfig('CONTACT_EMAIL')}`} > )}
<i className='fas fa-envelope transform hover:scale-125 duration-150'/> {siteConfig('CONTACT_TELEGRAM') && (
</a>} <a
{JSON.parse(siteConfig('ENABLE_RSS')) && <a target='_blank' rel='noreferrer' title={'RSS'} href={'/feed'} > target='_blank'
<i className='fas fa-rss transform hover:scale-125 duration-150'/> rel='noreferrer'
</a>} href={siteConfig('CONTACT_TELEGRAM')}
{siteConfig('CONTACT_BILIBILI') && <a target='_blank' rel='noreferrer' title={'bilibili'} href={siteConfig('CONTACT_BILIBILI')} > title={'telegram'}>
<i className='fab fa-bilibili transform hover:scale-125 duration-150'/> <i className='fab fa-telegram transform hover:scale-125 duration-150' />
</a>} </a>
{siteConfig('CONTACT_YOUTUBE') && <a target='_blank' rel='noreferrer' title={'youtube'} href={siteConfig('CONTACT_YOUTUBE')} > )}
<i className='fab fa-youtube transform hover:scale-125 duration-150'/> {siteConfig('CONTACT_LINKEDIN') && (
</a>} <a
target='_blank'
rel='noreferrer'
href={siteConfig('CONTACT_LINKEDIN')}
title={'linkedIn'}>
<i className='fab fa-linkedin transform hover:scale-125 duration-150' />
</a>
)}
{siteConfig('CONTACT_WEIBO') && (
<a
target='_blank'
rel='noreferrer'
title={'weibo'}
href={siteConfig('CONTACT_WEIBO')}>
<i className='fab fa-weibo transform hover:scale-125 duration-150' />
</a>
)}
{siteConfig('CONTACT_INSTAGRAM') && (
<a
target='_blank'
rel='noreferrer'
title={'instagram'}
href={siteConfig('CONTACT_INSTAGRAM')}>
<i className='fab fa-instagram transform hover:scale-125 duration-150' />
</a>
)}
{siteConfig('CONTACT_EMAIL') && (
<a
target='_blank'
rel='noreferrer'
title={'email'}
href={`mailto:${siteConfig('CONTACT_EMAIL')}`}>
<i className='fas fa-envelope transform hover:scale-125 duration-150' />
</a>
)}
{JSON.parse(siteConfig('ENABLE_RSS')) && (
<a
target='_blank'
rel='noreferrer'
title={'RSS'}
href={'/rss/feed.xml'}>
<i className='fas fa-rss transform hover:scale-125 duration-150' />
</a>
)}
{siteConfig('CONTACT_BILIBILI') && (
<a
target='_blank'
rel='noreferrer'
title={'bilibili'}
href={siteConfig('CONTACT_BILIBILI')}>
<i className='fab fa-bilibili transform hover:scale-125 duration-150' />
</a>
)}
{siteConfig('CONTACT_YOUTUBE') && (
<a
target='_blank'
rel='noreferrer'
title={'youtube'}
href={siteConfig('CONTACT_YOUTUBE')}>
<i className='fab fa-youtube transform hover:scale-125 duration-150' />
</a>
)}
</div>
</div> </div>
</div> )
} }
export default SocialButton export default SocialButton

128
themes/starter/components/SocialButton.js
View File

@@ -6,39 +6,101 @@ import { siteConfig } from '@/lib/config'
* @constructor * @constructor
*/ */
const SocialButton = () => { const SocialButton = () => {
return <div className='w-52 justify-center flex-wrap flex my-2'> return (
<div className='space-x-5 md:text-xl text-3xl text-gray-600 dark:text-gray-400 text-center'> <div className='w-52 justify-center flex-wrap flex my-2'>
{siteConfig('CONTACT_GITHUB') && <a target='_blank' rel='noreferrer' title={'github'} href={siteConfig('CONTACT_GITHUB')} > <div className='space-x-5 md:text-xl text-3xl text-gray-600 dark:text-gray-400 text-center'>
<i className='fab fa-github transform hover:scale-125 duration-150'/> {siteConfig('CONTACT_GITHUB') && (
</a>} <a
{siteConfig('CONTACT_TWITTER') && <a target='_blank' rel='noreferrer' title={'twitter'} href={siteConfig('CONTACT_TWITTER')} > target='_blank'
<i className='fab fa-twitter transform hover:scale-125 duration-150'/> rel='noreferrer'
</a>} title={'github'}
{siteConfig('CONTACT_TELEGRAM') && <a target='_blank' rel='noreferrer' href={siteConfig('CONTACT_TELEGRAM')} title={'telegram'} > href={siteConfig('CONTACT_GITHUB')}>
<i className='fab fa-telegram transform hover:scale-125 duration-150'/> <i className='fab fa-github transform hover:scale-125 duration-150' />
</a>} </a>
{siteConfig('CONTACT_LINKEDIN') && <a target='_blank' rel='noreferrer' href={siteConfig('CONTACT_LINKEDIN')} title={'linkedIn'} > )}
<i className='fab fa-linkedin transform hover:scale-125 duration-150'/> {siteConfig('CONTACT_TWITTER') && (
</a>} <a
{siteConfig('CONTACT_WEIBO') && <a target='_blank' rel='noreferrer' title={'weibo'} href={siteConfig('CONTACT_WEIBO')} > target='_blank'
<i className='fab fa-weibo transform hover:scale-125 duration-150'/> rel='noreferrer'
</a>} title={'twitter'}
{siteConfig('CONTACT_INSTAGRAM') && <a target='_blank' rel='noreferrer' title={'instagram'} href={siteConfig('CONTACT_INSTAGRAM')} > href={siteConfig('CONTACT_TWITTER')}>
<i className='fab fa-instagram transform hover:scale-125 duration-150'/> <i className='fab fa-twitter transform hover:scale-125 duration-150' />
</a>} </a>
{siteConfig('CONTACT_EMAIL') && <a target='_blank' rel='noreferrer' title={'email'} href={`mailto:${siteConfig('CONTACT_EMAIL')}`} > )}
<i className='fas fa-envelope transform hover:scale-125 duration-150'/> {siteConfig('CONTACT_TELEGRAM') && (
</a>} <a
{JSON.parse(siteConfig('ENABLE_RSS')) && <a target='_blank' rel='noreferrer' title={'RSS'} href={'/feed'} > target='_blank'
<i className='fas fa-rss transform hover:scale-125 duration-150'/> rel='noreferrer'
</a>} href={siteConfig('CONTACT_TELEGRAM')}
{siteConfig('CONTACT_BILIBILI') && <a target='_blank' rel='noreferrer' title={'bilibili'} href={siteConfig('CONTACT_BILIBILI')} > title={'telegram'}>
<i className='fab fa-bilibili transform hover:scale-125 duration-150'/> <i className='fab fa-telegram transform hover:scale-125 duration-150' />
</a>} </a>
{siteConfig('CONTACT_YOUTUBE') && <a target='_blank' rel='noreferrer' title={'youtube'} href={siteConfig('CONTACT_YOUTUBE')} > )}
<i className='fab fa-youtube transform hover:scale-125 duration-150'/> {siteConfig('CONTACT_LINKEDIN') && (
</a>} <a
target='_blank'
rel='noreferrer'
href={siteConfig('CONTACT_LINKEDIN')}
title={'linkedIn'}>
<i className='fab fa-linkedin transform hover:scale-125 duration-150' />
</a>
)}
{siteConfig('CONTACT_WEIBO') && (
<a
target='_blank'
rel='noreferrer'
title={'weibo'}
href={siteConfig('CONTACT_WEIBO')}>
<i className='fab fa-weibo transform hover:scale-125 duration-150' />
</a>
)}
{siteConfig('CONTACT_INSTAGRAM') && (
<a
target='_blank'
rel='noreferrer'
title={'instagram'}
href={siteConfig('CONTACT_INSTAGRAM')}>
<i className='fab fa-instagram transform hover:scale-125 duration-150' />
</a>
)}
{siteConfig('CONTACT_EMAIL') && (
<a
target='_blank'
rel='noreferrer'
title={'email'}
href={`mailto:${siteConfig('CONTACT_EMAIL')}`}>
<i className='fas fa-envelope transform hover:scale-125 duration-150' />
</a>
)}
{JSON.parse(siteConfig('ENABLE_RSS')) && (
<a
target='_blank'
rel='noreferrer'
title={'RSS'}
href={'/rss/feed.xml'}>
<i className='fas fa-rss transform hover:scale-125 duration-150' />
</a>
)}
{siteConfig('CONTACT_BILIBILI') && (
<a
target='_blank'
rel='noreferrer'
title={'bilibili'}
href={siteConfig('CONTACT_BILIBILI')}>
<i className='fab fa-bilibili transform hover:scale-125 duration-150' />
</a>
)}
{siteConfig('CONTACT_YOUTUBE') && (
<a
target='_blank'
rel='noreferrer'
title={'youtube'}
href={siteConfig('CONTACT_YOUTUBE')}>
<i className='fab fa-youtube transform hover:scale-125 duration-150' />
</a>
)}
</div>
</div> </div>
</div> )
} }
export default SocialButton export default SocialButton