From 7569b7124d4b4be34846a84e4a0abe7f644f7034 Mon Sep 17 00:00:00 2001 From: txs Date: Wed, 6 Apr 2022 07:20:12 +0800 Subject: [PATCH] Fix NOT render in SSR and cannot add NEXT_PUBLIC for the env variable --- blog.config.js | 4 ++-- pages/_app.js | 6 ++++-- 2 files changed, 6 insertions(+), 4 deletions(-) diff --git a/blog.config.js b/blog.config.js index 717f8864..2d4fd3f2 100644 --- a/blog.config.js +++ b/blog.config.js @@ -9,8 +9,8 @@ const BLOG = { process.env.NOTION_PAGE_ID || '02ab3b8678004aa69e9e415905ef32a5', // Important page_id！！！Duplicate Template from https://www.notion.so/tanghh/02ab3b8678004aa69e9e415905ef32a5 NOTION_ACCESS_TOKEN: process.env.NOTION_ACCESS_TOKEN || '', // Useful if you prefer not to make your database public DEBUG: process.env.NEXT_PUBLIC_DEBUG || false, // 是否显示调试按钮 - FACEBOOK_PAGE_ID: process.env.FACEBOOK_PAGE_ID || '', //Facebook Page ID 來啟用 messenger 聊天功能 - FACEBOOK_APP_ID: process.env.FACEBOOK_APP_ID || '', //Facebook App ID 來啟用 messenger 聊天功能 + FACEBOOK_PAGE_ID: process.env.NEXT_PUBLIC_FACEBOOK_PAGE_ID || '', //Facebook Page ID 來啟用 messenger 聊天功能 + FACEBOOK_APP_ID: process.env.NEXT_PUBLIC_FACEBOOK_APP_ID || '', //Facebook App ID 來啟用 messenger 聊天功能 THEME: process.env.NEXT_PUBLIC_THEME || 'next', // 主题， 支持 ['next','hexo',"fukasawa','medium'] THEME_SWITCH: process.env.NEXT_PUBLIC_THEME_SWITCH || false, // 是否显示切换主题按钮 diff --git a/pages/_app.js b/pages/_app.js index b1c0cc4c..d7078c98 100644 --- a/pages/_app.js +++ b/pages/_app.js @@ -16,7 +16,6 @@ import dynamic from 'next/dynamic' import { GlobalContextProvider } from '@/lib/global' import { DebugPanel } from '@/components/DebugPanel' import { ThemeSwitch } from '@/components/ThemeSwitch' -import Messenger from '@/components/FacebookMessenger' const Ackee = dynamic(() => import('@/components/Ackee'), { ssr: false }) const Gtag = dynamic(() => import('@/components/Gtag'), { ssr: false }) @@ -24,6 +23,9 @@ const Busuanzi = dynamic(() => import('@/components/Busuanzi'), { ssr: false }) const GoogleAdsense = dynamic(() => import('@/components/GoogleAdsense'), { ssr: false }) +const Messenger = dynamic(() => import('@/components/FacebookMessenger'), { + ssr: false +}) const MyApp = ({ Component, pageProps }) => { return ( @@ -34,7 +36,7 @@ const MyApp = ({ Component, pageProps }) => { {BLOG.ANALYTICS_GOOGLE_ID && } {JSON.parse(BLOG.ANALYTICS_BUSUANZI_ENABLE) && } {BLOG.ADSENSE_GOOGLE_ID && } - + {BLOG.FACEBOOK_APP_ID && BLOG.FACEBOOK_PAGE_ID && } {/* FontawesomeCDN */}