diff --git a/themes/starter/components/FAQ.js b/themes/starter/components/FAQ.js index b128f268..408090c8 100644 --- a/themes/starter/components/FAQ.js +++ b/themes/starter/components/FAQ.js @@ -1,4 +1,8 @@ +import { siteConfig } from '@/lib/config'; import { useEffect } from 'react' +import CONFIG from '../config'; +import { SVGQuestion } from './svg/SVGQuestion'; +import { SVGCircleBG } from './svg/SVGCircleBG'; export const FAQ = () => { useEffect(() => { @@ -21,56 +25,39 @@ export const FAQ = () => {
- FAQ + {siteConfig('STARTER_FAQ_TITLE', null, CONFIG)}

- Any Questions? Look Here + {siteConfig('STARTER_FAQ_TEXT_1', null, CONFIG)}

- There are many variations of passages of Lorem Ipsum available - but the majority have suffered alteration in some form. + {siteConfig('STARTER_FAQ_TEXT_2', null, CONFIG)}

+
- - - - - +

- Is TailGrids Well-documented? + {siteConfig('STARTER_FAQ_1_QUESTION', null, CONFIG)}

-

- It takes 2-3 weeks to get your first blog post ready. That - includes the in-depth research & creation of your monthly - content ui/ux strategy that we do writing your first blog - post. +

@@ -78,71 +65,38 @@ export const FAQ = () => {
- - - - - +
-

- Is TailGrids Well-documented? + {siteConfig('STARTER_FAQ_2_QUESTION', null, CONFIG)}

-

- It takes 2-3 weeks to get your first blog post ready. That - includes the in-depth research & creation of your monthly - content ui/ux strategy that we do writing your first blog - post. +

+
- - - - - +
-

- Is TailGrids Well-documented? + {siteConfig('STARTER_FAQ_3_QUESTION', null, CONFIG)}

-

- It takes 2-3 weeks to get your first blog post ready. That - includes the in-depth research & creation of your monthly - content ui/ux strategy that we do writing your first blog - post. +

@@ -150,620 +104,31 @@ export const FAQ = () => {
- - - - - +
-

- Is TailGrids Well-documented? + {siteConfig('STARTER_FAQ_4_QUESTION', null, CONFIG)}

-

- It takes 2-3 weeks to get your first blog post ready. That - includes the in-depth research & creation of your monthly - content ui/ux strategy that we do writing your first blog - post. +

+ + {/* 背景图案 */}
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - + - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - +
diff --git a/themes/starter/components/svg/SVGCircleBG.js b/themes/starter/components/svg/SVGCircleBG.js new file mode 100644 index 00000000..58d95909 --- /dev/null +++ b/themes/starter/components/svg/SVGCircleBG.js @@ -0,0 +1,290 @@ +export const SVGCircleBG = () => { + return + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +} diff --git a/themes/starter/components/svg/SVGQuestion.js b/themes/starter/components/svg/SVGQuestion.js new file mode 100644 index 00000000..e190c44f --- /dev/null +++ b/themes/starter/components/svg/SVGQuestion.js @@ -0,0 +1,18 @@ +export const SVGQuestion = () => { + return + + + + +} diff --git a/themes/starter/config.js b/themes/starter/config.js index 30591bd2..e635ce3c 100644 --- a/themes/starter/config.js +++ b/themes/starter/config.js @@ -141,6 +141,23 @@ const CONFIG = { } ], + // FAQ模块 + STARTER_FAQ_TITLE: '常见问题解答', + STARTER_FAQ_TEXT_1: '有任何问题吗？请看这里', + STARTER_FAQ_TEXT_2: '我们收集了常见的用户疑问', + + STARTER_FAQ_1_QUESTION: 'NotionNext有帮助文档吗？', + STARTER_FAQ_1_ANSWER: 'NotionNext提供了帮助文档，操作演示视频，以及交流社群来协助您完成网站的搭建部署', + + STARTER_FAQ_2_QUESTION: '部署后要如何编写文章？', + STARTER_FAQ_2_ANSWER: '您可以在Notion中之间添加或修改类型为Post的页面，内容将被实时同步在站点中，详情参考《帮助文档》', + + STARTER_FAQ_3_QUESTION: '站点部署失败，更新失败？', + STARTER_FAQ_3_ANSWER: '通常是配置修改错误导致，请检查配置或者重试操作步骤，或者通过Vercel后台的Deployments中找到错误日志，并向网友求助', + + STARTER_FAQ_4_QUESTION: '文章没有实时同步？', + STARTER_FAQ_4_ANSWER: '先检查Notion_Page_ID是否正确配置，其次由于博客的每个页面都有独立缓存，刷新网页后即可解决', + STARTER_NEWSLETTER: process.env.NEXT_PUBLIC_THEME_STARTER_NEWSLETTER || false // 是否开启邮件订阅 请先配置mailchimp功能 https://docs.tangly1024.com/article/notion-next-mailchimp } export default CONFIG