fjrodafo/devhub-frontend
fjrodafo
这是一个用于注册、展示和突出个人项目的平台前端镜像，支持Docker部署，帮助开发者提升个人开发水平，实现项目成果的高效展示。
下载次数: 0状态：社区镜像维护者：fjrodafo仓库类型：镜像最近更新：4 个月前
让 AI 帮你使用轩辕镜像？ · 展开查看说明 · 点击收起说明
如果你使用 DeepSeek、元宝 AI、Copilot、ChatGPT 等 AI 工具，协助配置轩辕镜像、编写 docker pull 命令、修改 Docker Compose 镜像地址、配置镜像加速、排查镜像拉取失败、分析报错日志等问题，请先让 AI 阅读并遵守轩辕镜像的规则文档。
只需在 AI 对话中先发送下面这段话即可：
请先阅读并遵守：https://xuanyuan.cloud/agents.md
未读文档前不要生成 pull 命令或排错方案。查看 agents.md 用法指南与完整示范。国内用户首推 元宝 AI、DeepSeek 的深度思考模式，不推荐豆包 AI；Cursor 等编辑器可在对话 @ 该链接，或加入 User Rules。 若 AI 无法访问外链，可 打开说明文档 复制全文粘贴。文档会随站点更新，复制内容可能过期，建议定期检查。
DevHub前端镜像
镜像概述
DevHub是一个专注于项目注册、展示与亮点突出的平台，旨在助力开发者提升个人开发能力。本镜像为DevHub的前端组件，基于React+TypeScript技术栈构建，支持Docker容器化部署，与Laravel后端API协同工作，提供完整的项目展示功能。
核心功能
- 项目注册与管理：支持开发者注册、编辑和管理个人项目信息
- 项目展示：直观呈现项目亮点，增强成果可视性
- 前后端分离：与Laravel后端无缝对接，实现数据交互
- Docker化部署：通过Docker Compose快速搭建开发环境，简化配置流程
使用场景
- 个人作品集展示：开发者用于展示个人项目成果，提升职业竞争力
- 团队协作展示：团队共享项目进展与成果，便于内部协作与外部展示
- 技术学习案例：作为前后端分离架构与Docker部署的实践学习参考
配置说明
克隆仓库
shell# HTTPS方式 git clone https://github.com/PRW-DAW/DevHub.git # SSH方式 git clone git@github.com:PRW-DAW/DevHub.git
环境变量配置
- 复制并编辑根目录.env文件：
shellcp .env.example .env
修改关键配置（示例）：
conf# Nginx端口映射 NGINX_PORT=80:80 # Postgres数据库配置（需与后端保持一致） POSTGRES_DB=postgres POSTGRES_USER=fjrodafo POSTGRES_PASSWORD=password
- 配置前端相关环境变量（如需调整端口或域名）
本地Hosts设置
在/etc/hosts文件中添加以下条目：
conf127.0.0.1 devhub.com www.devhub.com 127.0.0.1 api.devhub.com www.api.devhub.com
Docker部署示例
- 构建镜像：
shelldocker compose build
- 启动服务（后台运行）：
shelldocker compose up -d
- 访问前端：打开浏览器访问[***]
- 停止服务：
shelldocker compose down
注意：首次启动可能因依赖安装耗时较长，代码变更会通过Docker卷自动同步至容器。
镜像拉取方式
您可以使用以下命令拉取该镜像。请将 <标签> 替换为具体的标签版本。如需查看所有可用标签版本，请访问 标签列表页面。
轩辕镜像加速拉取命令点我查看更多 devhub-frontend 镜像标签
docker pull docker.xuanyuan.run/fjrodafo/devhub-frontend:<标签>
DockerHub 原生拉取命令
docker pull fjrodafo/devhub-frontend:<标签>
镜像拉取常见问题
功能
错误码
用户好评
来自真实用户的反馈，见证轩辕镜像的优质服务
oldzhang
运维工程师
Linux服务器
5
"Docker访问体验非常流畅，大镜像也能快速完成下载。"
