使用 React 与 JavaScript 构建的个人作品集网站
portfolio (zibanouri) — Vite 作品集模板
作者 zibanouri
Ziba Noori 的个人作品集网站,基于 React 与 JavaScript 构建,是作者首次深入使用 React 的项目,支持多语言与可自定义颜色主题。
看看你的网站会是什么样
浏览真实页面截图,比较内容排版与手机效果。点击下方缩略图切换,放大查看整页细节。
全部页面与视图 2
截图用于了解视觉与布局,交互效果请以实际项目为准。
值得关注的模板亮点
从已有项目资料中,快速了解它的特点。
作者首次深入实践 React 的项目,涉及组件、状态管理、useEffect 与客户端路由
支持英语、德语和日语三种语言
提供可自定义的颜色主题
界面为响应式设计
以 MIT 许可证开源
模板详细介绍
该仓库是作者 Ziba Noori 的个人作品集网站,README 说明这是其在 GitHub 上的第一个正式项目,也是其 Web 开发学习的起点。项目使用 React 与 JavaScript 构建,作者在开发过程中实践了组件、状态管理、useEffect、客户端路由,以及从零构建响应式界面。网站支持英语、德语和日语三种语言,并提供可自定义的颜色主题。README 未提供安装、运行或部署的具体步骤,也未列出依赖清单或具体框架版本。仓库以 MIT 许可证开源。
适合你的项目吗?
适用场景
- 作为个人开发者展示作品与联系方式的在线作品集
- 学习 React 组件、状态管理与客户端路由的参考项目
- 需要多语言切换与可自定义主题的静态个人网站
适合人群
- 希望参考 React 入门项目结构的开发者
- 需要多语言个人作品集模板的开发者
- 对可自定义颜色主题实现方式感兴趣的开发者
上手与定制指南
结合仓库当前版本的说明,按下面的资料检查内容、配置与运行要求。
- 1
README 未提供安装依赖的命令
- 2
README 未提供本地开发或构建命令
- 3
README 未提供部署步骤
- 4
README 未列出依赖清单或具体框架版本
授权与来源资料
使用条件与限制
免费使用 · 保留许可声明本次收录的是公开仓库中采用 MIT 许可的免费版本;免费范围为该版本代码,不代表外部服务或第三方素材免费。
使用时需要遵守
- 允许免费使用、修改、商用和分发该版本代码。
- 分发代码副本或实质性部分时,保留原作者版权声明和完整 MIT 许可声明。
- 代码按现状提供;担保与责任限制以原许可证及适用法律为准。
额外费用与待核对事项
- 演示图片、字体、图标及其他第三方素材需按各自许可核对,不能仅凭代码的 MIT 许可判断。
- 域名、托管、数据库、支付或 AI 等外部服务可能另外收费。
查看原文依据
https://github.com/zibanouri/portfolio/blob/main/LICENSEhttps://github.com/zibanouri/portfolio/blob/main/README.mdPermission is hereby granted, free of charge
许可证原文
DeepSeek 根据仓库许可证和 README 整理 ·2026-10-16。结果仅覆盖已读取资料,依赖、图片、字体及后续条款变更以各自原文为准。
项目核对记录与介绍依据
模板资料
- 来源平台
- GitHub
- 资料与维护参考分
- 资料一般 · 71 / 100
- 技术栈
- Vite · React
- 网站类型
- 作品集
这个分数如何计算
本站按许可资料(最高30分)、演示链接(12分)、预览图(10分)、Star数(15分)、记录的维护时间(15分)、描述完整度(8分)、功能记录(5分)和分类资料(5分)计算。它不是代码、安全或性能测试,也不是 Google 评分;有链接不代表已实测可用。
这个项目需要核对什么
- 记录的仓库更新时间
- 2025-10-03
- 截图检查日期
- 2026-10-16
已收录演示链接。请用你的内容与屏幕尺寸检查;有演示不代表表单、认证或支付已经可用。
目录记录的主要技术栈是 Vite。请通过依赖清单和锁文件核对实际版本与托管要求。这些说明基于收录资料,不代表代码审计或部署实测。
查看具体选型方法 →介绍的制作与核对状态
介绍由 AI 辅助整理目录与仓库资料。仓库作者不等于这篇介绍的审核者。
审核声明: codex-user-requested-batch-review-20261017 · 2026-10-16
查看当时使用的来源资料
SHA-256: 9772f49907166c092d2112c14fd23f6be90a36d1a4d05a455f019043dda548fe
2026-10-16T11:34:25.356Z
来源文件 / 仓库# My Portfolio — Ziba Noori > **This was my first serious project on GitHub — and the real beginning of my journey into web development.** [](https://zibanouri.github.io/portfolio/) [](https://reactjs.org/) [](https://developer.mozilla.org/en-US/docs/Web/JavaScript) --- ### About This Project ``` This portfolio represents more than just a personal website — it embodies my journey of growth as a developer. Creating it marked my first in-depth exploration of React and JavaScript, during which I gained hands-on experience with components, state management, useEffect, client-side routing, and building a fully responsive, visually appealing user interface from the ground up. The project also supports multiple languages (English ,deutsch and japan) and includes a customizable color theme, reflecting my belief that the web should be both personalized and uplifting. ``` ### Let’s Connect ``` - https://github.com/zibanouri/portfolio - https://www.linkedin.com/in/ziba-nouri/ ``` ## License ``` This project is open-source under the MIT License. ``` > 🔗 **Live Demo**: https://github.com/zibanouri
看看同类模板
对比同技术栈与用途的模板,找到更适合的视觉与内容结构。

Resumify
Free, privacy-first resume builder — 6 ATS-friendly templates, full customization, JSON import/export. No sign…
Vite · 作品集

showlit
✨ Showlit - A modern and clean template for creating a personal website
Vite · 作品集

folium
Professional developer portfolio boilerplate (React • TypeScript • Tailwind • Vite) with simple content custom…
Vite · 作品集

kurizu-discord
A Discord themed website built using React & Vite
Vite · 作品集

cv-educornelsen
Production portfolio with a streaming AI chatbot (Gemini + SSE), containerized via Docker, deployed to Google …
Vite · 作品集

about-me-personal-portfolio-website-template
Simple Personal Website Template, built with bootstrap and vite js project.
Vite · 作品集
