diff --git a/themes/starter/components/About.js b/themes/starter/components/About.js index f730fbb4..203205db 100644 --- a/themes/starter/components/About.js +++ b/themes/starter/components/About.js @@ -11,28 +11,28 @@ export const About = () => { {/* */}
-
-
-
+
+
+
{/* 左侧的文字说明板块 */} -
-
+
+

{siteConfig('STARTER_ABOUT_TITLE', null, CONFIG)}

-

{siteConfig('STARTER_ABOUT_BUTTON_TEXT', null, CONFIG)} @@ -40,49 +40,49 @@ export const About = () => {
{/* 右侧的图片海报 */} -
-
-
+
+
+
about image
-
+
about image
- + {siteConfig('STARTER_ABOUT_TIPS_1', null, CONFIG)} - + {siteConfig('STARTER_ABOUT_TIPS_2', null, CONFIG)} {siteConfig('STARTER_ABOUT_TIPS_3', null, CONFIG)}
- + { - + { - + { +export const Blog = (props) => { + const count = siteConfig('STARTER_BLOG_COUNT', 3, CONFIG) + const posts = props?.allNavPages + ? props.allNavPages.slice(0, count) + : [] return <> {/* */} -
-
+
+
{/* 区块标题文字 */} -
-
-
- +
+
+
+ {siteConfig('STARTER_BLOG_TITLE', null, CONFIG)}

{siteConfig('STARTER_BLOG_TEXT_1', null, CONFIG)}

+ } className="text-base text-body-color dark:text-dark-6">

{/* 博客列表 此处优先展示3片文章 */} -
-
-
-
- +
+ {posts?.map((item, index) => { + return
+
+
- Dec 22, 2023 + {item.publishDay}

- Meet AutoManage, the best AI management tools + {item.title}

- Lorem Ipsum is simply dummy text of the printing and - typesetting industry. + {item.summary}

+ }) }
diff --git a/themes/starter/components/Brand.js b/themes/starter/components/Brand.js index a2f26167..db51823e 100644 --- a/themes/starter/components/Brand.js +++ b/themes/starter/components/Brand.js @@ -1,72 +1,34 @@ +/* eslint-disable @next/next/no-img-element */ + +import CONFIG from '../config' + +/** + * 合作伙伴 + * @returns + */ export const Brand = () => { return <> {/* */} -
-
+
+
diff --git a/themes/starter/components/CTA.js b/themes/starter/components/CTA.js index 702fafb9..756b1f26 100644 --- a/themes/starter/components/CTA.js +++ b/themes/starter/components/CTA.js @@ -3,30 +3,30 @@ export const CTA = () => { {/* */}
-
-
-
-
-
+
+
+
+
+

What Are You Looking For? - + Get Started Now

There are many variations of passages of Lorem Ipsum but the majority have suffered in some form.

Start using Play @@ -36,7 +36,7 @@ export const CTA = () => {
- + { /> - + { return <> {/* */} -
+
-
-
-
-
-
+
+
+ + {/* 联系方式左侧文字 */} +
+
+
- CONTACT US + {siteConfig('STARTER_CONTACT_TITLE', null, CONFIG)}

- Let's talk about your problem. + {siteConfig('STARTER_CONTACT_TEXT', null, CONFIG)}

-
-
-
- - - - +
+
+
+
- Our Location + {siteConfig('STARTER_CONTACT_LOCATION_TITLE', null, CONFIG)}
-

- 401 Broadway, 24th Floor, Orchard Cloud View, London +

+ {siteConfig('STARTER_CONTACT_LOCATION_TEXT', null, CONFIG)}

-
-
- - - +
+
+
- How Can We Help? + {siteConfig('STARTER_CONTACT_EMAIL_TITLE', null, CONFIG)}
-

- info@yourdomain.com -

-

- contact@yourdomain.com +

+ {siteConfig('STARTER_CONTACT_EMAIL_TEXT', null, CONFIG)}

-
+ + {/* 联系方式右侧留言 */} +

- Send us a Message + {siteConfig('STARTER_CONTACT_MSG_TITLE', null, CONFIG)}

-
+
+ // for="fullName" + className="mb-4 block text-sm text-body-color dark:text-dark-6"> + {siteConfig('STARTER_CONTACT_MSG_NAME', null, CONFIG)}* +
-
+
+ // for="email" + className="mb-4 block text-sm text-body-color dark:text-dark-6"> + {siteConfig('STARTER_CONTACT_MSG_EMAIL', null, CONFIG)}* +
-
- +
+
-
+
+ // for="message" + className="mb-4 block text-sm text-body-color dark:text-dark-6"> + {siteConfig('STARTER_CONTACT_MSG_TEXT', null, CONFIG)}* +
-
+
+
diff --git a/themes/starter/components/FAQ.js b/themes/starter/components/FAQ.js index 408090c8..daff2aaf 100644 --- a/themes/starter/components/FAQ.js +++ b/themes/starter/components/FAQ.js @@ -18,22 +18,22 @@ export const FAQ = () => { return <> {/* */}
-
-
-
-
- +
+
+
+
+ {siteConfig('STARTER_FAQ_TITLE', null, CONFIG)}

{siteConfig('STARTER_FAQ_TEXT_1', null, CONFIG)}

{siteConfig('STARTER_FAQ_TEXT_2', null, CONFIG)}

@@ -41,80 +41,80 @@ export const FAQ = () => {
-
-
-
+
+
+
-
+

{siteConfig('STARTER_FAQ_1_QUESTION', null, CONFIG)}

+ } className="text-base text-body-color dark:text-dark-6">

-
+
-
+

{siteConfig('STARTER_FAQ_2_QUESTION', null, CONFIG)}

+ } className="text-base text-body-color dark:text-dark-6">

-
-
+
+
-
+

{siteConfig('STARTER_FAQ_3_QUESTION', null, CONFIG)}

+ } className="text-base text-body-color dark:text-dark-6">

-
+
-
+

{siteConfig('STARTER_FAQ_4_QUESTION', null, CONFIG)}

+ } className="text-base text-body-color dark:text-dark-6">

@@ -124,10 +124,10 @@ export const FAQ = () => { {/* 背景图案 */}
- + - +
diff --git a/themes/starter/components/Footer.js b/themes/starter/components/Footer.js index fb2d7127..9724123b 100644 --- a/themes/starter/components/Footer.js +++ b/themes/starter/components/Footer.js @@ -1,267 +1,94 @@ import { siteConfig } from '@/lib/config' import CONFIG from '../config' +import { Logo } from './Logo' +import SocialButton from '@/themes/fukasawa/components/SocialButton' +import { SVGFooterCircleBG } from './svg/SVGFooterCircleBG' +import { checkContainHttp, sliceUrlFromHttp } from '@/lib/utils' /* eslint-disable @next/next/no-img-element */ -export const Footer = () => { +export const Footer = (props) => { + console.log('prop', props) + const latestPosts = props?.latestPosts ? props?.latestPosts.slice(0, 2) : [] + return <> {/* */} diff --git a/themes/starter/components/Logo.js b/themes/starter/components/Logo.js index ca6065a9..f2492f52 100644 --- a/themes/starter/components/Logo.js +++ b/themes/starter/components/Logo.js @@ -10,7 +10,7 @@ import CONFIG from '../config'; * 站点图标 * @returns */ -export const Logo = () => { +export const Logo = ({ white }) => { const router = useRouter() const { isDarkMode } = useGlobal() const logoWhite = siteConfig('STARTER_LOGO_WHITE', null, CONFIG) @@ -30,7 +30,7 @@ export const Logo = () => { const navBarScrollListener = throttle(() => { const scrollY = window.scrollY; // 何时显示浅色或白底的logo - if (isDarkMode || (!isDarkMode && router.route === '/' && scrollY < 1)) { + if (white || isDarkMode || (!isDarkMode && router.route === '/' && scrollY < 1)) { setLogo(siteConfig('STARTER_LOGO_WHITE', null, CONFIG)) setLogoTextColor('text-white') } else { diff --git a/themes/starter/components/MadeWithButton.js b/themes/starter/components/MadeWithButton.js index 8bdda3a6..a833f78b 100644 --- a/themes/starter/components/MadeWithButton.js +++ b/themes/starter/components/MadeWithButton.js @@ -5,23 +5,23 @@ export const MadeWithButton = () => { - + Made with - - + + tailgrids diff --git a/themes/starter/components/Pricing.js b/themes/starter/components/Pricing.js index 131a9ba9..466f74f7 100644 --- a/themes/starter/components/Pricing.js +++ b/themes/starter/components/Pricing.js @@ -10,21 +10,21 @@ export const Pricing = () => { {/* */}
-
-
-
-
- +
+
+
+
+ {siteConfig('STARTER_PRICING_TITLE', null, CONFIG)}

{siteConfig('STARTER_PRICING_TEXT_1', null, CONFIG)}

-

+

{siteConfig('STARTER_PRICING_TEXT_2', null, CONFIG)}

@@ -32,35 +32,35 @@ export const Pricing = () => {
{/* 第一个付费计划 */} -
-
+
+
{siteConfig('STARTER_PRICING_1_TITLE', null, CONFIG)}

- {siteConfig('STARTER_PRICING_1_PRICE_CURRENCY', null, CONFIG)} - {siteConfig('STARTER_PRICING_1_PRICE', null, CONFIG)} + {siteConfig('STARTER_PRICING_1_PRICE_CURRENCY', null, CONFIG)} + {siteConfig('STARTER_PRICING_1_PRICE', null, CONFIG)} {siteConfig('STARTER_PRICING_1_PRICE_PERIOD', null, CONFIG)}

-
-
+
+
{siteConfig('STARTER_PRICING_1_HEADER', null, CONFIG)}
-
+
{siteConfig('STARTER_PRICING_1_FEATURES', null, CONFIG)?.split(',').map((feature, index) => { - return

+ return

{feature}

})} @@ -69,7 +69,7 @@ export const Pricing = () => {
{siteConfig('STARTER_PRICING_1_BUTTON_TEXT', null, CONFIG)} @@ -77,39 +77,39 @@ export const Pricing = () => {
{/* 第二个付费计划 */} -
+

{siteConfig('STARTER_PRICING_2_TAG', null, CONFIG)}

{siteConfig('STARTER_PRICING_2_TITLE', null, CONFIG)}

- {siteConfig('STARTER_PRICING_1_PRICE_CURRENCY', null, CONFIG)} - {siteConfig('STARTER_PRICING_1_PRICE', null, CONFIG)} + {siteConfig('STARTER_PRICING_1_PRICE_CURRENCY', null, CONFIG)} + {siteConfig('STARTER_PRICING_1_PRICE', null, CONFIG)} {siteConfig('STARTER_PRICING_2_PRICE_PERIOD', null, CONFIG)}

-
-
+
+
{siteConfig('STARTER_PRICING_2_HEADER', null, CONFIG)}
-
+
{siteConfig('STARTER_PRICING_2_FEATURES', null, CONFIG)?.split(',').map((feature, index) => { - return

+ return

{feature}

})} @@ -118,7 +118,7 @@ export const Pricing = () => {
{siteConfig('STARTER_PRICING_2_BUTTON_TEXT', null, CONFIG)} @@ -126,34 +126,34 @@ export const Pricing = () => {
{/* 第三个付费计划 */} -
+
{siteConfig('STARTER_PRICING_3_TITLE', null, CONFIG)}

- {siteConfig('STARTER_PRICING_3_PRICE_CURRENCY', null, CONFIG)} - {siteConfig('STARTER_PRICING_3_PRICE', null, CONFIG)} + {siteConfig('STARTER_PRICING_3_PRICE_CURRENCY', null, CONFIG)} + {siteConfig('STARTER_PRICING_3_PRICE', null, CONFIG)} {siteConfig('STARTER_PRICING_3_PRICE_PERIOD', null, CONFIG)}

-
-
+
+
{siteConfig('STARTER_PRICING_3_HEADER', null, CONFIG)}
-
+
{siteConfig('STARTER_PRICING_3_FEATURES', null, CONFIG)?.split(',').map((feature, index) => { - return

+ return

{feature}

})} @@ -162,7 +162,7 @@ export const Pricing = () => {
{siteConfig('STARTER_PRICING_3_BUTTON_TEXT', null, CONFIG)} diff --git a/themes/starter/components/SocialButton.js b/themes/starter/components/SocialButton.js new file mode 100644 index 00000000..b9def55b --- /dev/null +++ b/themes/starter/components/SocialButton.js @@ -0,0 +1,44 @@ +import { siteConfig } from '@/lib/config' + +/** + * 社交联系方式按钮组 + * @returns {JSX.Element} + * @constructor + */ +const SocialButton = () => { + return
+
+ {siteConfig('CONTACT_GITHUB') && + + } + {siteConfig('CONTACT_TWITTER') && + + } + {siteConfig('CONTACT_TELEGRAM') && + + } + {siteConfig('CONTACT_LINKEDIN') && + + } + {siteConfig('CONTACT_WEIBO') && + + } + {siteConfig('CONTACT_INSTAGRAM') && + + } + {siteConfig('CONTACT_EMAIL') && + + } + {JSON.parse(siteConfig('ENABLE_RSS')) && + + } + {siteConfig('CONTACT_BILIBILI') && + + } + {siteConfig('CONTACT_YOUTUBE') && + + } +
+
+} +export default SocialButton diff --git a/themes/starter/components/Team.js b/themes/starter/components/Team.js index d605a545..5d24e18e 100644 --- a/themes/starter/components/Team.js +++ b/themes/starter/components/Team.js @@ -11,74 +11,74 @@ export const Team = () => { {/* */}
-
-
-
-
- +
+
+
+
+ {siteConfig('STARTER_TEAM_TITLE', null, CONFIG)}

{siteConfig('STARTER_TEAM_TEXT_1', null, CONFIG)}

+ } className="text-base text-body-color dark:text-dark-6">

{/* 团队成员排列矩阵 */} -
+
{CONFIG.STARTER_TEAM_ITEMS.map((item, index) => { - return
+ return
{/* 头像 */} -
+
team image
{/* 文字介绍 */} -
+

{item.STARTER_TEAM_ITEM_NICKNAME}

-

+

{item.STARTER_TEAM_ITEM_DESCRIPTION}

{/* 社交链接 */} -
- + diff --git a/themes/starter/components/Testimonials.js b/themes/starter/components/Testimonials.js index b0d8e134..6fdd98b6 100644 --- a/themes/starter/components/Testimonials.js +++ b/themes/starter/components/Testimonials.js @@ -20,6 +20,7 @@ const loadExternal = async () => { return } // Testimonial + // eslint-disable-next-line no-unused-vars const testimonialSwiper = new Swiper('.testimonial-carousel', { slidesPerView: 1, spaceBetween: 30, @@ -45,7 +46,6 @@ const loadExternal = async () => { } } }); - console.log('swiper', testimonialSwiper) }; export const Testimonials = () => { @@ -58,64 +58,64 @@ export const Testimonials = () => { {/* */}
-
-
-
-
- +
+
+
+
+ {siteConfig('STARTER_TESTIMONIALS_TITLE', null, CONFIG)}

{siteConfig('STARTER_TESTIMONIALS_TEXT_1', null, CONFIG)}

-

+

{siteConfig('STARTER_TESTIMONIALS_TEXT_2', null, CONFIG)}

-
-
-
+
+
+
{/* 用户评价卡牌 */} {CONFIG.STARTER_TESTIMONIALS_ITEMS.map((item, index) => { - return
+ return
-
+
{ratings.map((rating, index) => ( star icon ))}
-

+

“{item.STARTER_TESTIMONIALS_ITEM_TEXT}”

- -
+ +
author

{item.STARTER_TESTIMONIALS_ITEM_NICKNAME}

-

+

{item.STARTER_TESTIMONIALS_ITEM_DESCRIPTION}

@@ -127,11 +127,11 @@ export const Testimonials = () => {
{/* 切换按钮 */} -
-
+
+
-
+
diff --git a/themes/starter/components/svg/SVGEmail.js b/themes/starter/components/svg/SVGEmail.js new file mode 100644 index 00000000..13f90a9b --- /dev/null +++ b/themes/starter/components/svg/SVGEmail.js @@ -0,0 +1,12 @@ +export const SVGEmail = () => { + return + + +} diff --git a/themes/starter/components/svg/SVGFacebook.js b/themes/starter/components/svg/SVGFacebook.js index 236d00ce..d5104d31 100644 --- a/themes/starter/components/svg/SVGFacebook.js +++ b/themes/starter/components/svg/SVGFacebook.js @@ -5,7 +5,7 @@ export const SVGFacebook = () => { viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg" - class="fill-current" + className="fill-current" > { + return + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +} diff --git a/themes/starter/components/svg/SVGInstagram.js b/themes/starter/components/svg/SVGInstagram.js index 375ddf8a..f904ce7b 100644 --- a/themes/starter/components/svg/SVGInstagram.js +++ b/themes/starter/components/svg/SVGInstagram.js @@ -5,7 +5,7 @@ export const SVGInstagram = () => { viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg" - class="fill-current" + className="fill-current" > { return { + return + + + +} diff --git a/themes/starter/components/svg/SVGQuestion.js b/themes/starter/components/svg/SVGQuestion.js index e190c44f..817171a2 100644 --- a/themes/starter/components/svg/SVGQuestion.js +++ b/themes/starter/components/svg/SVGQuestion.js @@ -3,7 +3,7 @@ export const SVGQuestion = () => { width="32" height="32" viewBox="0 0 34 34" - class="fill-current" + className="fill-current" > { return { viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg" - class="fill-current" + className="fill-current" > 帮助文档，操作演示视频，以及交流社群来协助您完成网站的搭建部署', + STARTER_FAQ_1_ANSWER: 'NotionNext提供了帮助文档，操作演示视频，以及交流社群来协助您完成网站的搭建部署', STARTER_FAQ_2_QUESTION: '部署后要如何编写文章？', - STARTER_FAQ_2_ANSWER: '您可以在Notion中之间添加或修改类型为Post的页面，内容将被实时同步在站点中，详情参考《帮助文档》', + STARTER_FAQ_2_ANSWER: '您可以在Notion中之间添加或修改类型为Post的页面，内容将被实时同步在站点中，详情参考《帮助文档》', STARTER_FAQ_3_QUESTION: '站点部署失败，更新失败？', STARTER_FAQ_3_ANSWER: '通常是配置修改错误导致，请检查配置或者重试操作步骤，或者通过Vercel后台的Deployments中找到错误日志，并向网友求助', @@ -165,7 +165,7 @@ const CONFIG = { STARTER_TEAM_TITLE: '团队成员', STARTER_TEAM_TEXT_1: '我们的开发者团队', - STARTER_TEAM_TEXT_2: 'NotionNext 由众多开源技术爱好者们共同合作完成，感谢每一位贡献者', + STARTER_TEAM_TEXT_2: 'NotionNext 由众多开源技术爱好者们共同合作完成，感谢每一位贡献者', // 这里不支持CONFIG和环境变量，需要一一修改此处代码。 STARTER_TEAM_ITEMS: [ @@ -193,9 +193,92 @@ const CONFIG = { // 博客文章区块 STARTER_BLOG_TITLE: '我们的博客', + STARTER_BLOG_COUNT: 3, // 首页博文区块默认展示前3篇文章 STARTER_BLOG_TEXT_1: '最近的新闻', STARTER_BLOG_TEXT_2: '这里会发布一些关于NotionNext的最新动态，包括新的动向、新的未来计划，以及新功能的特性', + // 联系模块 + STARTER_CONTACT_TITLE: '联系我们', + STARTER_CONTACT_TEXT: '告诉我们您遇到的问题', + STARTER_CONTACT_LOCATION_TITLE: '我们的位置', + STARTER_CONTACT_LOCATION_TEXT: '中国，福建', + STARTER_CONTACT_EMAIL_TITLE: '我们如何帮助您？', + STARTER_CONTACT_EMAIL_TEXT: 'mail@tangly1024.com', + + STARTER_CONTACT_MSG_TITLE: '向我们留言', + STARTER_CONTACT_MSG_NAME: '姓名', + STARTER_CONTACT_MSG_EMAIL: '邮箱地址', + STARTER_CONTACT_MSG_PHONE: '联系电话', + STARTER_CONTACT_MSG_TEXT: '消息内容', + STARTER_CONTACT_MSG_SEND: '发送消息', + + // 合作伙伴的图标 + STARTER_BRANDS: [ + { + IMAGE: '/images/starter/brands/graygrids.svg', + IMAGE_WHITE: '/images/starter/brands/graygrids-white.svg', + URL: 'https://graygrids.com/', + TITLE: 'graygrids' + }, + { + IMAGE: '/images/starter/brands/lineicons.svg', + IMAGE_WHITE: '/images/starter/brands/lineicons-white.svg', + URL: 'https://lineicons.com/', + TITLE: 'lineicons' + }, + { + IMAGE: '/images/starter/brands/uideck.svg', + IMAGE_WHITE: '/images/starter/brands/uideck-white.svg', + URL: 'https://uideck.com/', + TITLE: 'uideck' + }, + { + IMAGE: '/images/starter/brands/ayroui.svg', + IMAGE_WHITE: '/images/starter/brands/ayroui-white.svg', + URL: 'https://ayroui.com/', + TITLE: 'ayroui' + }, + { + IMAGE: '/images/starter/brands/tailgrids.svg', + IMAGE_WHITE: '/images/starter/brands/tailgrids-white.svg', + URL: '"https://tailgrids.com/', + TITLE: 'tailgrids' + } + ], + + STARTER_FOOTER_SLOGAN: '我们通过技术为品牌和公司创造数字体验。', + + // 页脚三列菜单组 + STARTER_FOOTER_LINK_GROUP: [ + { + TITLE: '关于我们', + LINK_GROUP: [ + { TITLE: '官方主页', URL: '/#home' }, + { TITLE: '操作文档', URL: 'https://docs.tangly1024.com/about' }, + { TITLE: '帮助支持', URL: 'https://docs.tangly1024.com/article/how-to-question' }, + { TITLE: '合作申请', URL: 'https://docs.tangly1024.com/my-service' } + ] + }, + { + TITLE: '功能特性', + LINK_GROUP: [ + { TITLE: '部署指南', URL: 'https://docs.tangly1024.com/article/vercel-deploy-notion-next' }, + { TITLE: '升级指南', URL: 'https://docs.tangly1024.com/article/how-to-update-notionnext' }, + { TITLE: '最新版本', URL: 'https://docs.tangly1024.com/article/latest' } + ] + }, + { + TITLE: 'Notion写作', + LINK_GROUP: [ + { TITLE: 'Notion开始写作', URL: 'https://docs.tangly1024.com/article/start-to-write' }, + { TITLE: '快捷键提升效率', URL: 'https://docs.tangly1024.com/article/notion-short-key' }, + { TITLE: '中国大陆使用Notion', URL: 'https://docs.tangly1024.com/article/notion-faster' } + ] + } + ], + + STARTER_FOOTER_BLOG_LATEST_TITLE: '最新文章', + STARTER_FOOTER_PRIVACY_POLICY_TEXT: '隐私政策', STARTER_FOOTER_PRIVACY_POLICY_URL: '/privacy-policy', diff --git a/themes/starter/index.js b/themes/starter/index.js index 251b9f48..9cd92d63 100644 --- a/themes/starter/index.js +++ b/themes/starter/index.js @@ -41,6 +41,7 @@ const loadExternal = async () => { await loadExternalResource('https://cdnjs.cloudflare.com/ajax/libs/wow/1.1.2/wow.min.js', 'js'); // 配合animatecss 实现延时滚动动画，和AOS动画相似 const WOW = window.WOW; + console.log('加载WOW动画', WOW) if (WOW) { new WOW().init(); } @@ -61,13 +62,13 @@ const LayoutBase = (props) => { loadExternal() }, []) - return
+ return