Quick Start Guide
Get your al-folio site running in 5 minutes. This guide is for users who just want a working website quickly without deep customization.
Video Tutorial: Watch a walkthrough of these steps here
Step 1: Create Your Repository (1 min)
- Click Use this template on the al-folio repository page
- Name your repository:
- Personal/Organization site:
username.github.io (replace username with your GitHub username)
- Project site: Any name (e.g.,
my-research-website)
- Click Create repository from template
- Go to your new repository → Settings → Actions → General → Workflow permissions
- Select Read and write permissions
- Click Save
Step 3: Personalize (2 min)
- Open
_config.yml in your repository
- Update these fields:
title: My Website
first_name: Your
last_name: Name
url: https://your-username.github.io # or your custom domain
baseurl: # Leave this empty (do NOT delete it)
- Click Commit changes (at the bottom of the page)
Step 4: View Your Site (1 min)
- Go to your repository → Actions tab
- Wait for the “Deploy site” workflow to complete (look for a green checkmark, ~4 minutes)
- Go to Settings → Pages → Build and deployment
- Make sure Source is set to Deploy from a branch
- Set the branch to gh-pages (NOT main)
- Wait for the “pages-build-deployment” workflow to complete (~45 seconds)
- Visit
https://your-username.github.io in your browser
That’s it! Your site is live. You now have a working al-folio website.
What’s Next?
Once your site is running, explore these customization options:
Add Your Content
- Profile picture: Replace
assets/img/prof_pic.jpg with your photo
- About page: Edit
_pages/about.md to write your bio
- Publications: Add entries to
_bibliography/papers.bib
- Blog posts: Create files in
_posts/ with format YYYY-MM-DD-title.md
Customize Appearance
- Theme color: Edit
_config.yml, search for theme_color
- Enable/disable sections: In
_config.yml, look for enabled: false/true options
- Social media links: Edit
_data/socials.yml
Learn More
Get Help from AI
Use the GitHub Copilot Customization Agent (if you have Copilot) to:
- Get step-by-step help with customizations
- Understand how to modify specific features
- Apply changes directly to your site
See CUSTOMIZE.md § GitHub Copilot Customization Agent for details.
Common first steps:
- Change the theme color in
_config.yml
- Add your social media links in
_data/socials.yml
- Upload your profile picture to
assets/img/prof_pic.jpg
- Write a short bio in
_pages/about.md
Happy customizing! 🎉