5aad0c6bbb
Fixes #3488 Updates `QUICKSTART.md` to correctly point to `_data/socials.yml` for email configuration, as the `email` field is not present in `_config.yml`.
107 lines
3.7 KiB
Markdown
107 lines
3.7 KiB
Markdown
# 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](assets/video/tutorial_al_folio.mp4)
|
|
|
|
<!--ts-->
|
|
|
|
- [Quick Start Guide](#quick-start-guide)
|
|
- [Step 1: Create Your Repository (1 min)](#step-1-create-your-repository-1-min)
|
|
- [Step 2: Configure Deployment (1 min)](#step-2-configure-deployment-1-min)
|
|
- [Step 3: Personalize (2 min)](#step-3-personalize-2-min)
|
|
- [Step 4: View Your Site (1 min)](#step-4-view-your-site-1-min)
|
|
- [What's Next?](#whats-next)
|
|
- [Add Your Content](#add-your-content)
|
|
- [Customize Appearance](#customize-appearance)
|
|
- [Learn More](#learn-more)
|
|
- [Get Help from AI](#get-help-from-ai)
|
|
|
|
<!--te-->
|
|
|
|
## Step 1: Create Your Repository (1 min)
|
|
|
|
1. Click **[Use this template](https://github.com/new?template_name=al-folio&template_owner=alshedivat)** on the al-folio repository page
|
|
2. Name your repository:
|
|
- **Personal/Organization site:** `username.github.io` (replace `username` with your GitHub username)
|
|
- **Project site:** Any name (e.g., `my-research-website`)
|
|
3. Click **Create repository from template**
|
|
|
|
## Step 2: Configure Deployment (1 min)
|
|
|
|
1. Go to your new repository → **Settings** → **Actions** → **General** → **Workflow permissions**
|
|
2. Select **Read and write permissions**
|
|
3. Click **Save**
|
|
|
|
## Step 3: Personalize (2 min)
|
|
|
|
1. Open `_config.yml` in your repository
|
|
2. Update these fields:
|
|
```yaml
|
|
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)
|
|
```
|
|
3. Click **Commit changes** (at the bottom of the page)
|
|
|
|
## Step 4: View Your Site (1 min)
|
|
|
|
1. Go to your repository → **Actions** tab
|
|
2. Wait for the "Deploy site" workflow to complete (look for a green checkmark, ~4 minutes)
|
|
3. Go to **Settings** → **Pages** → **Build and deployment**
|
|
4. Make sure **Source** is set to **Deploy from a branch**
|
|
5. Set the branch to **gh-pages** (NOT main)
|
|
6. Wait for the "pages-build-deployment" workflow to complete (~45 seconds)
|
|
7. 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
|
|
|
|
- Installation and local setup options: [INSTALL.md](INSTALL.md)
|
|
- Full customization guide: [CUSTOMIZE.md](CUSTOMIZE.md)
|
|
- Frequently asked questions: [FAQ.md](FAQ.md)
|
|
- Troubleshooting: [TROUBLESHOOTING.md](TROUBLESHOOTING.md)
|
|
|
|
### 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](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! 🎉
|