guisiyu99/guisiyu99.github.io

★ 14HTMLAudience · developerComplexity · 2/5Setup · easy

Mindmap

mindmap
  root((portfolio-site))
    Tech Stack
      React
      Vite
      HTML CSS
    Structure
      Components folder
      Pages folder
      Assets and fonts
      Utility functions
    Commands
      Install dependencies
      Dev server
      Production build
      Preview build
    Hosting
      GitHub Pages
      Public URL

mindmap root((portfolio-site)) Tech Stack React Vite HTML CSS Structure Components folder Pages folder Assets and fonts Utility functions Commands Install dependencies Dev server Production build Preview build Hosting GitHub Pages Public URL

Click or tap to explore — scroll the page freely

Things people build with this

USE CASE 1

Use as a starting template for your own React and Vite personal portfolio site hosted on GitHub Pages.

USE CASE 2

Study the folder structure as a reference for how to organize a standard React project with components, pages, and assets.

USE CASE 3

Fork and customize the site to showcase your own projects and resume without setting up your own hosting.

Tech stack

ReactViteHTMLJavaScript

Getting it running

Difficulty · easy Time to first run · 5min

No license information was mentioned in the explanation.

In plain English

This repository holds the source code for a personal portfolio website, described in Chinese as a site for showcasing projects and a resume. The repository is hosted on GitHub Pages, which means the site is accessible as a public webpage directly from this repository. The site is built with React and Vite. React is a popular JavaScript library for building interactive web pages, and Vite is a build tool that handles compiling and packaging the code for the browser. The project follows a fairly standard structure with separate folders for reusable components, individual pages, images and fonts, styles, and utility functions. The README is brief and written entirely in Chinese. It covers the folder layout and four commands: installing dependencies, starting a local development server, building a production-ready version of the site, and previewing that production build. There is no description of what the actual portfolio contains, what projects are shown, or who the site belongs to beyond the repository owner. This is a personal website project, not a tool or library others would install. If you are looking at this repository as a starting point or reference, the structure follows common React and Vite conventions, so the code should be readable to anyone familiar with those tools.

Copy-paste prompts

Prompt 1

I want to use guisiyu99.github.io as a template for my own portfolio. Walk me through forking it, running it locally, and updating it with my own name and project list.

Prompt 2

How do I add a new page to this React Vite portfolio site and link it in the navigation without breaking the existing pages?

Prompt 3

Help me deploy my fork of this portfolio site to GitHub Pages using the Vite build output, what settings do I need in vite.config.js and the GitHub Actions workflow?

Open on GitHub → Explain another repo

← guisiyu99 on gitmyhub — every repo by this author, as a profile.

Verify against the repo before relying on details.