JerryyyTheDuck/ctfd-modern-theme

# CTFd Core Beta 主题 一个使用 Bootstrap 5、Alpine.js 和 Vite 构建的现代 CTFd 主题。 ## 功能 - 基于 Bootstrap 5 的现代 UI - 使用 Alpine.js 实现响应式组件 - 使用 Vite 进行快速开发和优化构建 - 支持 Dark mode - 响应式设计 - 集成 ECharts 进行数据可视化 ## 安装说明 ### 使用 Git Subtree 将此主题添加到你的 CTFd 安装中： ``` git subtree add --prefix CTFd/themes/core-beta git@github.com:CTFd/core-beta.git main --squash ``` ### 拉取最新更改 ``` git subtree pull --prefix CTFd/themes/core-beta git@github.com:CTFd/core-beta.git main --squash ``` ## 开发说明 ### 前置条件 - Node.js（v16 或更高版本） - npm 或 yarn ### 设置 ``` npm install ``` ### 开发模式 监听文件更改并自动重新构建： ``` npm run dev ``` ### 构建 构建生产环境版本： ``` npm run build ``` ### 代码格式化 格式化代码： ``` npm run format ``` ### Linting 检查代码格式： ``` npm run lint ``` ## 项目结构 ``` assets/ js/ # JavaScript source files scss/ # SCSS stylesheets img/ # Image assets templates/ # Jinja2 HTML templates static/ # Built assets (generated) ``` ## 技术栈 - **Bootstrap 5**：UI 框架 - **Alpine.js**：轻量级 JavaScript 框架 - **Vite**：构建工具和开发服务器 - **ECharts**：数据可视化库 - **Sass**：CSS 预处理器 ## 许可证 详情请参阅 LICENSE 文件。

标签：Alpine.js, Bootstrap 5, CTFd, MITM代理, UI主题, Vite, 后端开发