Skip to content

Commit bc6c003

Browse files
Chocolate1999Chocolate1999
committed
feat: update docs
1 parent 0660d30 commit bc6c003

File tree

8 files changed

+93
-26
lines changed

8 files changed

+93
-26
lines changed

‎README.md‎

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -39,6 +39,12 @@ The most beautiful minimalist blog in modern built with Nextjs and tailwindcss.
3939

4040
![Alt](https://repobeats.axiom.co/api/embed/0d333a7111c72a0c7ed603bfab7298225a46a856.svg 'Repobeats analytics image')
4141

42+
## 🧑‍💻 Contribution
43+
44+
Thank you to all the people who already contributed to my project!
45+
46+
<a href="https://github.com/Chocolate1999/nextjs-tailwind-blog/graphs/contributors"><img src="https://github.com/Chocolate1999/nextjs-tailwind-blog/blob/main/CONTRIBUTORS.svg" /></a>
47+
4248
## 📄 License
4349

4450
[MIT License](https://github.com/Chocolate1999/nextjs-tailwind-blog/blob/main/LICENSE) © 2022-PRESENT [Chocolate](https://github.com/Chocolate1999)

‎src/components/layout/Footer.tsx‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,8 @@
1-
import UnderlineLink from '@/components/links/UnderlineLink';
1+
import CustomLink from '@/components/links/CustomLink';
22

33
export default function Footer() {
44
return (
5-
<footer className='mt-16 text-right text-[#b3b3b3] dark:text-gray-200'>
5+
<footer className='mt-16 text-right text-[#b3b3b3] '>
66
<section className='flex flex-col items-end'>
77
<div>
88
<a
@@ -22,9 +22,9 @@ export default function Footer() {
2222
© Yang Chao Yi
2323
</a>
2424
</div>
25-
<UnderlineLink href='https://beian.miit.gov.cn/'>
25+
<CustomLink href='https://beian.miit.gov.cn/'>
2626
湘ICP备20002952号
27-
</UnderlineLink>
27+
</CustomLink>
2828
</section>
2929
</footer>
3030
);

‎src/components/layout/Header.tsx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -19,7 +19,7 @@ export default function Header() {
1919
'sticky top-0 z-50 w-full bg-transparent',
2020
isDocHover &&
2121
'solid border-b border-black border-opacity-[0.12] bg-white bg-opacity-[98] backdrop-blur-[40px]',
22-
'dark:border-b dark:border-black dark:bg-[#060807]'
22+
'dark:border-b dark:border-black dark:bg-[#215c8c]'
2323
)}
2424
>
2525
<section className='layout'>

‎src/components/links/CustomLink.tsx‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -13,11 +13,11 @@ export default function CustomLink({
1313
className={clsx(
1414
'animated-underline custom-link inline-flex items-center font-medium',
1515
'focus:outline-none focus-visible:ring focus-visible:ring-primary-300',
16-
'border-b border-dotted border-dark hover:border-black/0',
16+
'border-b border-dotted border-dark hover:border-black/0 dark:border-white',
1717
className
1818
)}
1919
>
20-
<span className='dark:bg-gradient-to-tr dark:from-primary-300 dark:to-primary-400 dark:bg-clip-text dark:text-transparent'>
20+
<span className=' dark:bg-gradient-to-tr dark:from-primary-300 dark:to-primary-400 dark:bg-clip-text dark:text-[#b3b3b3]'>
2121
{children}
2222
</span>
2323
</UnstyledLink>

‎src/pages/_app.tsx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -22,7 +22,7 @@ Router.events.on('routeChangeComplete', nProgress.done);
2222
function MyApp({ Component, pageProps }: AppProps) {
2323
return (
2424
<RecoilRoot>
25-
<ThemeProvider attribute='class' enableSystem={false}>
25+
<ThemeProvider attribute='class' enableSystem={true}>
2626
<Component {...pageProps} />
2727
</ThemeProvider>
2828
</RecoilRoot>

‎src/pages/index.tsx‎

Lines changed: 78 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -15,36 +15,100 @@ export default function HomePage() {
1515
<Seo />
1616
<main>
1717
<section className={clsxm(isLoaded && 'fade-in-start')}>
18-
<div className='mt-[120px] text-center'>
19-
<article className='layout '>
20-
<div className='flex flex-col items-start'>
21-
<h2 className='text-2x dark:text-gray-100' data-fade='1'>
22-
Hi!
23-
</h2>
24-
<h1 className=' mt-1 text-3xl dark:text-gray-100' data-fade='2'>
25-
You can call me Chocolate
26-
</h1>
18+
<div className='mt-[120px] text-left'>
19+
<article className=''>
20+
<div className='mx-8 flex flex-col items-start'>
21+
<p
22+
className='mb-8 text-4xl text-[#555] dark:text-[#bbb]'
23+
data-fade='1'
24+
>
25+
一百个Chocolate
26+
</p>
27+
<p
28+
className='text-lg text-[#555] dark:text-[#bbb]'
29+
data-fade='1'
30+
>
31+
Hey, I am Chocolate, the 21st front-end development, currently
32+
moving bricks in a large factory.
33+
</p>
34+
<p
35+
className={clsxm(
36+
'mt-6 text-[#555] dark:text-[#bbb]',
37+
'2xl:text-xl text-left text-lg'
38+
)}
39+
data-fade='3'
40+
>
41+
JS, TS, LeetCode, Vue, React, algorithm lovers.
42+
</p>
43+
<hr
44+
className='mx-auto my-[2em] h-0 w-[50px] border-t-[1px] border-[#7d7d7d4d]'
45+
data-fade='4'
46+
/>
2747
<p
2848
className={clsxm(
29-
' mt-6 max-w-2xl text-gray-700 dark:text-gray-300',
49+
'mt-6 text-[#555] dark:text-[#bbb]',
3050
'2xl:text-xl text-left text-lg'
3151
)}
3252
data-fade='3'
3353
>
34-
JS, TS, LeetCode, Vue, React, algorithm lovers.The 21st
35-
front-end development, currently moving bricks in a large
36-
factory.
54+
After experiencing high school life, I understand that
55+
"fortunately, the cold window has been bitter for several
56+
years, and since then there are many warm springs"
3757
</p>
3858
<p
3959
className={clsxm(
40-
' mt-2 max-w-2xl text-gray-700 dark:text-gray-300',
60+
'mt-6 text-[#555] dark:text-[#bbb]',
61+
'2xl:text-xl text-left text-lg'
62+
)}
63+
data-fade='3'
64+
>
65+
And through college life, I understand that "learning is like
66+
sailing against the current, if you don't advance, you will
67+
retreat".
68+
</p>
69+
<p
70+
className={clsxm(
71+
'mt-6 text-[#555] dark:text-[#bbb]',
72+
'2xl:text-xl text-left text-lg'
73+
)}
74+
data-fade='3'
75+
>
76+
The dream is to become a person with a certain influence,
77+
sweat with blood, and create the future with positivity!
78+
</p>
79+
<hr
80+
className='mx-auto my-[2em] h-0 w-[50px] border-t-[1px] border-[#7d7d7d4d]'
81+
data-fade='4'
82+
/>
83+
<p
84+
className={clsxm(
85+
' mt-2 text-[#555] dark:text-[#bbb]',
86+
'2xl:text-xl text-left text-lg'
87+
)}
88+
data-fade='4'
89+
>
90+
Find me on{' '}
91+
<CustomLink href='https://github.com/Chocolate1999'>
92+
Github
93+
</CustomLink>{' '}
94+
and{' '}
95+
<CustomLink href='https://space.bilibili.com/351534170'>
96+
哔哩哔哩
97+
</CustomLink>
98+
.
99+
</p>
100+
101+
<p
102+
className={clsxm(
103+
' mt-2 text-[#555] dark:text-[#bbb]',
41104
'2xl:text-xl text-left text-lg'
42105
)}
43106
data-fade='4'
44107
>
45108
Motto: Learning is like sailing against the current, if you
46109
don't advance, you will retreat!
47110
</p>
111+
48112
<div data-fade='5' className='mt-4 flex'>
49113
<CustomLink href='/blog'>To Blog</CustomLink>
50114
<CustomLink href='/about' className='ml-6'>

‎src/styles/globals.css‎

Lines changed: 0 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -111,7 +111,6 @@
111111
}
112112
}
113113

114-
/* #region /**=========== Fade In =========== */
115114
[data-fade] {
116115
@apply translate-y-10 opacity-0 transition duration-[400ms] ease-out motion-reduce:translate-y-0 motion-reduce:opacity-100;
117116
}
@@ -142,11 +141,8 @@
142141
.fade-in-start [data-fade='8'] {
143142
transition-delay: 800ms;
144143
}
145-
/* #endregion /**======== Fade In =========== */
146144

147-
/* #region /**=========== Animate Shadow =========== */
148145
.animate-shadow {
149146
@apply after:absolute after:inset-0 after:z-[-1] after:opacity-0 after:transition-opacity hover:after:opacity-100;
150147
@apply after:shadow-md dark:after:shadow-none;
151148
}
152-
/* #endregion /**======== Animate Shadow =========== */

‎tailwind.config.js‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -4,6 +4,7 @@ const { fontFamily } = require('tailwindcss/defaultTheme');
44
/** @type {import('tailwindcss').Config} */
55
module.exports = {
66
content: ['./src/**/*.{js,jsx,ts,tsx}'],
7+
darkMode: 'class',
78
theme: {
89
screens: {
910
mobile: {

0 commit comments

Comments
 (0)