d0zingcat/NotionNext
1
0
Fork 0
mirror of https://github.com/d0zingcat/NotionNext.git synced 2026-05-13 23:16:47 +00:00
Code Issues Packages Projects Releases Wiki Activity

image

Browse Source
This commit is contained in:
tangly1024
2023-07-18 11:42:30 +08:00
parent 94c51bd1ae
commit 982087532f
16 changed files with 30 additions and 30 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
public/images/heo/20231108a540b2862d26f8850172e4ea58ed075102.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 5.0 KiB

BIN
public/images/heo/20231ca53fa0b09a3ff1df89acd7515e9516173302.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.1 KiB

BIN
public/images/heo/202328bbee0b314297917b327df4a704db5c072402.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 5.7 KiB

BIN
public/images/heo/20233e777652412247dd57fd9b48cf997c01070702.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 6.9 KiB

BIN
public/images/heo/20235c0731cd4c0c95fc136a8db961fdf963071502.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 5.8 KiB

BIN
public/images/heo/202372b4d760fd8a497d442140c295655426070302.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 5.1 KiB

BIN
public/images/heo/20237359d71b45ab77829cee5972e36f8c30073902.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 5.5 KiB

BIN
public/images/heo/2023786e7fc488f453d5fb2be760c96185c0075502.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 4.9 KiB

BIN
public/images/heo/20237c548846044a20dad68a13c0f0e1502f074602.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 5.2 KiB

BIN
public/images/heo/20239df3f66615b532ce571eac6d14ff21cf072602.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 5.4 KiB

BIN
public/images/heo/2023e0ded7b724a39f12d59c3dc8fbdc7cbe074202.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 6.3 KiB

BIN
public/images/heo/2023e4058a91608ea41751c4f102b131f267075902.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 5.4 KiB

BIN
public/images/heo/2023f76570d2770c8e84801f7e107cd911b5073202.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 6.3 KiB

BIN
public/images/heo/2023ffa5707c4e25b6beb3e6a3d286ede4c6071102.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 5.8 KiB

32
themes/heo/components/Hero.js
View File

@@ -76,8 +76,8 @@ function Banner(props) {
return <div id='banners' onClick={handleClickBanner} className="group h-full bg-white dark:bg-[#1e1e1e] rounded-xl border dark:border-gray-700 mb-3 relative hidden xl:flex xl:flex-col overflow-hidden">
<div id='banner-title' className='flex flex-col absolute top-10 left-10'>
<div className='text-4xl font-bold mb-3 dark:text-white'>分享编程<br />与思维认知</div>
<div className='text-xs text-gray-600 dark:text-gray-200'>TANGLY1024.COM</div>
<div className='text-4xl font-bold mb-3 dark:text-white'>{CONFIG.HERO_TITLE_1}<br/>{CONFIG.HERO_TITLE_2}</div>
<div className='text-xs text-gray-600 dark:text-gray-200'>{CONFIG.HERO_TITLE_3}</div>
</div>
{/* 斜向滚动的图标 */}
@@ -123,24 +123,24 @@ function TagsGroupBar() {
}
/**
* 英雄区左下角3个分类按钮
* 英雄区左下角3个指定分类按钮
* @returns
*/
function GroupMenu() {
return (
<div className="h-[165px] select-none xl:h-20 flex flex-col w-48 justify-between xl:space-y-0 xl:flex-row xl:w-full xl:flex-nowrap xl:space-x-3">
<Link href="/tag/必看精选" className="group relative overflow-hidden bg-gradient-to-r from-blue-500 to-blue-400 flex h-20 justify-start items-center text-white rounded-xl xl:hover:w-1/2 xl:w-1/3 transition-all duration-500 ease-in">
<Link href={CONFIG.HERO_CATEGORY_1?.url} className="group relative overflow-hidden bg-gradient-to-r from-blue-500 to-blue-400 flex h-20 justify-start items-center text-white rounded-xl xl:hover:w-1/2 xl:w-1/3 transition-all duration-500 ease-in">
<div className="font-bold text-lg pl-5 relative -mt-2">
必看精选
{CONFIG.HERO_CATEGORY_1?.title}
<span className="absolute -bottom-0.5 left-5 w-5 h-0.5 bg-white rounded-full"></span>
</div>
<div className='absolute right-6 duration-700 ease-in-out transition-all scale-[2] translate-y-6 rotate-12 opacity-20 group-hover:opacity-80 group-hover:scale-100 group-hover:translate-y-0 group-hover:rotate-0'>
<i class="fa-solid fa-star text-4xl"></i>
</div>
</Link>
<Link href="/tag/热门文章" className="group relative overflow-hidden bg-gradient-to-r from-red-500 to-yellow-500 flex h-20 justify-start items-center text-white rounded-xl xl:hover:w-1/2 xl:w-1/3 transition-all duration-500 ease-in">
<Link href={CONFIG.HERO_CATEGORY_2?.url} className="group relative overflow-hidden bg-gradient-to-r from-red-500 to-yellow-500 flex h-20 justify-start items-center text-white rounded-xl xl:hover:w-1/2 xl:w-1/3 transition-all duration-500 ease-in">
<div className="font-bold text-lg pl-5 relative -mt-2">
热门文章
{CONFIG.HERO_CATEGORY_2?.title}
<span className="absolute -bottom-0.5 left-5 w-5 h-0.5 bg-white rounded-full"></span>
</div>
<div className='absolute right-6 duration-700 ease-in-out transition-all scale-[2] translate-y-6 rotate-12 opacity-20 group-hover:opacity-80 group-hover:scale-100 group-hover:translate-y-0 group-hover:rotate-0'>
@@ -148,9 +148,9 @@ function GroupMenu() {
</div>
</Link>
{/* 第三个标签在小屏上不显示 */}
<Link href="/tag/实用教程" className="group relative overflow-hidden bg-gradient-to-r from-teal-300 to-cyan-300 hidden h-20 xl:flex justify-start items-center text-white rounded-xl xl:hover:w-1/2 xl:w-1/3 transition-all duration-500 ease-in">
<Link href={CONFIG.HERO_CATEGORY_3?.url} className="group relative overflow-hidden bg-gradient-to-r from-teal-300 to-cyan-300 hidden h-20 xl:flex justify-start items-center text-white rounded-xl xl:hover:w-1/2 xl:w-1/3 transition-all duration-500 ease-in">
<div className="font-bold text-lg pl-5 relative -mt-2">
实用教程
{CONFIG.HERO_CATEGORY_3?.title}
<span className="absolute -bottom-0.5 left-5 w-5 h-0.5 bg-white rounded-full"></span>
</div>
<div className='absolute right-6 duration-700 ease-in-out transition-all scale-[2] translate-y-6 rotate-12 opacity-20 group-hover:opacity-80 group-hover:scale-100 group-hover:translate-y-0 group-hover:rotate-0'>
@@ -204,8 +204,8 @@ function TodayCard({ cRef }) {
const [isCoverUp, setIsCoverUp] = useState(true)
/**
* 外部可以调用此方法
*/
* 外部可以调用此方法
*/
useImperativeHandle(cRef, () => {
return {
coverUp: () => {
@@ -224,9 +224,9 @@ function TodayCard({ cRef }) {
}
/**
* 点击卡片跳转的链接
* @param {*} e
*/
* 点击卡片跳转的链接
* @param {*} e
*/
function handleCardClick(e) {
router.push('https://tangly1024.com')
}
@@ -235,8 +235,8 @@ function TodayCard({ cRef }) {
<div id='card-body' onClick={handleCardClick} className={`${isCoverUp ? 'opacity-100 cursor-pointer' : 'opacity-0 transform scale-110 pointer-events-none'} shadow transition-all duration-200 today-card h-full bg-[#0E57D5] rounded-xl relative overflow-hidden flex items-end`}>
<div id='today-card-info' className='z-10 flex justify-between w-full relative text-white p-10 items-end'>
<div className='flex flex-col'>
<div className='text-xs font-light'>新版上线</div>
<div className='text-3xl font-bold'>NotionNext4.0 轻松定制主题</div>
<div className='text-xs font-light'>{CONFIG.HERO_TITLE_4}</div>
<div className='text-3xl font-bold'>{CONFIG.HERO_TITLE_5}</div>
</div>
<div onClick={handleClickMore} className={`'${isCoverUp ? '' : 'hidden pointer-events-none '} flex items-center px-3 h-10 justify-center bg-[#425aef] hover:bg-[#4259efcb] transition-colors duration-100 rounded-3xl`}>
<PlusSmall className={'w-6 h-6 mr-2 bg-white rounded-full stroke-indigo-400'} />

28
themes/heo/config.js
View File

@@ -35,58 +35,58 @@ const CONFIG = {
GROUP_ICONS: [
{
title_1: 'AfterEffect',
img_1: 'https://p.zhheo.com/20239df3f66615b532ce571eac6d14ff21cf072602.png!cover',
img_1: '/images/heo/20239df3f66615b532ce571eac6d14ff21cf072602.webp',
color_1: '#989bf8',
title_2: 'Sketch',
img_2: 'https://p.zhheo.com/2023e0ded7b724a39f12d59c3dc8fbdc7cbe074202.png!cover',
img_2: '/images/heo/2023e0ded7b724a39f12d59c3dc8fbdc7cbe074202.webp',
color_2: '#ffffff'
},
{
title_1: 'Docker',
img_1: 'https://p.zhheo.com/20231108a540b2862d26f8850172e4ea58ed075102.png!cover',
img_1: '/images/heo/20231108a540b2862d26f8850172e4ea58ed075102.webp',
color_1: '#57b6e6',
title_2: 'Photoshop',
img_2: 'https://p.zhheo.com/2023e4058a91608ea41751c4f102b131f267075902.png!cover',
img_2: '/images/heo/2023e4058a91608ea41751c4f102b131f267075902.webp',
color_2: '#4082c3'
},
{
title_1: 'FinalCutPro',
img_1: 'https://p.zhheo.com/20233e777652412247dd57fd9b48cf997c01070702.png!cover',
img_1: '/images/heo/20233e777652412247dd57fd9b48cf997c01070702.webp',
color_1: '#ffffff',
title_2: 'Python',
img_2: 'https://p.zhheo.com/20235c0731cd4c0c95fc136a8db961fdf963071502.png!cover',
img_2: '/images/heo/20235c0731cd4c0c95fc136a8db961fdf963071502.webp',
color_2: '#ffffff'
},
{
title_1: 'Swift',
img_1: 'https://p.zhheo.com/202328bbee0b314297917b327df4a704db5c072402.png!cover',
img_1: '/images/heo/202328bbee0b314297917b327df4a704db5c072402.webp',
color_1: '#eb6840',
title_2: 'Principle',
img_2: 'https://p.zhheo.com/2023f76570d2770c8e84801f7e107cd911b5073202.png!cover',
img_2: '/images/heo/2023f76570d2770c8e84801f7e107cd911b5073202.webp',
color_2: '#8f55ba'
},
{
title_1: 'illustrator',
img_1: 'https://p.zhheo.com/20237359d71b45ab77829cee5972e36f8c30073902.png!cover',
img_1: '/images/heo/20237359d71b45ab77829cee5972e36f8c30073902.webp',
color_1: '#f29e39',
title_2: 'CSS3',
img_2: 'https://p.zhheo.com/20237c548846044a20dad68a13c0f0e1502f074602.png!cover',
img_2: '/images/heo/20237c548846044a20dad68a13c0f0e1502f074602.webp',
color_2: '#2c51db'
},
{
title_1: 'JS',
img_1: 'https://p.zhheo.com/2023786e7fc488f453d5fb2be760c96185c0075502.png!cover',
img_1: '/images/heo/2023786e7fc488f453d5fb2be760c96185c0075502.webp',
color_1: '#f7cb4f',
title_2: 'HTML',
img_2: 'https://p.zhheo.com/202372b4d760fd8a497d442140c295655426070302.png!cover',
img_2: '/images/heo/202372b4d760fd8a497d442140c295655426070302.webp',
color_2: '#e9572b'
},
{
title_1: 'Git',
img_1: 'https://p.zhheo.com/2023ffa5707c4e25b6beb3e6a3d286ede4c6071102.png!cover',
img_1: '/images/heo/2023ffa5707c4e25b6beb3e6a3d286ede4c6071102.webp',
color_1: '#df5b40',
title_2: 'Rhino',
img_2: 'https://p.zhheo.com/20231ca53fa0b09a3ff1df89acd7515e9516173302.png!cover',
img_2: '/images/heo/20231ca53fa0b09a3ff1df89acd7515e9516173302.webp',
color_2: '#1f1f1f'
}
],