更新readme

README.md

@@ -1,21 +1,34 @@
 # about-me-react
 
+## 前言
+
+这个是我的[网站主页](https://www.tteam.icu)的源码
+
+是我在学习`react`时写的，写的不好轻喷~
+
 ## 安装环境
 
 - 用 `nvm` 安装 `node > 20@stable` `nvm install stable` 最佳 。windows 用户可以使用 [nvm-windows](https://github.com/coreybutler/nvm-windows)
 - 依赖使用`pnpm`进行安装
 
 ## 技术栈
 
-使用的技术栈在`Footer.jsx`中展示
+使用的技术栈在[Footer.jsx](src/view/Footer.jsx)中展示
 
 - React
 - Tailwind CSS
 - Semi Design
 - React Icons
 - Motion
 - Magic UI
+- Rsbuild
 
 ### prettier 代码格式化工具
 
-[Prettier · Opinionated Code Formatter](https://prettier.io/)是目前常见的现代化代码格式化工具。目前将约定俗成的风格统一在 `.prettierrc` 文件里，大家不管用什么编辑器都可以统一一套风格。
+[Prettier · Opinionated Code Formatter](https://prettier.io/)是目前常见的现代化代码格式化工具。目前将约定俗成的风格统一在 `.prettierrc` 文件里，大家不管用什么编辑器都可以统一一套风格。
+
+## buy coffee
+
+![微信](https://img.tteam.icu/i/2025/01/24/qngxzy-3.webp)
+
+![支付宝](https://img.tteam.icu/i/2025/01/24/qt78qk-3.webp)

src/config.js

@@ -12,6 +12,10 @@ export const skipUrl = {
 };
 
 export const imgUrl = {
+    pay: {
+        wechat: "https://img.tteam.icu/i/2025/01/24/qngxzy-3.webp",
+        ali: "https://img.tteam.icu/i/2025/01/24/qt78qk-3.webp",
+    },
     headPortrait: "https://img.tteam.icu/i/2024/10/22/xhykcg-3.webp",
     muen: "https://img.tteam.icu/i/2024/11/23/sc6avk-3.webp",
     zhenshan: "https://img.tteam.icu/i/2024/11/23/sfh8fk-3.webp",

src/view/Coffee/index.jsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import { motion } from 'framer-motion';
-import { pageVariants } from '@/config';
+import { imgUrl, pageVariants } from '@/config';
 import { Button, Image } from '@douyinfe/semi-ui';
 import { IoIosArrowBack } from 'react-icons/io';
 import { useNavigate } from 'react-router';
@@ -33,14 +33,8 @@ const Coffee = () => {
                     ☕ Thank you for your support.
                 </p>
                 <div className="flex gap-8 justify-center mb-10">
-                    <Image
-                        src="https://img.tteam.icu/i/2025/01/24/qngxzy-3.webp"
-                        className="w-64 h-auto"
-                    />
-                    <Image
-                        src="https://img.tteam.icu/i/2025/01/24/qt78qk-3.webp"
-                        className="w-64 h-auto"
-                    />
+                    <Image src={imgUrl.pay.wechat} className="w-64 h-auto" />
+                    <Image src={imgUrl.pay.ali} className="w-64 h-auto" />
                 </div>
                 <div className="text-lg mb-10">
                     <h2 className="mb-2 text-xl font-semibold">