-
- ⚙️ 后端技术
-
-
- ⚛️ 前端开发
-
-
- 🧠 算法面试
-
+
+
+
+ {emoji}
+
{title}
+
+
{text}
+
+ {tags.map(tag => (
+ {tag}
+ ))}
-
+
→
+
+ );
+}
+
+function FeatureItem({ icon, title, desc }) {
+ return (
+
);
}
export default function Home(): JSX.Element {
- const { siteConfig } = useDocusaurusContext();
return (
-
-
-
-
+ title="CodeDocs — 全栈技术文档"
+ description="覆盖后端、前端、算法面试的一站式技术文档库，为全栈工程师打造"
+ wrapperClassName={styles.homepageWrapper}
+ >
+ {/* ── Hero ──────────────────────────────────────── */}
+
+
+ 全栈工程师技术速查站
+
+ 一站式技术文档库
+
+
+ 覆盖 后端 · 前端 · 算法面试，为全栈工程师打造的权威参考手册
+
+
+
+ 立即阅读
+
+
+ 浏览全部文档
+
+
+
+
+ {/* ── Hero Cards ────────────────────────────── */}
+
+ {HERO_CARDS.map(card => (
+
+ ))}
+
+
+ {FEATURES.map(f => (
+
+ ))}
+
+
);
}
diff --git a/src/snippets/tech-docs.html b/src/snippets/tech-docs.html
new file mode 100644
index 0000000..15fbad6
--- /dev/null
+++ b/src/snippets/tech-docs.html
@@ -0,0 +1,184 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/tailwind.config.js b/tailwind.config.js
deleted file mode 100644
index 759ccca..0000000
--- a/tailwind.config.js
+++ /dev/null
@@ -1,77 +0,0 @@
-/** @type {import('tailwindcss').Config} */
-module.exports = {
- corePlugins: {
- preflight: false,
- },
- darkMode: ['class', '[data-theme="dark"]'],
- content: ['./src/**/*.{jsx,tsx,html}', './docs/**/*.{jsx,tsx,html}'],
- theme: {
- extend: {
- colors: {
- primary: {
- 50: '#f0f5ff',
- 100: '#e0ebff',
- 200: '#c5d9ff',
- 300: '#a3bdff',
- 400: '#7a99ff',
- 500: '#2160fd',
- 600: '#1e4fd4',
- 700: '#1939a8',
- 800: '#15278a',
- 900: '#121d70',
- },
- slate: {
- 50: '#f8fafc',
- 100: '#f1f5f9',
- 200: '#e2e8f0',
- 300: '#cbd5e1',
- 400: '#94a3b8',
- 500: '#64748b',
- 600: '#475569',
- 700: '#334155',
- 800: '#1e293b',
- 900: '#0f172a',
- },
- },
- fontFamily: {
- sans: ['Inter', 'system-ui', 'sans-serif'],
- },
- spacing: {
- '1': '0.25rem',
- '2': '0.5rem',
- '3': '0.75rem',
- '4': '1rem',
- '6': '1.5rem',
- '8': '2rem',
- '12': '3rem',
- '16': '4rem',
- '20': '5rem',
- '24': '6rem',
- },
- borderRadius: {
- 'sm': '0.375rem',
- 'md': '0.5rem',
- 'lg': '0.75rem',
- 'xl': '1rem',
- '2xl': '1.5rem',
- '3xl': '2rem',
- },
- boxShadow: {
- 'sm': '0 1px 2px 0 rgb(0 0 0 / 0.05)',
- 'md': '0 4px 6px -1px rgb(0 0 0 / 0.1)',
- 'lg': '0 10px 15px -3px rgb(0 0 0 / 0.1)',
- 'xl': '0 20px 25px -5px rgb(0 0 0 / 0.1)',
- },
- transitionProperty: {
- 'colors': 'color, background-color, border-color, text-decoration-color, fill, stroke',
- 'all': 'all',
- },
- transitionDuration: {
- '200': '200ms',
- '300': '300ms',
- '500': '500ms',
- },
- },
- },
- plugins: [],
-};