/* START HERE ************************************************************** Add your GitHub username below.*/exportconstgithubUsername="Your GitHub username here";
Start the development server to view the results
npm start
Updating the Hero images
Update the image imports/exports (data.js line 16-21)
// Hero Images (add your images to the /images directory with the same names)importHeroLightfrom"./images/hero-light.jpg";importHeroDarkfrom"./images/hero-dark.jpg";// If you change the import names above then you need to change the export names belowexport{HeroLightasLight};export{HeroDarkasDark};
Updating the Skills section
Import your desired skill icons (data.js line 1-11)
Follow the instructions to update the skillData array (data.js line 39-89)
/* Skills ************************************************************** Add or remove skills in the SAME format below, there must be one icon imported above per skill below.*/exportconstskillData=[{id: 1,skill: <FaHtml5className="display-4"/>,name: "HTML5",},
Updating the Projects section
Follow the instructions to update the filteredProjects array (data.js lines 94-98)
/* Projects ************************************************************** List the repo names (string - "your-repo-name") you want to include (they will be sorted alphabetically). If empty, only the first 3 will be included.*/exportconstfilteredProjects=["example-1","example-2","example-3"];
Import the projects images you want to use (data.js lines 13-14) or a default image will be applied
// Projects Images// Add your images to the /assets/images directory and import belowimportcolorsfrom"./assets/images/colors.svg";importrobotfrom"./assets/images/robot.svg";importnotepadfrom"./assets/images/notepad.svg";
Follow the instructions to update the projectData array (data.js lines 100-106)
// Replace the defualt GitHub image for matching repos below (images imported above - lines 13-14)exportconstprojectCardImages=[{name: "example-1",image: Logo,},];
Updating the Contact section
The contact form uses Formspree, create an account and add your endpoint URL (data.js lines 108-113)
/* Contact Info ************************************************************** Add your formspree endpoint below. https://formspree.io/*/exportconstformspreeUrl="https://formspree.io/f/YourEndpoint";
Deploy
A helpful guide for Create React App deployments with GitHub Pages can be found here
Update the homepage value in package.json (line 3)
请发表评论