# personal-website-react

**Repository Path**: tanmantang/personal-website-react

## Basic Information

- **Project Name**: personal-website-react
- **Description**: 从 https://github.com/JoHoop/personal-website-react 克隆
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2025-08-24
- **Last Updated**: 2025-10-09

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 个人网站 React 版

[![截图](/public/social-image.png?raw=true)](https://jolienhoop.com)

[![网站 jolienhoop.com](https://img.shields.io/website-up-down-green-red/http/shields.io.svg)](https://jolienhoop.com)
[![GitHub 许可证](https://img.shields.io/github/license/Naereen/StrapDown.js.svg)](https://github.com/JoHoop/personal-website-react/blob/master/LICENSE)
[![GitHub 贡献者](https://img.shields.io/github/contributors/JoHoop/personal-website-react.svg)](https://github.com/JoHoop/personal-website-react/graphs/contributors/)
[![维护状态](https://img.shields.io/badge/Maintained%3F-yes-green.svg)](https://github.com/JoHoop/personal-website-react/graphs/commit-activity)
[![欢迎 PR](https://img.shields.io/badge/PRs-welcome-brightgreen.svg?style=flat)](http://makeapullrequest.com)

一个为开发者设计的简洁、响应式单页网站模板。查看演示：[jolienhoop.com](https://jolienhoop.com)

- 使用 [React](https://reactjs.org/) 构建
- 基于 [Create React App](https://github.com/facebook/create-react-app) 引导
- 使用 [Material-UI](https://material-ui.com/) 进行样式设计
- 通过 [Vercel](https://vercel.com) 部署并托管在 [jolienhoop.com](https://jolienhoop.com)

感谢 [Cody Bennett](https://github.com/CodyJasonBennett)、[José Coelho](https://github.com/jcoelho93) 和 [Brittany Chiang](https://github.com/bchiang7) 提供的灵感。

## 特性

- 所有个人信息均从遵循 [JSON Resume](https://jsonresume.org/) 标准的 resume.json 文件中加载，这是一个社区驱动的开源计划，旨在创建基于 JSON 的简历标准。可在此处查看官方 schema [链接](https://jsonresume.org/schema/)。
- 暗色模式的切换状态会同步到本地存储。

#### 即将推出

- 基于 resume.json 文件中的数据生成两个精美的简历页面模板 — 传统打印简历的现代版本。
- 使用 [json-ld.org/](https://json-ld.org/) 的结构化数据实现丰富的谷歌搜索结果。

## 自定义

欢迎 fork 此项目并根据您自己的信息和风格进行定制。

有关如何快速自定义主题、组件和颜色以适应您的喜好，请参考 [Material UI 文档](https://material-ui.com/customization/theming/)。

如果您以任何方式改进了应用程序，非常欢迎提交 pull request ✌️

## 可用脚本

在项目目录中，您可以运行：

### `npm install`

安装依赖项。

### `npm start`

在开发模式下运行应用程序，地址为 [http://localhost:3000](http://localhost:3000)<br />

如果您进行编辑，页面将重新加载。<br />
您还会在控制台中看到任何 lint 错误。

### `npm run build`

将应用程序构建到 `build` 文件夹以进行生产。<br />
它会正确地在生产模式下捆绑 React，并优化构建以获得最佳性能。

构建被缩小，文件名包含哈希值。<br />
您的应用程序已准备好部署！