添加 Next.js Web 应用

- 创建 Next.js + TypeScript + Tailwind CSS Web 应用
- 支持 Markdown 渲染和 GFM 格式
- 支持 Obsidian 风格 wiki 链接 [[Page|Label]]
- 侧边栏导航,按分类组织页面
- 图片资源支持(通过 API 路由从 wiki/assets 提供)
- 响应式设计
- 更新 README 添加 Web 应用使用说明
This commit is contained in:
Junjian Wang
2026-04-13 20:54:14 +08:00
parent a58453865b
commit 3b6dc2e9fc
25 changed files with 8752 additions and 0 deletions
+80
View File
@@ -0,0 +1,80 @@
@import "tailwindcss";
:root {
--background: #f9fafb;
--foreground: #111827;
}
@theme inline {
--color-background: var(--background);
--color-foreground: var(--foreground);
}
body {
background: var(--background);
color: var(--foreground);
}
.prose-wikillm h1 {
@apply text-3xl font-bold mb-6 mt-8 text-gray-900;
}
.prose-wikillm h2 {
@apply text-2xl font-semibold mb-4 mt-6 text-gray-800;
}
.prose-wikillm h3 {
@apply text-xl font-semibold mb-3 mt-5 text-gray-800;
}
.prose-wikillm p {
@apply mb-4 leading-relaxed;
}
.prose-wikillm ul {
@apply list-disc list-inside mb-4 space-y-1;
}
.prose-wikillm ol {
@apply list-decimal list-inside mb-4 space-y-1;
}
.prose-wikillm li {
@apply leading-relaxed;
}
.prose-wikillm a {
@apply text-blue-600 hover:text-blue-800 hover:underline;
}
.prose-wikillm blockquote {
@apply border-l-4 border-gray-300 pl-4 py-1 my-4 bg-gray-50 italic;
}
.prose-wikillm table {
@apply w-full border-collapse my-6;
}
.prose-wikillm th {
@apply bg-gray-100 border border-gray-300 px-4 py-2 text-left font-semibold;
}
.prose-wikillm td {
@apply border border-gray-300 px-4 py-2;
}
.prose-wikillm code {
@apply bg-gray-100 px-1.5 py-0.5 rounded text-sm font-mono;
}
.prose-wikillm pre {
@apply bg-gray-900 text-gray-100 p-4 rounded-lg my-4 overflow-x-auto;
}
.prose-wikillm pre code {
@apply bg-transparent p-0 text-inherit;
}
.prose-wikillm img {
@apply max-w-full h-auto rounded-lg my-4;
}