Prepare your content
Think ahead about your photos, short bio, publications, or project summary so you can add them without losing momentum.
Plan your site
Start with a template from HTML5 UP or another site you like. Look at the live demo, choose something that matches the kind of site you want, and remember that you can always simplify it later.
Browse templates
Download the ZIP file, unzip it into a useful folder, and open the index.html file in Visual Studio Code. The homepage is the main file you will edit first.
Read the course guide
Replace the placeholder text with your own bio, links, and images. You can change the title, update the menu, and make the template fit your work or project.
See what to changeOnce your site looks right locally, create a GitHub repository, upload the files, and turn on GitHub Pages in the repository settings. After that, your site will be live at your GitHub Pages URL.
Think ahead about your photos, short bio, publications, or project summary so you can add them without losing momentum.
Plan your site
Keep the full folder structure, including the assets and images folders, so the site still loads correctly after you move it.
Keep it organized
Add links to your school, research group, social media, or publications, and replace any demo images with your own.
Add your links
After publishing, return to VS Code to make changes, commit them, and sync to GitHub whenever you want to update the live site.
Publish the update