CSA

sysucsa_website

一个基于React + TypeScript构建的主页项目，采用现代化的前端技术栈，提供终端交互体验。

🚀 项目简介

CSA Terminal是一个模拟终端界面的协会主页系统，具有以下特色：

• 🖥️ 终端风格设计 - 独特的命令行界面体验
• 🎨 多主题支持 - 5种预设主题，满足不同视觉需求
• 📱 响应式布局 - 完美适配桌面端和移动端
• ⚡ 交互式命令行 - 真实的终端命令操作体验
• 🔗 外部链接集成 - 支持跳转到个人博客、文档等外部资源
• 📄 动态内容加载 - 博客文章分页加载功能

🛠️ 技术栈

核心技术

• React 18 - 前端UI框架
• TypeScript - 类型安全的JavaScript超集
• React Router Dom - 客户端路由管理
• Tailwind CSS - 实用优先的CSS框架

组件库 & 工具

• Lucide React - 现代化图标库
• React Hooks - 状态管理和副作用处理

构建工具

• Vite - 快速的前端构建工具
• ESLint - 代码质量检查
• PostCSS - CSS处理工具

📦 安装与运行

环境要求

• Node.js >= 16.0.0
• npm >= 8.0.0 或 yarn >= 1.22.0

安装依赖

# 使用npm
npm install

# 或使用yarn
yarn install

运行项目

# 使用npm
npm run dev

# 或使用yarn
yarn dev