diff --git a/README.md b/README.md
index 2fb4d39d..46d2f986 100644
--- a/README.md
+++ b/README.md
@@ -69,6 +69,8 @@
 Joshua Astray 🔧 🐛 |
+  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')