diff --git a/README.md b/README.md index 2fb4d39d..46d2f986 100644 --- a/README.md +++ b/README.md @@ -69,6 +69,8 @@ Joshua Astray
Joshua Astray

🔧 🐛 + Vixcity
Vixcity

🔧 🐛 + diff --git a/blog.config.js b/blog.config.js index 74188d83..818b9ccb 100644 --- a/blog.config.js +++ b/blog.config.js @@ -59,7 +59,9 @@ const BLOG = { PREVIEW_TAG_COUNT: 16, // 首页最多展示的标签数量,0为不限制 // 鼠标点击烟花特效 - FIREWORKS: process.env.NEXT_PUBLIC_FIREWORKS || false, // 鼠标点击烟花特效 + FIREWORKS: process.env.NEXT_PUBLIC_FIREWORKS || false, // 开关 + // 烟花色彩,感谢 https://github.com/Vixcity 提交的色彩 + FIREWORKS_COLOR: ['255, 20, 97', '24, 255, 146', '90, 135, 255', '251, 243, 140'], // 悬浮挂件 WIDGET_PET: process.env.NEXT_PUBLIC_WIDGET_PET || true, // 是否显示宠物挂件 diff --git a/components/Fireworks.js b/components/Fireworks.js index 3ccdec7e..6d80772e 100644 --- a/components/Fireworks.js +++ b/components/Fireworks.js @@ -4,6 +4,7 @@ */ import React from 'react' import anime from 'animejs' +import BLOG from 'blog.config' export const Fireworks = () => { React.useEffect(() => { @@ -17,9 +18,8 @@ export const Fireworks = () => { * @param config */ function createFireworks(config) { - const defaultColors = ['102, 167, 221', '62, 131, 225', '33, 78, 194'] const defaultConfig = { - colors: defaultColors, + colors: BLOG.FIREWORKSCOLOR, numberOfParticules: 20, orbitRadius: { min: 50, @@ -44,7 +44,7 @@ function createFireworks(config) { let pointerY = 0 // sky blue - const colors = config.colors || defaultColors + const colors = config.colors const canvasEl = document.querySelector('.fireworks') const ctx = canvasEl.getContext('2d')