星空🌃

blog.config.js

@@ -70,7 +70,7 @@ const BLOG = {
   SAKURA: process.env.NEXT_PUBLIC_SAKURA || false, // 开关
 
   // 星空雨特效 黑夜模式才会生效
-  START: process.env.NEXT_PUBLIC_START || false, // 开关
+  STARRY_SKY: process.env.NEXT_PUBLIC_STARRY_SKY || false, // 开关
 
   // 悬浮挂件
   WIDGET_PET: process.env.NEXT_PUBLIC_WIDGET_PET || true, // 是否显示宠物挂件

components/StarrySky.js

@@ -5,13 +5,13 @@
  */
 import React from 'react'
 
-export const Start = () => {
+export const StarrySky = () => {
   React.useEffect(() => {
     dark()
   }, [])
   return (
     <div className="relative">
-      <canvas id="START_VIXCITY" className="fixed"></canvas>
+      <canvas id="starry-sky-vixcity" className="fixed"></canvas>
     </div>
   )
 }
@@ -31,7 +31,7 @@ function dark() {
     i,
     h,
     t = 0.05,
-    s = document.getElementById('START_VIXCITY'),
+    s = document.getElementById('starry-sky-vixcity'),
     o = !0,
     a = '180,184,240',
     r = '226,225,142',

pages/_app.js

@@ -26,7 +26,7 @@ import { DebugPanel } from '@/components/DebugPanel'
 import { ThemeSwitch } from '@/components/ThemeSwitch'
 import { Fireworks } from '@/components/Fireworks'
 import { Sakura } from '@/components/Sakura'
-import { Start } from '@/components/Start'
+import { StarrySky } from '@/components/StarrySky'
 import MusicPlayer from '@/components/MusicPlayer'
 
 const Ackee = dynamic(() => import('@/components/Ackee'), { ssr: false })
@@ -51,7 +51,7 @@ const MyApp = ({ Component, pageProps }) => {
         {BLOG.FACEBOOK_APP_ID && BLOG.FACEBOOK_PAGE_ID && <Messenger />}
         {JSON.parse(BLOG.FIREWORKS) && <Fireworks />}
         {JSON.parse(BLOG.SAKURA) && <Sakura />}
-        {JSON.parse(BLOG.START) && <Start />}
+        {JSON.parse(BLOG.STARRY_SKY) && <StarrySky />}
         {JSON.parse(BLOG.MUSIC_PLAYER) && <MusicPlayer />}
     </>