# JX-Novel **Repository Path**: bjxiangs-code/jx-novel ## Basic Information - **Project Name**: JX-Novel - **Description**: No description available - **Primary Language**: Unknown - **License**: Not specified - **Default Branch**: master - **Homepage**: None - **GVP Project**: No ## Statistics - **Stars**: 0 - **Forks**: 0 - **Created**: 2026-01-23 - **Last Updated**: 2026-03-10 ## Categories & Tags **Categories**: Uncategorized **Tags**: None ## README # AI小说创作平台 🚀 一款基于AI的小说创作Web应用原型,帮助作者管理世界观、角色设定,并利用AI进行智能创作。 Compress-Archive -Path .next, public, package.json, next.config.js, backend/dist, backend/package.json -DestinationPath deploy.zip -Force ## ✨ 功能特性 ### 1. 世界观知识库管理 - 📚 上传和管理小说世界观设定 - 🌍 支持详细的背景故事、规则体系描述 - 📝 文件上传和在线编辑 - 🔄 版本管理与追踪 ### 2. 角色管理系统 - 👤 创建和管理小说角色 - 📋 详细的角色属性设置(性格、背景、关系) - 🎭 角色卡片可视化展示 - ✏️ 灵活的编辑和删除功能 ### 3. AI智能创作 - 🤖 基于世界观和角色的AI续写 - ✍️ 多种创作风格支持 - 🎯 智能提示词系统 - 📊 实时创作反馈 ### 4. 作品库 - 📖 管理您的小说作品 - 💾 自动保存和版本控制 - 📤 导出功能 ## 🎨 设计特色 - **腾讯蓝主色调**:使用 #006EFF 作为主题色,打造专业高端的视觉体验 - **现代化UI**:采用卡片式设计,圆角、阴影、渐变等现代元素 - **响应式布局**:完美适配各种屏幕尺寸 - **流畅动画**:精心设计的过渡效果和交互反馈 ## 🛠️ 技术栈 - **框架**: Next.js 14 (React 18) - **样式**: TailwindCSS - **UI组件**: 自定义组件库 - **图标**: Lucide React - **语言**: TypeScript ## 📦 安装使用 ### 前置要求 - Node.js 18.0 或更高版本 - npm 或 yarn ### 安装步骤 1. 安装依赖 ```bash npm install ``` 2. 启动开发服务器 ```bash npm run dev ``` 3. 打开浏览器访问 ``` http://localhost:3000 ``` ## 🚀 构建生产版本 ```bash npm run build npm start ``` ## 📁 项目结构 ``` JX-Novel/ ├── app/ # Next.js 应用目录 │ ├── layout.tsx # 根布局 │ ├── page.tsx # 主页面 │ └── globals.css # 全局样式 ├── components/ # React 组件 │ ├── ui/ # UI基础组件 │ │ ├── button.tsx │ │ ├── card.tsx │ │ ├── input.tsx │ │ └── textarea.tsx │ ├── Sidebar.tsx # 侧边栏导航 │ ├── WorldviewManager.tsx # 世界观管理 │ ├── CharacterManager.tsx # 角色管理 │ └── AIWriting.tsx # AI创作界面 ├── lib/ # 工具函数 │ └── utils.ts └── public/ # 静态资源 ``` ## 🎯 使用指南 ### 1. 创建世界观 - 点击"世界观"标签页 - 点击"添加世界观"按钮 - 填写世界观名称、描述和详细内容 - 保存 ### 2. 添加角色 - 进入"角色管理"页面 - 点击"添加角色" - 填写角色信息(名称、定位、性格、背景等) - 保存角色卡 ### 3. AI创作 - 进入"AI创作"页面 - 选择世界观和参与角色 - 输入创作提示词 - 点击"开始创作" - 查看和编辑AI生成的内容 ## 🎨 颜色系统 ```css 腾讯蓝色系: - tencent-50: #E6F2FF - tencent-100: #CCE5FF - tencent-200: #99CCFF - tencent-300: #66B3FF - tencent-400: #3399FF - tencent-500: #006EFF (主色) - tencent-600: #0058CC - tencent-700: #004299 - tencent-800: #002C66 - tencent-900: #001633 ``` ## 🔮 未来规划 - [ ] 集成真实的AI模型API - [ ] 支持多人协作创作 - [ ] 添加图片生成功能 - [ ] 角色关系图谱可视化 - [ ] 导出为各种格式(PDF、EPUB等) - [ ] 移动端适配优化 ## 📄 许可证 MIT License ## 👨‍💻 作者 AI Novel Creator Team --- **Note**: 这是一个原型项目,AI创作功能目前为模拟实现。要接入真实AI服务,请配置相应的API密钥。