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

starter theme

Browse Source
This commit is contained in:
tangly1024.com
2024-02-19 19:17:29 +08:00
parent 8eeb16cd54
commit 32621f3065
16 changed files with 261 additions and 221 deletions
Download Patch File Download Diff File Expand all files Collapse all files

219
themes/starter/components/Features.js
View File

@@ -1,208 +1,129 @@
import CONFIG from '../config'
import { siteConfig } from '@/lib/config';
import { SVGGifts } from './svg/SVGGifts';
import { SVGTemplate } from './svg/SVGTemplate';
import { SVGDesign } from './svg/SVGDesign';
import { SVGEssential } from './svg/SVGEssential';
/**
* 产品特性相关，将显示在首页中
* @returns
*/
export const Features = () => {
return <>
{/* <!-- ====== Features Section Start --> */}
<section class="pb-8 pt-20 dark:bg-dark lg:pb-[70px] lg:pt-[120px]">
<div class="container">
<div class="-mx-4 flex flex-wrap">
<div class="w-full px-4">
<div class="mx-auto mb-12 max-w-[485px] text-center lg:mb-[70px]">
<span class="mb-2 block text-lg font-semibold text-primary">
Features
<section className="pb-8 pt-20 dark:bg-dark lg:pb-[70px] lg:pt-[120px]">
<div className="container">
<div className="-mx-4 flex flex-wrap">
<div className="w-full px-4">
<div className="mx-auto mb-12 max-w-[485px] text-center lg:mb-[70px]">
<span className="mb-2 block text-lg font-semibold text-primary">
{siteConfig('STARTER_FEATURE_TITLE', null, CONFIG)}
</span>
<h2
class="mb-3 text-3xl font-bold text-dark dark:text-white sm:text-4xl md:text-[40px] md:leading-[1.2]"
className="mb-3 text-3xl font-bold text-dark dark:text-white sm:text-4xl md:text-[40px] md:leading-[1.2]"
>
Main Features Of Play
{siteConfig('STARTER_FEATURE_TEXT_1', null, CONFIG)}
</h2>
<p class="text-base text-body-color dark:text-dark-6">
There are many variations of passages of Lorem Ipsum available
but the majority have suffered alteration in some form.
<p className="text-base text-body-color dark:text-dark-6">
{siteConfig('STARTER_FEATURE_TEXT_2', null, CONFIG)}
</p>
</div>
</div>
</div>
<div class="-mx-4 flex flex-wrap">
<div class="w-full px-4 md:w-1/2 lg:w-1/4">
<div class="wow fadeInUp group mb-12" data-wow-delay=".1s">
<div className="-mx-4 flex flex-wrap">
<div className="w-full px-4 md:w-1/2 lg:w-1/4">
<div className="wow fadeInUp group mb-12" data-wow-delay=".1s">
<div
class="relative z-10 mb-10 flex h-[70px] w-[70px] items-center justify-center rounded-[14px] bg-primary"
className="relative z-10 mb-10 flex h-[70px] w-[70px] items-center justify-center rounded-[14px] bg-primary"
>
<span
class="absolute left-0 top-0 -z-[1] mb-8 flex h-[70px] w-[70px] rotate-[25deg] items-center justify-center rounded-[14px] bg-primary bg-opacity-20 duration-300 group-hover:rotate-45"
className="absolute left-0 top-0 -z-[1] mb-8 flex h-[70px] w-[70px] rotate-[25deg] items-center justify-center rounded-[14px] bg-primary bg-opacity-20 duration-300 group-hover:rotate-45"
></span>
<svg
width="37"
height="37"
viewBox="0 0 37 37"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M30.5801 8.30514H27.9926C28.6113 7.85514 29.1176 7.34889 29.3426 6.73014C29.6801 5.88639 29.6801 4.48014 27.9363 2.84889C26.0801 1.04889 24.3926 1.04889 23.3238 1.33014C20.9051 1.94889 19.2738 4.76139 18.3738 6.78639C17.4738 4.76139 15.8426 2.00514 13.4238 1.33014C12.3551 1.04889 10.6676 1.10514 8.81133 2.84889C7.06758 4.53639 7.12383 5.88639 7.40508 6.73014C7.63008 7.34889 8.13633 7.85514 8.75508 8.30514H5.71758C4.08633 8.30514 2.73633 9.65514 2.73633 11.2864V14.9989C2.73633 16.5739 4.03008 17.8676 5.60508 17.9239V31.6489C5.60508 33.5614 7.18008 35.1926 9.14883 35.1926H27.5426C29.4551 35.1926 31.0863 33.6176 31.0863 31.6489V17.8676C32.4926 17.6426 33.5613 16.4051 33.5613 14.9426V11.2301C33.5613 9.59889 32.2113 8.30514 30.5801 8.30514ZM23.9426 3.69264C23.9988 3.69264 24.1676 3.63639 24.3363 3.63639C24.7301 3.63639 25.3488 3.80514 26.1926 4.59264C26.8676 5.21139 27.0363 5.66139 26.9801 5.77389C26.6988 6.56139 23.8863 7.40514 20.6801 7.74264C21.4676 5.99889 22.6488 4.03014 23.9426 3.69264ZM10.4988 4.64889C11.3426 3.86139 11.9613 3.69264 12.3551 3.69264C12.5238 3.69264 12.6363 3.74889 12.7488 3.74889C14.0426 4.08639 15.2801 5.99889 16.0676 7.79889C12.8613 7.46139 10.0488 6.61764 9.76758 5.83014C9.71133 5.66139 9.88008 5.26764 10.4988 4.64889ZM5.26758 14.9426V11.2301C5.26758 11.0051 5.43633 10.7801 5.71758 10.7801H30.5801C30.8051 10.7801 31.0301 10.9489 31.0301 11.2301V14.9426C31.0301 15.1676 30.8613 15.3926 30.5801 15.3926H5.71758C5.49258 15.3926 5.26758 15.2239 5.26758 14.9426ZM27.5426 32.6614H9.14883C8.58633 32.6614 8.13633 32.2114 8.13633 31.6489V17.9239H28.4988V31.6489C28.5551 32.2114 28.1051 32.6614 27.5426 32.6614Z"
fill="white"
/>
</svg>
<SVGGifts/>
</div>
<h4 class="mb-3 text-xl font-bold text-dark dark:text-white">
Free and Open-Source
<h4 className="mb-3 text-xl font-bold text-dark dark:text-white">
{siteConfig('STARTER_FEATURE_1_TITLE_1', null, CONFIG)}
</h4>
<p class="mb-8 text-body-color dark:text-dark-6 lg:mb-9">
Lorem Ipsum is simply dummy text of the printing and industry.
<p className="mb-8 text-body-color dark:text-dark-6 lg:mb-9">
{siteConfig('STARTER_FEATURE_1_TEXT_1', null, CONFIG)}
</p>
<a
class="text-base font-medium text-dark hover:text-primary dark:text-white dark:hover:text-primary"
href={siteConfig('STARTER_FEATURE_1_BUTTON_URL', null, CONFIG)}
className="text-base font-medium text-dark hover:text-primary dark:text-white dark:hover:text-primary"
>
Learn More
{siteConfig('STARTER_FEATURE_1_BUTTON_TEXT', null, CONFIG)}
</a>
</div>
</div>
<div class="w-full px-4 md:w-1/2 lg:w-1/4">
<div class="wow fadeInUp group mb-12" data-wow-delay=".15s">
<div className="w-full px-4 md:w-1/2 lg:w-1/4">
<div className="wow fadeInUp group mb-12" data-wow-delay=".15s">
<div
class="relative z-10 mb-10 flex h-[70px] w-[70px] items-center justify-center rounded-[14px] bg-primary"
className="relative z-10 mb-10 flex h-[70px] w-[70px] items-center justify-center rounded-[14px] bg-primary"
>
<span
class="absolute left-0 top-0 -z-[1] mb-8 flex h-[70px] w-[70px] rotate-[25deg] items-center justify-center rounded-[14px] bg-primary bg-opacity-20 duration-300 group-hover:rotate-45"
className="absolute left-0 top-0 -z-[1] mb-8 flex h-[70px] w-[70px] rotate-[25deg] items-center justify-center rounded-[14px] bg-primary bg-opacity-20 duration-300 group-hover:rotate-45"
></span>
<svg
width="36"
height="36"
viewBox="0 0 36 36"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M30.5998 1.01245H5.39981C2.98105 1.01245 0.956055 2.9812 0.956055 5.4562V30.6562C0.956055 33.075 2.9248 35.0437 5.39981 35.0437H30.5998C33.0186 35.0437 34.9873 33.075 34.9873 30.6562V5.39995C34.9873 2.9812 33.0186 1.01245 30.5998 1.01245ZM5.39981 3.48745H30.5998C31.6123 3.48745 32.4561 4.3312 32.4561 5.39995V11.1937H3.4873V5.39995C3.4873 4.38745 4.38731 3.48745 5.39981 3.48745ZM3.4873 30.6V13.725H23.0623V32.5125H5.39981C4.38731 32.5125 3.4873 31.6125 3.4873 30.6ZM30.5998 32.5125H25.5373V13.725H32.4561V30.6C32.5123 31.6125 31.6123 32.5125 30.5998 32.5125Z"
fill="white"
/>
</svg>
<SVGTemplate/>
</div>
<h4 class="mb-3 text-xl font-bold text-dark dark:text-white">
Multipurpose Template
<h4 className="mb-3 text-xl font-bold text-dark dark:text-white">
{siteConfig('STARTER_FEATURE_2_TITLE_1', null, CONFIG)}
</h4>
<p class="mb-8 text-body-color dark:text-dark-6 lg:mb-9">
Lorem Ipsum is simply dummy text of the printing and industry.
<p className="mb-8 text-body-color dark:text-dark-6 lg:mb-9">
{siteConfig('STARTER_FEATURE_2_TEXT_1', null, CONFIG)}
</p>
<a
class="text-base font-medium text-dark hover:text-primary dark:text-white dark:hover:text-primary"
href={siteConfig('STARTER_FEATURE_2_BUTTON_URL', null, CONFIG)}
className="text-base font-medium text-dark hover:text-primary dark:text-white dark:hover:text-primary"
>
Learn More
{siteConfig('STARTER_FEATURE_2_BUTTON_TEXT', null, CONFIG)}
</a>
</div>
</div>
<div class="w-full px-4 md:w-1/2 lg:w-1/4">
<div class="wow fadeInUp group mb-12" data-wow-delay=".2s">
<div className="w-full px-4 md:w-1/2 lg:w-1/4">
<div className="wow fadeInUp group mb-12" data-wow-delay=".2s">
<div
class="relative z-10 mb-10 flex h-[70px] w-[70px] items-center justify-center rounded-[14px] bg-primary"
className="relative z-10 mb-10 flex h-[70px] w-[70px] items-center justify-center rounded-[14px] bg-primary"
>
<span
class="absolute left-0 top-0 -z-[1] mb-8 flex h-[70px] w-[70px] rotate-[25deg] items-center justify-center rounded-[14px] bg-primary bg-opacity-20 duration-300 group-hover:rotate-45"
className="absolute left-0 top-0 -z-[1] mb-8 flex h-[70px] w-[70px] rotate-[25deg] items-center justify-center rounded-[14px] bg-primary bg-opacity-20 duration-300 group-hover:rotate-45"
></span>
<svg
width="37"
height="37"
viewBox="0 0 37 37"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M33.5613 21.4677L31.3675 20.1177C30.805 19.7239 30.0175 19.9489 29.6238 20.5114C29.23 21.1302 29.455 21.8614 30.0175 22.2552L31.48 23.2114L18.1488 31.5927L4.76127 23.2114L6.22377 22.2552C6.84252 21.8614 7.01127 21.0739 6.61752 20.5114C6.22377 19.8927 5.43627 19.7239 4.87377 20.1177L2.68002 21.4677C2.11752 21.8614 1.72377 22.4802 1.72377 23.1552C1.72377 23.8302 2.06127 24.5052 2.68002 24.8427L17.08 33.8989C17.4175 34.1239 17.755 34.1802 18.1488 34.1802C18.5425 34.1802 18.88 34.0677 19.2175 33.8989L33.5613 24.8989C34.1238 24.5052 34.5175 23.8864 34.5175 23.2114C34.5175 22.5364 34.18 21.8614 33.5613 21.4677Z"
fill="white"
/>
<path
d="M20.1175 20.4552L18.1488 21.6364L16.18 20.3989C15.5613 20.0052 14.83 20.2302 14.4363 20.7927C14.0425 21.4114 14.2675 22.1427 14.83 22.5364L17.4738 24.1677C17.6988 24.2802 17.9238 24.3364 18.1488 24.3364C18.3738 24.3364 18.5988 24.2802 18.8238 24.1677L21.4675 22.5364C22.0863 22.1427 22.255 21.3552 21.8613 20.7927C21.4675 20.2302 20.68 20.0614 20.1175 20.4552Z"
fill="white"
/>
<path
d="M7.74252 18.0927L11.455 20.4552C11.68 20.5677 11.905 20.6239 12.13 20.6239C12.5238 20.6239 12.9738 20.3989 13.1988 20.0052C13.5925 19.3864 13.3675 18.6552 12.805 18.2614L9.09252 15.8989C8.47377 15.5052 7.74252 15.7302 7.34877 16.2927C6.95502 16.9677 7.12377 17.7552 7.74252 18.0927Z"
fill="white"
/>
<path
d="M5.04252 16.1802C5.43627 16.1802 5.88627 15.9552 6.11127 15.5614C6.50502 14.9427 6.28002 14.2114 5.71752 13.8177L4.81752 13.2552L5.71752 12.6927C6.33627 12.2989 6.50502 11.5114 6.11127 10.9489C5.71752 10.3302 4.93002 10.1614 4.36752 10.5552L1.72377 12.1864C1.33002 12.4114 1.10502 12.8052 1.10502 13.2552C1.10502 13.7052 1.33002 14.0989 1.72377 14.3239L4.36752 15.9552C4.53627 16.1239 4.76127 16.1802 5.04252 16.1802Z"
fill="white"
/>
<path
d="M8.41752 10.7239C8.64252 10.7239 8.86752 10.6677 9.09252 10.5552L12.805 8.1927C13.4238 7.79895 13.5925 7.01145 13.1988 6.44895C12.805 5.8302 12.0175 5.66145 11.455 6.0552L7.74252 8.4177C7.12377 8.81145 6.95502 9.59895 7.34877 10.1614C7.57377 10.4989 7.96752 10.7239 8.41752 10.7239Z"
fill="white"
/>
<path
d="M16.18 6.05522L18.1488 4.81772L20.1175 6.05522C20.3425 6.16772 20.5675 6.22397 20.7925 6.22397C21.1863 6.22397 21.6363 5.99897 21.8613 5.60522C22.255 4.98647 22.03 4.25522 21.4675 3.86147L18.8238 2.23022C18.43 1.94897 17.8675 1.94897 17.4738 2.23022L14.83 3.86147C14.2113 4.25522 14.0425 5.04272 14.4363 5.60522C14.83 6.16772 15.6175 6.44897 16.18 6.05522Z"
fill="white"
/>
<path
d="M23.4925 8.19267L27.205 10.5552C27.43 10.6677 27.655 10.7239 27.88 10.7239C28.2738 10.7239 28.7238 10.4989 28.9488 10.1052C29.3425 9.48642 29.1175 8.75517 28.555 8.36142L24.8425 5.99892C24.28 5.60517 23.4925 5.83017 23.0988 6.39267C22.705 7.01142 22.8738 7.79892 23.4925 8.19267Z"
fill="white"
/>
<path
d="M34.5738 12.1864L31.93 10.5552C31.3675 10.1614 30.58 10.3864 30.1863 10.9489C29.7925 11.5677 30.0175 12.2989 30.58 12.6927L31.48 13.2552L30.58 13.8177C29.9613 14.2114 29.7925 14.9989 30.1863 15.5614C30.4113 15.9552 30.8613 16.1802 31.255 16.1802C31.48 16.1802 31.705 16.1239 31.93 16.0114L34.5738 14.3802C34.9675 14.1552 35.1925 13.7614 35.1925 13.3114C35.1925 12.8614 34.9675 12.4114 34.5738 12.1864Z"
fill="white"
/>
<path
d="M24.1675 20.624C24.3925 20.624 24.6175 20.5677 24.8425 20.4552L28.555 18.0927C29.1738 17.699 29.3425 16.9115 28.9488 16.349C28.555 15.7302 27.7675 15.5615 27.205 15.9552L23.4925 18.3177C22.8738 18.7115 22.705 19.499 23.0988 20.0615C23.3238 20.4552 23.7175 20.624 24.1675 20.624Z"
fill="white"
/>
</svg>
<SVGDesign/>
</div>
<h4 class="mb-3 text-xl font-bold text-dark dark:text-white">
High-quality Design
<h4 className="mb-3 text-xl font-bold text-dark dark:text-white">
{siteConfig('STARTER_FEATURE_3_TITLE_1', null, CONFIG)}
</h4>
<p class="mb-8 text-body-color dark:text-dark-6 lg:mb-9">
Lorem Ipsum is simply dummy text of the printing and industry.
<p className="mb-8 text-body-color dark:text-dark-6 lg:mb-9">
{siteConfig('STARTER_FEATURE_3_TEXT_1', null, CONFIG)}
</p>
<a
class="text-base font-medium text-dark hover:text-primary dark:text-white dark:hover:text-primary"
href={siteConfig('STARTER_FEATURE_3_BUTTON_URL', null, CONFIG)}
className="text-base font-medium text-dark hover:text-primary dark:text-white dark:hover:text-primary"
>
Learn More
{siteConfig('STARTER_FEATURE_3_BUTTON_TEXT', null, CONFIG)}
</a>
</div>
</div>
<div class="w-full px-4 md:w-1/2 lg:w-1/4">
<div class="wow fadeInUp group mb-12" data-wow-delay=".25s">
<div className="w-full px-4 md:w-1/2 lg:w-1/4">
<div className="wow fadeInUp group mb-12" data-wow-delay=".25s">
<div
class="relative z-10 mb-10 flex h-[70px] w-[70px] items-center justify-center rounded-[14px] bg-primary"
className="relative z-10 mb-10 flex h-[70px] w-[70px] items-center justify-center rounded-[14px] bg-primary"
>
<span
class="absolute left-0 top-0 -z-[1] mb-8 flex h-[70px] w-[70px] rotate-[25deg] items-center justify-center rounded-[14px] bg-primary bg-opacity-20 duration-300 group-hover:rotate-45"
className="absolute left-0 top-0 -z-[1] mb-8 flex h-[70px] w-[70px] rotate-[25deg] items-center justify-center rounded-[14px] bg-primary bg-opacity-20 duration-300 group-hover:rotate-45"
></span>
<svg
width="37"
height="37"
viewBox="0 0 37 37"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M12.355 2.0614H5.21129C3.29879 2.0614 1.72379 3.6364 1.72379 5.5489V12.6927C1.72379 14.6052 3.29879 16.1802 5.21129 16.1802H12.355C14.2675 16.1802 15.8425 14.6052 15.8425 12.6927V5.60515C15.8988 3.6364 14.3238 2.0614 12.355 2.0614ZM13.3675 12.7489C13.3675 13.3114 12.9175 13.7614 12.355 13.7614H5.21129C4.64879 13.7614 4.19879 13.3114 4.19879 12.7489V5.60515C4.19879 5.04265 4.64879 4.59265 5.21129 4.59265H12.355C12.9175 4.59265 13.3675 5.04265 13.3675 5.60515V12.7489Z"
fill="white"
/>
<path
d="M31.0863 2.0614H23.9425C22.03 2.0614 20.455 3.6364 20.455 5.5489V12.6927C20.455 14.6052 22.03 16.1802 23.9425 16.1802H31.0863C32.9988 16.1802 34.5738 14.6052 34.5738 12.6927V5.60515C34.5738 3.6364 32.9988 2.0614 31.0863 2.0614ZM32.0988 12.7489C32.0988 13.3114 31.6488 13.7614 31.0863 13.7614H23.9425C23.38 13.7614 22.93 13.3114 22.93 12.7489V5.60515C22.93 5.04265 23.38 4.59265 23.9425 4.59265H31.0863C31.6488 4.59265 32.0988 5.04265 32.0988 5.60515V12.7489Z"
fill="white"
/>
<path
d="M12.355 20.0051H5.21129C3.29879 20.0051 1.72379 21.5801 1.72379 23.4926V30.6364C1.72379 32.5489 3.29879 34.1239 5.21129 34.1239H12.355C14.2675 34.1239 15.8425 32.5489 15.8425 30.6364V23.5489C15.8988 21.5801 14.3238 20.0051 12.355 20.0051ZM13.3675 30.6926C13.3675 31.2551 12.9175 31.7051 12.355 31.7051H5.21129C4.64879 31.7051 4.19879 31.2551 4.19879 30.6926V23.5489C4.19879 22.9864 4.64879 22.5364 5.21129 22.5364H12.355C12.9175 22.5364 13.3675 22.9864 13.3675 23.5489V30.6926Z"
fill="white"
/>
<path
d="M31.0863 20.0051H23.9425C22.03 20.0051 20.455 21.5801 20.455 23.4926V30.6364C20.455 32.5489 22.03 34.1239 23.9425 34.1239H31.0863C32.9988 34.1239 34.5738 32.5489 34.5738 30.6364V23.5489C34.5738 21.5801 32.9988 20.0051 31.0863 20.0051ZM32.0988 30.6926C32.0988 31.2551 31.6488 31.7051 31.0863 31.7051H23.9425C23.38 31.7051 22.93 31.2551 22.93 30.6926V23.5489C22.93 22.9864 23.38 22.5364 23.9425 22.5364H31.0863C31.6488 22.5364 32.0988 22.9864 32.0988 23.5489V30.6926Z"
fill="white"
/>
</svg>
<SVGEssential/>
</div>
<h4 class="mb-3 text-xl font-bold text-dark dark:text-white">
All Essential Elements
<h4 className="mb-3 text-xl font-bold text-dark dark:text-white">
{siteConfig('STARTER_FEATURE_4_TITLE_1', null, CONFIG)}
</h4>
<p class="mb-8 text-body-color dark:text-dark-6 lg:mb-9">
Lorem Ipsum is simply dummy text of the printing and industry.
<p className="mb-8 text-body-color dark:text-dark-6 lg:mb-9">
{siteConfig('STARTER_FEATURE_4_TEXT_1', null, CONFIG)}
</p>
<a
class="text-base font-medium text-dark hover:text-primary dark:text-white dark:hover:text-primary"
href={siteConfig('STARTER_FEATURE_4_BUTTON_URL', null, CONFIG)}
className="text-base font-medium text-dark hover:text-primary dark:text-white dark:hover:text-primary"
>
Learn More
{siteConfig('STARTER_FEATURE_3_BUTTON_TEXT', null, CONFIG)}
</a>
</div>
</div>

44
themes/starter/components/Hero.js
View File

@@ -1,10 +1,10 @@
import { siteConfig } from '@/lib/config'
import CONFIG from '../config'
import SVGPlayBootstrap from './SVGPlayBoostrap'
import SVGPlayTailwind from './SVGPlayTailWind'
import SVGPlayReact from './SVGPlayReact'
import SVGPlayAstro from './SVGPlayAstro'
import SVGPlayNext from './SVGPlayNext'
import SVGPlayBootstrap from './svg/SVGPlayBoostrap'
import SVGPlayTailwind from './svg/SVGPlayTailWind'
import SVGPlayReact from './svg/SVGPlayReact'
import SVGPlayAstro from './svg/SVGPlayAstro'
import SVGPlayNext from './svg/SVGPlayNext'
export const Hero = () => {
return <>
@@ -77,20 +77,34 @@ export const Hero = () => {
{/* 技术栈说明 */}
<div>
<p className="mb-4 text-center text-base font-medium text-white">
{siteConfig('STARTER_HERO_BUTTON_3_TEXT', null, CONFIG)}
{siteConfig('STARTER_HERO_TITLE_3', null, CONFIG)}
</p>
{/* 产品技术栈图标 */}
<div
className="wow fadeInUp flex items-center justify-center gap-4 text-center"
data-wow-delay=".3s"
>
<div data-wow-delay=".3s" className="wow fadeInUp flex items-center justify-center gap-4 text-center">
{/* 图标放这里 */}
<SVGPlayBootstrap/>
<SVGPlayTailwind/>
<SVGPlayReact/>
<SVGPlayAstro/>
<SVGPlayNext/>
<a target="_blank" rel="noreferrer" href="https://github.com/uideck/play-bootstrap/"
className="text-white/60 duration-300 ease-in-out hover:text-white" >
<SVGPlayBootstrap/>
</a>
<a target="_blank" rel="noreferrer" href="https://github.com/TailGrids/play-tailwind/"
className="text-white/60 duration-300 ease-in-out hover:text-white" >
<SVGPlayTailwind/>
</a>
<a target="_blank" rel="noreferrer" href="https://github.com/NextJSTemplates/play-nextjs"
className="text-white/60 duration-300 ease-in-out hover:text-white" >
<SVGPlayReact/>
</a>
<a target="_blank" rel="noreferrer" href="https://github.com/TailGrids/play-astro/"
className="text-white/60 duration-300 ease-in-out hover:text-white" >
<SVGPlayAstro/>
</a>
<a target="_blank" rel="noreferrer" href="https://github.com/NextJSTemplates/play-nextjs"
className="text-white/60 duration-300 ease-in-out hover:text-white" >
<SVGPlayNext/>
</a>
</div>
</div>

37
themes/starter/components/Logo.js
View File

@@ -3,7 +3,7 @@ import { useGlobal } from '@/lib/global';
import throttle from 'lodash.throttle';
import Link from 'next/link'
import { useRouter } from 'next/router';
import { useEffect } from 'react';
import { useEffect, useState } from 'react';
import CONFIG from '../config';
/**
@@ -13,6 +13,10 @@ import CONFIG from '../config';
export const Logo = () => {
const router = useRouter()
const { isDarkMode } = useGlobal()
const logoWhite = siteConfig('STARTER_LOGO_WHITE', null, CONFIG)
const [logo, setLogo] = useState(logoWhite)
const [logoTextColor, setLogoTextColor] = useState('text-white')
useEffect(() => {
navBarScrollListener()
window.addEventListener('scroll', navBarScrollListener)
@@ -24,26 +28,31 @@ export const Logo = () => {
// 滚动监听
const throttleMs = 200
const navBarScrollListener = throttle(() => {
const logo = document.querySelector('.header-logo');
const scrollY = window.scrollY;
// 何时显示浅色或白底的logo
if (isDarkMode || (!isDarkMode && router.route === '/' && scrollY < 1)) {
logo.src = siteConfig('STARTER_LOGO_WHITE', null, CONFIG);
setLogo(siteConfig('STARTER_LOGO_WHITE', null, CONFIG))
setLogoTextColor('text-white')
} else {
logo.src = siteConfig('STARTER_LOGO', null, CONFIG);
setLogo(siteConfig('STARTER_LOGO', null, CONFIG))
setLogoTextColor('text-black')
}
}, throttleMs)
return <>
<div className="w-60 max-w-full px-4">
<Link href="/" className="navbar-logo block w-full py-5">
{/* eslint-disable-next-line @next/next/no-img-element */}
<img
src="/images/starter/logo/logo-white.svg"
alt="logo"
className="header-logo w-full"
/>
</Link>
</div>
</>
<Link href="/" className="navbar-logo flex items-center w-full py-5">
<>
{/* eslint-disable-next-line @next/next/no-img-element */}
{logo && <img
src={logo}
alt="logo"
className="header-logo w-full"
/>}
{/* logo文字 */}
<span className={`${logoTextColor} py-1.5 header-logo-text whitespace-nowrap text-2xl font-semibold`}>{siteConfig('TITLE')}</span>
</>
</Link>
</div>
</>
}

4
themes/starter/components/NavBar.js
View File

@@ -30,9 +30,9 @@ export const NavBar = (props) => {
const scrollY = window.scrollY;
// 控制台输出当前滚动位置和 sticky 值
if (scrollY > 0) {
ud_header.classList.add('sticky');
ud_header?.classList?.add('sticky');
} else {
ud_header.classList.remove('sticky');
ud_header?.classList?.remove('sticky');
}
}, throttleMs)
)

0
themes/starter/components/SVG404.js → themes/starter/components/svg/SVG404.js
View File

46
themes/starter/components/svg/SVGDesign.js Normal file
View File

@@ -0,0 +1,46 @@
export const SVGDesign = () => {
return <svg
width="37"
height="37"
viewBox="0 0 37 37"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M33.5613 21.4677L31.3675 20.1177C30.805 19.7239 30.0175 19.9489 29.6238 20.5114C29.23 21.1302 29.455 21.8614 30.0175 22.2552L31.48 23.2114L18.1488 31.5927L4.76127 23.2114L6.22377 22.2552C6.84252 21.8614 7.01127 21.0739 6.61752 20.5114C6.22377 19.8927 5.43627 19.7239 4.87377 20.1177L2.68002 21.4677C2.11752 21.8614 1.72377 22.4802 1.72377 23.1552C1.72377 23.8302 2.06127 24.5052 2.68002 24.8427L17.08 33.8989C17.4175 34.1239 17.755 34.1802 18.1488 34.1802C18.5425 34.1802 18.88 34.0677 19.2175 33.8989L33.5613 24.8989C34.1238 24.5052 34.5175 23.8864 34.5175 23.2114C34.5175 22.5364 34.18 21.8614 33.5613 21.4677Z"
fill="white"
/>
<path
d="M20.1175 20.4552L18.1488 21.6364L16.18 20.3989C15.5613 20.0052 14.83 20.2302 14.4363 20.7927C14.0425 21.4114 14.2675 22.1427 14.83 22.5364L17.4738 24.1677C17.6988 24.2802 17.9238 24.3364 18.1488 24.3364C18.3738 24.3364 18.5988 24.2802 18.8238 24.1677L21.4675 22.5364C22.0863 22.1427 22.255 21.3552 21.8613 20.7927C21.4675 20.2302 20.68 20.0614 20.1175 20.4552Z"
fill="white"
/>
<path
d="M7.74252 18.0927L11.455 20.4552C11.68 20.5677 11.905 20.6239 12.13 20.6239C12.5238 20.6239 12.9738 20.3989 13.1988 20.0052C13.5925 19.3864 13.3675 18.6552 12.805 18.2614L9.09252 15.8989C8.47377 15.5052 7.74252 15.7302 7.34877 16.2927C6.95502 16.9677 7.12377 17.7552 7.74252 18.0927Z"
fill="white"
/>
<path
d="M5.04252 16.1802C5.43627 16.1802 5.88627 15.9552 6.11127 15.5614C6.50502 14.9427 6.28002 14.2114 5.71752 13.8177L4.81752 13.2552L5.71752 12.6927C6.33627 12.2989 6.50502 11.5114 6.11127 10.9489C5.71752 10.3302 4.93002 10.1614 4.36752 10.5552L1.72377 12.1864C1.33002 12.4114 1.10502 12.8052 1.10502 13.2552C1.10502 13.7052 1.33002 14.0989 1.72377 14.3239L4.36752 15.9552C4.53627 16.1239 4.76127 16.1802 5.04252 16.1802Z"
fill="white"
/>
<path
d="M8.41752 10.7239C8.64252 10.7239 8.86752 10.6677 9.09252 10.5552L12.805 8.1927C13.4238 7.79895 13.5925 7.01145 13.1988 6.44895C12.805 5.8302 12.0175 5.66145 11.455 6.0552L7.74252 8.4177C7.12377 8.81145 6.95502 9.59895 7.34877 10.1614C7.57377 10.4989 7.96752 10.7239 8.41752 10.7239Z"
fill="white"
/>
<path
d="M16.18 6.05522L18.1488 4.81772L20.1175 6.05522C20.3425 6.16772 20.5675 6.22397 20.7925 6.22397C21.1863 6.22397 21.6363 5.99897 21.8613 5.60522C22.255 4.98647 22.03 4.25522 21.4675 3.86147L18.8238 2.23022C18.43 1.94897 17.8675 1.94897 17.4738 2.23022L14.83 3.86147C14.2113 4.25522 14.0425 5.04272 14.4363 5.60522C14.83 6.16772 15.6175 6.44897 16.18 6.05522Z"
fill="white"
/>
<path
d="M23.4925 8.19267L27.205 10.5552C27.43 10.6677 27.655 10.7239 27.88 10.7239C28.2738 10.7239 28.7238 10.4989 28.9488 10.1052C29.3425 9.48642 29.1175 8.75517 28.555 8.36142L24.8425 5.99892C24.28 5.60517 23.4925 5.83017 23.0988 6.39267C22.705 7.01142 22.8738 7.79892 23.4925 8.19267Z"
fill="white"
/>
<path
d="M34.5738 12.1864L31.93 10.5552C31.3675 10.1614 30.58 10.3864 30.1863 10.9489C29.7925 11.5677 30.0175 12.2989 30.58 12.6927L31.48 13.2552L30.58 13.8177C29.9613 14.2114 29.7925 14.9989 30.1863 15.5614C30.4113 15.9552 30.8613 16.1802 31.255 16.1802C31.48 16.1802 31.705 16.1239 31.93 16.0114L34.5738 14.3802C34.9675 14.1552 35.1925 13.7614 35.1925 13.3114C35.1925 12.8614 34.9675 12.4114 34.5738 12.1864Z"
fill="white"
/>
<path
d="M24.1675 20.624C24.3925 20.624 24.6175 20.5677 24.8425 20.4552L28.555 18.0927C29.1738 17.699 29.3425 16.9115 28.9488 16.349C28.555 15.7302 27.7675 15.5615 27.205 15.9552L23.4925 18.3177C22.8738 18.7115 22.705 19.499 23.0988 20.0615C23.3238 20.4552 23.7175 20.624 24.1675 20.624Z"
fill="white"
/>
</svg>
}

26
themes/starter/components/svg/SVGEssential.js Normal file
View File

@@ -0,0 +1,26 @@
export const SVGEssential = () => {
return <svg
width="37"
height="37"
viewBox="0 0 37 37"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M12.355 2.0614H5.21129C3.29879 2.0614 1.72379 3.6364 1.72379 5.5489V12.6927C1.72379 14.6052 3.29879 16.1802 5.21129 16.1802H12.355C14.2675 16.1802 15.8425 14.6052 15.8425 12.6927V5.60515C15.8988 3.6364 14.3238 2.0614 12.355 2.0614ZM13.3675 12.7489C13.3675 13.3114 12.9175 13.7614 12.355 13.7614H5.21129C4.64879 13.7614 4.19879 13.3114 4.19879 12.7489V5.60515C4.19879 5.04265 4.64879 4.59265 5.21129 4.59265H12.355C12.9175 4.59265 13.3675 5.04265 13.3675 5.60515V12.7489Z"
fill="white"
/>
<path
d="M31.0863 2.0614H23.9425C22.03 2.0614 20.455 3.6364 20.455 5.5489V12.6927C20.455 14.6052 22.03 16.1802 23.9425 16.1802H31.0863C32.9988 16.1802 34.5738 14.6052 34.5738 12.6927V5.60515C34.5738 3.6364 32.9988 2.0614 31.0863 2.0614ZM32.0988 12.7489C32.0988 13.3114 31.6488 13.7614 31.0863 13.7614H23.9425C23.38 13.7614 22.93 13.3114 22.93 12.7489V5.60515C22.93 5.04265 23.38 4.59265 23.9425 4.59265H31.0863C31.6488 4.59265 32.0988 5.04265 32.0988 5.60515V12.7489Z"
fill="white"
/>
<path
d="M12.355 20.0051H5.21129C3.29879 20.0051 1.72379 21.5801 1.72379 23.4926V30.6364C1.72379 32.5489 3.29879 34.1239 5.21129 34.1239H12.355C14.2675 34.1239 15.8425 32.5489 15.8425 30.6364V23.5489C15.8988 21.5801 14.3238 20.0051 12.355 20.0051ZM13.3675 30.6926C13.3675 31.2551 12.9175 31.7051 12.355 31.7051H5.21129C4.64879 31.7051 4.19879 31.2551 4.19879 30.6926V23.5489C4.19879 22.9864 4.64879 22.5364 5.21129 22.5364H12.355C12.9175 22.5364 13.3675 22.9864 13.3675 23.5489V30.6926Z"
fill="white"
/>
<path
d="M31.0863 20.0051H23.9425C22.03 20.0051 20.455 21.5801 20.455 23.4926V30.6364C20.455 32.5489 22.03 34.1239 23.9425 34.1239H31.0863C32.9988 34.1239 34.5738 32.5489 34.5738 30.6364V23.5489C34.5738 21.5801 32.9988 20.0051 31.0863 20.0051ZM32.0988 30.6926C32.0988 31.2551 31.6488 31.7051 31.0863 31.7051H23.9425C23.38 31.7051 22.93 31.2551 22.93 30.6926V23.5489C22.93 22.9864 23.38 22.5364 23.9425 22.5364H31.0863C31.6488 22.5364 32.0988 22.9864 32.0988 23.5489V30.6926Z"
fill="white"
/>
</svg>
}

14
themes/starter/components/svg/SVGGifts.js Normal file
View File

@@ -0,0 +1,14 @@
export const SVGGifts = () => {
return <svg
width="37"
height="37"
viewBox="0 0 37 37"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M30.5801 8.30514H27.9926C28.6113 7.85514 29.1176 7.34889 29.3426 6.73014C29.6801 5.88639 29.6801 4.48014 27.9363 2.84889C26.0801 1.04889 24.3926 1.04889 23.3238 1.33014C20.9051 1.94889 19.2738 4.76139 18.3738 6.78639C17.4738 4.76139 15.8426 2.00514 13.4238 1.33014C12.3551 1.04889 10.6676 1.10514 8.81133 2.84889C7.06758 4.53639 7.12383 5.88639 7.40508 6.73014C7.63008 7.34889 8.13633 7.85514 8.75508 8.30514H5.71758C4.08633 8.30514 2.73633 9.65514 2.73633 11.2864V14.9989C2.73633 16.5739 4.03008 17.8676 5.60508 17.9239V31.6489C5.60508 33.5614 7.18008 35.1926 9.14883 35.1926H27.5426C29.4551 35.1926 31.0863 33.6176 31.0863 31.6489V17.8676C32.4926 17.6426 33.5613 16.4051 33.5613 14.9426V11.2301C33.5613 9.59889 32.2113 8.30514 30.5801 8.30514ZM23.9426 3.69264C23.9988 3.69264 24.1676 3.63639 24.3363 3.63639C24.7301 3.63639 25.3488 3.80514 26.1926 4.59264C26.8676 5.21139 27.0363 5.66139 26.9801 5.77389C26.6988 6.56139 23.8863 7.40514 20.6801 7.74264C21.4676 5.99889 22.6488 4.03014 23.9426 3.69264ZM10.4988 4.64889C11.3426 3.86139 11.9613 3.69264 12.3551 3.69264C12.5238 3.69264 12.6363 3.74889 12.7488 3.74889C14.0426 4.08639 15.2801 5.99889 16.0676 7.79889C12.8613 7.46139 10.0488 6.61764 9.76758 5.83014C9.71133 5.66139 9.88008 5.26764 10.4988 4.64889ZM5.26758 14.9426V11.2301C5.26758 11.0051 5.43633 10.7801 5.71758 10.7801H30.5801C30.8051 10.7801 31.0301 10.9489 31.0301 11.2301V14.9426C31.0301 15.1676 30.8613 15.3926 30.5801 15.3926H5.71758C5.49258 15.3926 5.26758 15.2239 5.26758 14.9426ZM27.5426 32.6614H9.14883C8.58633 32.6614 8.13633 32.2114 8.13633 31.6489V17.9239H28.4988V31.6489C28.5551 32.2114 28.1051 32.6614 27.5426 32.6614Z"
fill="white"
/>
</svg>
}

8
themes/starter/components/SVGPlayAstro.js → themes/starter/components/svg/SVGPlayAstro.js
View File

@@ -1,10 +1,5 @@
export default function SVGPlayAstro() {
return <a
href="https://github.com/TailGrids/play-astro/"
className="text-white/60 duration-300 ease-in-out hover:text-white"
target="_blank" rel="noreferrer"
>
<svg
return <svg
className="mt-0.5 fill-current"
width="30"
height="38"
@@ -30,5 +25,4 @@ export default function SVGPlayAstro() {
</clipPath>
</defs>
</svg>
</a>
}

8
themes/starter/components/SVGPlayBoostrap.js → themes/starter/components/svg/SVGPlayBoostrap.js
View File

@@ -1,10 +1,5 @@
export default function SVGPlayBootstrap() {
return <a
href="https://github.com/uideck/play-bootstrap/"
className="text-white/60 duration-300 ease-in-out hover:text-white"
target="_blank" rel="noreferrer"
>
<svg
return <svg
className="fill-current"
width="41"
height="32"
@@ -33,5 +28,4 @@ export default function SVGPlayBootstrap() {
/>
</g>
</svg>
</a>
}

8
themes/starter/components/SVGPlayNext.js → themes/starter/components/svg/SVGPlayNext.js
View File

@@ -1,10 +1,5 @@
export default function SVGPlayNext() {
return <a
href="https://github.com/NextJSTemplates/play-nextjs"
className="text-white/60 duration-300 ease-in-out hover:text-white"
target="_blank" rel="noreferrer"
>
<svg
return <svg
className="fill-current"
width="41"
height="40"
@@ -16,5 +11,4 @@ export default function SVGPlayNext() {
d="M19.1914 0.0107542C19.1054 0.0185659 18.8322 0.0459068 18.5862 0.0654364C12.911 0.577104 7.59499 3.63931 4.22819 8.34588C2.35339 10.9628 1.15419 13.9313 0.700995 17.0755C0.540995 18.173 0.521393 18.4972 0.521393 19.9854C0.521393 21.4735 0.540995 21.7977 0.700995 22.8952C1.78699 30.3984 7.12619 36.7025 14.3678 39.0382C15.6646 39.4561 17.0314 39.7412 18.5862 39.9131C19.1914 39.9795 21.8082 39.9795 22.4138 39.9131C25.097 39.6163 27.3702 38.9523 29.6122 37.8078C29.9562 37.6321 30.0226 37.5852 29.9754 37.5462C29.9442 37.5227 28.4798 35.5581 26.7218 33.1833L23.527 28.8673L19.5234 22.9421C17.3206 19.6846 15.5082 17.0208 15.4926 17.0208C15.477 17.0169 15.4614 19.6495 15.4534 22.864C15.4418 28.4924 15.4378 28.7189 15.3678 28.8517C15.2662 29.0431 15.1878 29.1212 15.0238 29.2071C14.899 29.2696 14.7894 29.2813 14.1998 29.2813H13.5242L13.3442 29.1681C13.227 29.0938 13.1414 28.9962 13.0826 28.8829L13.0006 28.7072L13.0086 20.8759L13.0202 13.0407L13.1414 12.8884C13.2038 12.8064 13.3366 12.7009 13.4302 12.6502C13.5906 12.572 13.653 12.5642 14.3286 12.5642C15.1254 12.5642 15.2582 12.5955 15.4654 12.822C15.5238 12.8845 17.6914 16.1498 20.285 20.083C22.8786 24.0162 26.425 29.3868 28.167 32.0232L31.331 36.8158L31.491 36.7103C32.909 35.7885 34.4086 34.4761 35.5962 33.1091C38.123 30.207 39.7518 26.6683 40.2986 22.8952C40.459 21.7977 40.4786 21.4735 40.4786 19.9854C40.4786 18.4972 40.459 18.173 40.2986 17.0755C39.213 9.57232 33.8738 3.26825 26.6322 0.93254C25.355 0.518516 23.9958 0.233389 22.4722 0.0615304C22.0974 0.0224718 19.5158 -0.0204928 19.1914 0.0107542ZM27.3702 12.0955C27.5578 12.1892 27.7102 12.3689 27.765 12.5564C27.7962 12.658 27.8038 14.8296 27.7962 19.7237L27.7842 26.7464L26.5462 24.8482L25.3042 22.9499V17.845C25.3042 14.5445 25.3198 12.6892 25.343 12.5994C25.4058 12.3806 25.5422 12.2088 25.7298 12.1072C25.8902 12.0252 25.9486 12.0174 26.5618 12.0174C27.1398 12.0174 27.2414 12.0252 27.3702 12.0955Z"
/>
</svg>
</a>
}

8
themes/starter/components/SVGPlayReact.js → themes/starter/components/svg/SVGPlayReact.js
View File

@@ -1,10 +1,5 @@
export default function SVGPlayReact() {
return <a
href="https://github.com/NextJSTemplates/play-nextjs"
className="text-white/60 duration-300 ease-in-out hover:text-white"
target="_blank" rel="noreferrer"
>
<svg
return <svg
className="fill-current"
width="41"
height="36"
@@ -19,5 +14,4 @@ export default function SVGPlayReact() {
d="M20.5134 21.7133C22.5714 21.7133 24.2394 20.0451 24.2394 17.9873C24.2394 15.9294 22.5714 14.2612 20.5134 14.2612C18.4558 14.2612 16.7874 15.9294 16.7874 17.9873C16.7874 20.0451 18.4558 21.7133 20.5134 21.7133Z"
/>
</svg>
</a>
}

8
themes/starter/components/SVGPlayTailWind.js → themes/starter/components/svg/SVGPlayTailWind.js
View File

@@ -1,10 +1,5 @@
export default function SVGPlayTailwind() {
return <a
href="https://github.com/TailGrids/play-tailwind/"
className="text-white/60 duration-300 ease-in-out hover:text-white"
target="_blank" rel="noreferrer"
>
<svg
return <svg
className="fill-current"
width="41"
height="26"
@@ -31,5 +26,4 @@ export default function SVGPlayTailwind() {
/>
</g>
</svg>
</a>
}

14
themes/starter/components/svg/SVGTemplate.js Normal file
View File

@@ -0,0 +1,14 @@
export const SVGTemplate = () => {
return <svg
width="36"
height="36"
viewBox="0 0 36 36"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M30.5998 1.01245H5.39981C2.98105 1.01245 0.956055 2.9812 0.956055 5.4562V30.6562C0.956055 33.075 2.9248 35.0437 5.39981 35.0437H30.5998C33.0186 35.0437 34.9873 33.075 34.9873 30.6562V5.39995C34.9873 2.9812 33.0186 1.01245 30.5998 1.01245ZM5.39981 3.48745H30.5998C31.6123 3.48745 32.4561 4.3312 32.4561 5.39995V11.1937H3.4873V5.39995C3.4873 4.38745 4.38731 3.48745 5.39981 3.48745ZM3.4873 30.6V13.725H23.0623V32.5125H5.39981C4.38731 32.5125 3.4873 31.6125 3.4873 30.6ZM30.5998 32.5125H25.5373V13.725H32.4561V30.6C32.5123 31.6125 31.6123 32.5125 30.5998 32.5125Z"
fill="white"
/>
</svg>
}

36
themes/starter/config.js
View File

@@ -3,12 +3,13 @@
*/
const CONFIG = {
STARTER_LOGO: '/images/starter/logo/logo.svg', // 普通logo
STARTER_LOGO_WHITE: '/images/starter/logo/logo-white.svg', // 透明底浅色logo
// 默认只展示Logo文字，如果设置了logo图片，会在文字左侧显示图标
STARTER_LOGO: '', // 普通logo图片 示例：/images/starter/logo/logo.svg
STARTER_LOGO_WHITE: '', // 透明底浅色logo 示例： /images/starter/logo/logo-white.svg
STARTER_HERO_TITLE_1: 'Open-Source Web Template for SaaS, Startup, Apps, and More ', // 英雄区文字
STARTER_HERO_TITLE_2: 'Multidisciplinary Web Template Built with Your Favourite Technology - HTML Bootstrap, Tailwind and React NextJS.', // 英雄区文字
STARTER_HERO_TITLE_3: 'Built with latest technology ', // 英雄区文字
STARTER_HERO_TITLE_1: '开源且免费的基于 Notion 笔记的网站构建工具。', // 英雄区文字
STARTER_HERO_TITLE_2: '使用您喜爱的技术（Tailwind 和 React NextJS）构建各种网站主题模板。 ', // 英雄区文字
STARTER_HERO_TITLE_3: '使用最新技术构建', // 英雄区文字
STARTER_HERO_BUTTON_1_TEXT: 'Start Now', // 英雄区按钮
STARTER_HERO_BUTTON_1_URL: 'https://docs.tangly1024.com/article/vercel-deploy-notion-next', // 英雄区按钮
STARTER_HERO_BUTTON_2_TEXT: 'Star on Github', // 英雄区按钮
@@ -21,6 +22,31 @@ const CONFIG = {
STARTER_NAV_BUTTON_2_TEXT: 'Sign Up',
STARTER_NAV_BUTTON_2_URL: '/signup',
// 特性相关
STARTER_FEATURE_TITLE: '特性', // 特性
STARTER_FEATURE_TEXT_1: 'NotionNext的主要特性', // 特性
STARTER_FEATURE_TEXT_2: 'NotionNext的愿景是帮助非技术人员的小白，最低成本、最快速地搭建自己的网站。 ', // 特性
STARTER_FEATURE_1_TITLE_1: '免费且开源', // 特性1
STARTER_FEATURE_1_TEXT_1: '项目源码在Github上完全开放共享，遵循MIT协议', // 特性1
STARTER_FEATURE_1_BUTTON_TEXT: '了解更多', // 特性1
STARTER_FEATURE_1_BUTTON_URL: 'https://github.com/tangly1024/NotionNext', // 特性1
STARTER_FEATURE_2_TITLE_1: '多种主题定制', // 特性2
STARTER_FEATURE_2_TEXT_1: '数十种主题,适用于不同场景，总有一款适合你', // 特性2
STARTER_FEATURE_2_BUTTON_TEXT: '了解更多', // 特性2
STARTER_FEATURE_2_BUTTON_URL: 'https://docs.tangly1024.com/article/notion-next-themes', // 特性2
STARTER_FEATURE_3_TITLE_1: '优秀的性能', // 特性3
STARTER_FEATURE_3_TEXT_1: '基于NextJS开发，更快的相应速度，更好的SEO', // 特性3
STARTER_FEATURE_3_BUTTON_TEXT: '了解更多', // 特性3
STARTER_FEATURE_3_BUTTON_URL: 'https://docs.tangly1024.com/article/next-js', // 特性3
STARTER_FEATURE_4_TITLE_1: '便捷的写作体验', // 特性4
STARTER_FEATURE_4_TEXT_1: '只需在Notion笔记中编修，自动同步到网站', // 特性4
STARTER_FEATURE_4_BUTTON_TEXT: '了解更多', // 特性4
STARTER_FEATURE_4_BUTTON_URL: 'https://docs.tangly1024.com/about', // 特性4
STARTER_NEWSLETTER: process.env.NEXT_PUBLIC_THEME_STARTER_NEWSLETTER || false // 是否开启邮件订阅 请先配置mailchimp功能 https://docs.tangly1024.com/article/notion-next-mailchimp
}
export default CONFIG

2
themes/starter/index.js
View File

@@ -32,7 +32,7 @@ import { Footer } from './components/Footer'
import { BackToTopButton } from './components/BackToTopButton'
import { MadeWithButton } from './components/MadeWithButton'
import { LAYOUT_MAPPINGS } from '@/blog.config'
import { SVG404 } from './components/SVG404'
import { SVG404 } from './components/svg/SVG404'
/**
* 一些外部js