懒加载占位图可配置

blog.config.js

@@ -356,6 +356,7 @@ const BLOG = {
       process.env.NEXT_PUBLIC_DESCRIPTION || '这是一个由NotionNext生成的站点', // 站点描述，被notion中的页面描述覆盖
 
   // 网站图片
+  IMG_LAZY_LOAD_PLACEHOLDER: process.env.NEXT_PUBLIC_IMG_LAZY_LOAD_PLACEHOLDER || 'data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==', // 懒加载占位图片地址，支持base64或url
   IMG_URL_TYPE: process.env.NEXT_PUBLIC_IMG_TYPE || 'Notion', // 此配置已失效，请勿使用；AMAZON方案不再支持，仅支持Notion方案。 ['Notion','AMAZON'] 站点图片前缀 默认 Notion:(https://notion.so/images/xx) ， AMAZON(https://s3.us-west-2.amazonaws.com/xxx)
   IMG_SHADOW: process.env.NEXT_PUBLIC_IMG_SHADOW || false, // 文章图片是否自动添加阴影
 

components/LazyImage.js

@@ -1,21 +1,7 @@
+import BLOG from '@/blog.config'
 import Head from 'next/head'
 import React, { useEffect, useRef, useState } from 'react'
 
-/**
- * 默认懒加载占位图
- */
-const loadingSVG = (
-    <svg
-        width="100"
-        height="100"
-        viewBox="0 0 100 100"
-        xmlns="http://www.w3.org/2000/svg"
-        fill="#ccc"
-    >
-        <circle cx="50" cy="50" r="42" strokeWidth="8" />
-    </svg>
-)
-
 /**
  * 图片懒加载
  * @param {*} param0
@@ -26,7 +12,7 @@ export default function LazyImage({
   id,
   src,
   alt,
-  placeholderSrc = loadingSVG,
+  placeholderSrc = BLOG.IMG_LAZY_LOAD_PLACEHOLDER,
   className,
   width,
   height,