Skip to content

Commit f99c568

Browse files
yaolifeng0629yaolifeng0629
authored
feat: change buy me a coffee entry (#80)
1 parent eda1506 commit f99c568

File tree

7 files changed

+45
-23
lines changed

7 files changed

+45
-23
lines changed

‎public/sponsor/buy_coffee.gif

434 KB
Loading

‎public/sponsor/buy_coffee.png

4.33 KB
Loading

‎public/sponsor/buy_coffee2.gif

283 KB
Loading

‎src/app/about/page.tsx

+25-18
Original file line numberDiff line numberDiff line change
@@ -1,20 +1,23 @@
11
import React from 'react';
2+
3+
import Image from 'next/image';
24
import Link from 'next/link';
5+
6+
import { Button } from '@/components/ui/button';
7+
38
import { SocialMedia } from '@/components/home';
4-
import { Wrapper } from '@/components/wrapper';
59
import {
610
IconBrandGithub,
711
IconLogoBing,
812
IconLogoGoogle,
913
IconSkillCSS,
10-
IconSkillVue,
11-
IconSkillJquery,
12-
IconSkillJava,
1314
IconSkillDocker,
1415
IconSkillFigmaDark,
1516
IconSkillFigmaLight,
1617
IconSkillHTML,
18+
IconSkillJava,
1719
IconSkillJavaScript,
20+
IconSkillJquery,
1821
IconSkillMysqlDark,
1922
IconSkillMysqlLight,
2023
IconSkillNextjsDark,
@@ -28,11 +31,13 @@ import {
2831
IconSkillStackoverflowLight,
2932
IconSkillTailwindcssDark,
3033
IconSkillTailwindcssLight,
31-
IconSkillTypeScript
34+
IconSkillTypeScript,
35+
IconSkillVue,
3236
} from '@/components/icons';
33-
import { Button } from '@/components/ui/button';
37+
import { Wrapper } from '@/components/wrapper';
3438

3539
import { NICKNAME } from '@/constants';
40+
3641
// import type { Metadata } from 'next';
3742

3843
// export const metadata: Metadata = {
@@ -53,7 +58,7 @@ export default function Page() {
5358
<div
5459
className="animate-fade-up animate-ease-in-out"
5560
style={{
56-
animationDelay: `${getDelay()}ms`
61+
animationDelay: `${getDelay()}ms`,
5762
}}
5863
>
5964
<h2>我是谁</h2>
@@ -66,7 +71,7 @@ export default function Page() {
6671
<div
6772
className="animate-fade-up animate-ease-in-out"
6873
style={{
69-
animationDelay: `${getDelay()}ms`
74+
animationDelay: `${getDelay()}ms`,
7075
}}
7176
>
7277
<h2>我的技能</h2>
@@ -75,7 +80,7 @@ export default function Page() {
7580
<div
7681
className="animate-fade-up animate-ease-in-out"
7782
style={{
78-
animationDelay: `${getDelay()}ms`
83+
animationDelay: `${getDelay()}ms`,
7984
}}
8085
>
8186
<h3>前端</h3>
@@ -115,7 +120,7 @@ export default function Page() {
115120
<div
116121
className="animate-fade-up animate-ease-in-out"
117122
style={{
118-
animationDelay: `${getDelay()}ms`
123+
animationDelay: `${getDelay()}ms`,
119124
}}
120125
>
121126
<h3>后端</h3>
@@ -141,14 +146,14 @@ export default function Page() {
141146
<IconSkillMysqlDark className="mx-1 translate-y-0.5 dark:hidden" />
142147
<IconSkillMysqlLight className="mx-1 hidden translate-y-0.5 dark:inline-block" />
143148
</> */}
144-
Prisma 搞全栈开发
149+
Prisma 搞全栈开发
145150
</li>
146151
</ul>
147152
</div>
148153
<div
149154
className="animate-fade-up animate-ease-in-out"
150155
style={{
151-
animationDelay: `${getDelay()}ms`
156+
animationDelay: `${getDelay()}ms`,
152157
}}
153158
>
154159
<h3>其它</h3>
@@ -167,17 +172,16 @@ export default function Page() {
167172
</li> */}
168173
<li>
169174
<IconSkillDocker className="mx-1 translate-y-0.5" />
170-
Docker +<span className="line-through">Docker Desktop 太卡了</span>+
171-
Orbstack，Docker 本地起数据库服务是真的方便
175+
Docker +<span className="line-through">Docker Desktop 太卡了</span>+ Orbstack，Docker
176+
本地起数据库服务是真的方便
172177
</li>
173178
<li>
174179
使用
175180
<span className="line-through">
176181
<IconSkillNginx className="mx-1 translate-y-0.5" />
177182
NGINX （相比 Caddy 配置有点麻烦）
178183
</span>
179-
、 Caddy （配置超简单，无需手动配置 HTTPS 证书），反向代理 + 配置 HTTPS +
180-
开启 HTTP2
184+
、 Caddy （配置超简单，无需手动配置 HTTPS 证书），反向代理 + 配置 HTTPS + 开启 HTTP2
181185
</li>
182186
<li>
183187
<>
@@ -206,7 +210,7 @@ export default function Page() {
206210
<div
207211
className="animate-fade-up animate-ease-in-out"
208212
style={{
209-
animationDelay: `${getDelay()}ms`
213+
animationDelay: `${getDelay()}ms`,
210214
}}
211215
>
212216
<h2>我的设备</h2>
@@ -226,7 +230,7 @@ export default function Page() {
226230
<div
227231
className="animate-fade-up animate-ease-in-out"
228232
style={{
229-
animationDelay: `${getDelay()}ms`
233+
animationDelay: `${getDelay()}ms`,
230234
}}
231235
>
232236
<h2>联系我</h2>
@@ -241,6 +245,9 @@ export default function Page() {
241245
</Button>
242246
</li>
243247
))}
248+
<Link href="/sponsor.html" className={'text-sm md:text-base'}>
249+
<Image src="/sponsor/buy_coffee.png" width={140} height={40} alt="Buy me a coffee" />
250+
</Link>
244251
</ul>
245252
</div>
246253
</div>

‎src/app/services/page.tsx

+4
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,5 @@
11
import Link from 'next/link';
2+
import Image from 'next/image';
23

34
import { Button } from '@/components/ui/button';
45
import { Card } from '@/components/ui/card';
@@ -125,6 +126,9 @@ export default function ServicesPage() {
125126
</Button>
126127
</li>
127128
))}
129+
<Link href="/sponsor.html" className={'text-sm md:text-base'}>
130+
<Image src="/sponsor/buy_coffee.png" width={140} height={40} alt="Buy me a coffee" />
131+
</Link>
128132
</ul>
129133
</div>
130134
</Wrapper>

‎src/components/home/components/hero-section.tsx

+9
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,5 @@
11
import Link from 'next/link';
2+
import Image from 'next/image';
23

34
import { Button, buttonVariants } from '@/components/ui/button';
45
import { Tooltip, TooltipContent, TooltipTrigger, TooltipProvider } from '@/components/ui/tooltip';
@@ -106,6 +107,14 @@ const HeroSection = () => {
106107
>
107108
关于我
108109
</Link>
110+
<Link
111+
href="/sponsor.html"
112+
className={cn(
113+
'text-sm md:text-base'
114+
)}
115+
>
116+
<Image src="/sponsor/buy_coffee.png" width={140} height={40} alt="Buy me a coffee" />
117+
</Link>
109118
</div>
110119
<ul
111120
className={cn('flex space-x-2 md:space-x-4 mt-2', 'animate-fade-up animate-ease-in-out')}

‎src/components/sponsor/index.tsx

+7-5
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,7 @@
11
import React from 'react';
2-
import Link from 'next/link';
2+
33
import Image from 'next/image';
4+
import Link from 'next/link';
45

56
type Props = {
67
className?: string;
@@ -10,17 +11,18 @@ const Sponsor = ({ className }: Props) => {
1011
return (
1112
<Link
1213
href="https://yaolifeng.com/sponsor.html"
13-
target='_blank'
14+
target="_blank"
1415
className="text-muted-foreground hover:text-foreground"
15-
title='Sponsor'
16+
title="Sponsor"
1617
>
17-
<Image
18+
<div className="scale-125">☕</div>
19+
{/* <Image
1820
src="/other/like.svg"
1921
alt="Sponsor me"
2022
width={40}
2123
height={40}
2224
className="h-5 w-5"
23-
/>
25+
/> */}
2426
</Link>
2527
);
2628
};

0 commit comments

Comments
 (0)