课程学习门户
一个多课程学习平台，提供统一入口访问管理学、商业思维、投资体系和机器学习四门课程。
功能特点
- 🎓 统一门户首页 - 一目了然查看所有课程
- 📚 四门完整课程 - 管理学、商业思维、投资、机器学习
- 📖 Markdown 内容渲染 - 美观的课程内容展示
- 🎨 一致性主题设计 - 基于 ManagementCourse 的设计风格
- 📱 响应式设计 - 支持桌面和移动设备
- ⚡ 静态导出 - 可部署到任何静态托管服务
课程内容
1. 管理学基础
从第一性原理到实践技能，为小团队管理者提供系统性的管理知识。
2. 商业本质与思维
从商业世界的底层规律出发，逐层构建认知框架。
3. 投资的本质
面向有实战经验的投资者，构建完整的投资知识体系和决策框架。
4. 机器学习与深度学习
从第一性原理出发，建立对 ML/DL 本质的理论理解。
技术栈
- 框架: Next.js 14 (App Router)
- 样式: Tailwind CSS
- Markdown: react-markdown + remark-gfm + rehype-raw
- 图标: Lucide React
- 语言: TypeScript
项目结构
course-portal/
├── src/
│ ├── app/ # Next.js App Router 页面
│ │ ├── page.tsx # 首页
│ │ ├── layout.tsx # 根布局
│ │ ├── courses/
│ │ │ ├── page.tsx # 课程列表页
│ │ │ └── [courseId]/
│ │ │ ├── page.tsx # 课程详情页
│ │ │ └── module/[moduleId]/
│ │ │ └── page.tsx # 模块内容页
│ │ └── not-found.tsx # 404 页面
│ ├── components/ # React 组件
│ │ ├── Layout.tsx
│ │ ├── Navigation.tsx
│ │ ├── Footer.tsx
│ │ └── MarkdownRenderer.tsx
│ ├── lib/ # 数据和工具函数
│ │ ├── courseData.ts # 课程数据配置
│ │ ├── contentFiles.ts # 文件路径配置
│ │ └── types.ts # TypeScript 类型定义
│ └── styles/
│ └── globals.css # 全局样式
├── package.json
├── tailwind.config.ts
└── next.config.js
开始使用
安装依赖
npm install
开发模式
npm run dev
访问 http://localhost:3000
构建静态站点
npm run build
静态文件将输出到 out/ 目录。
预览构建结果
npm run start
课程内容路径配置
课程内容文件路径在 src/lib/contentFiles.ts 中配置，指向各课程目录下的 Markdown 文件：
- 管理学:
../ManagementCourse/讲义_第三版/
- 商业思维:
../BusinessCourse/business_course_v2/lectures/
- 投资:
../investment-course/modules/
- 机器学习:
../ML_course/
自定义主题
主题颜色在 tailwind.config.ts 中定义：
primary: 蓝色系（管理学）emerald: 绿色系（商业思维）amber: 橙色系（投资）violet: 紫色系（机器学习）
每门课程使用不同的主题色来区分。
部署
构建后的静态文件可以部署到：
- Vercel
- Netlify
- GitHub Pages
- 任何静态文件服务器
许可
仅供学习使用。
