Deployment Instructions
Deployment Instructions
GitHub Pages Deployment
This personal website is designed to be deployed on GitHub Pages. Follow these steps to deploy:
1. Create GitHub Repository
- Go to GitHub and create a new repository
- Name it
yatonglan.github.io(replace with your GitHub username) - Make it public
2. Upload Website Files
- Clone the repository to your local machine:
git clone https://github.com/yatonglan/yatonglan.github.io.git Copy all files from this directory to the cloned repository
- Commit and push the changes:
git add . git commit -m "Initial website setup" git push origin main
3. Enable GitHub Pages
- Go to your repository settings on GitHub
- Scroll down to “GitHub Pages” section
- Select “Deploy from a branch”
- Choose “main” branch and “/ (root)” folder
- Click “Save”
4. Custom Domain (Optional)
If you want to use a custom domain:
- Add your domain to the repository settings
- Update the
urlfield in_config.yml - Create a CNAME file in the root directory with your domain
Local Development
To test the website locally:
Using Docker (Recommended)
docker compose up
Then visit http://localhost:4000
Using Jekyll (Alternative)
- Install Ruby and Jekyll
- Run
bundle install - Run
bundle exec jekyll serve - Visit
http://localhost:4000
Customization
Update Personal Information
- Edit
_config.ymlfor site-wide settings - Modify
_data/authors.ymlfor author information - Update
_pages/about.mdfor the main page content
Add Content
- Publications: Add files to
_publications/directory - Blog Posts: Add files to
_posts/directory - CV: Edit
_pages/cv.md
File Structure
personal-website/
├── _config.yml # Site configuration
├── _data/
│ ├── authors.yml # Author information
│ └── navigation.yml # Navigation menu
├── _pages/
│ ├── about.md # Home page content
│ └── cv.md # CV page
├── _posts/ # Blog posts
├── _publications/ # Publications
└── images/ # Images and assets
Troubleshooting
Common Issues
- Build Errors: Check that all YAML front matter is properly formatted
- Missing Images: Ensure images are in the
images/directory - Navigation Issues: Verify
_data/navigation.ymlis correctly formatted
Support
For issues with the Academic Pages template, visit: https://github.com/academicpages/academicpages.github.io
Contact
For questions about this specific website, contact: yatong.lan@example.com
