Build and publish your personal academic website with Quarto
2026-04-16
Description
In this hands-on workshop, we will build and publish your own academic website from scratch, step by step and together. We will use Quarto, a modern publishing tool that lets you create websites, blogs, and more from plain text files. By the end of the session, you will have a live website you can share with the world.
Resources
Quarto documentation
- Get started with Quarto: Installation and basic tutorial
- Quarto Websites: Everything about creating websites with Quarto
- Website Navigation: Navbar, sidebar, footer options
- HTML Themes: List of predefined themes
- Theme Options & SASS Variables: Customize colors, fonts, and spacing with SCSS
- About Page Templates: Templates for personal landing pages
- Listing Pages: Blog listings, publication lists, project galleries
- Markdown Basics: Formatting text in Quarto
- Publishing: All publishing options (GitHub Pages, Netlify, Posit Connect Cloud, …)
Community resources
- Adding a blog to a Quarto website by Sam Csik
- Curated list of academic Quarto sites by Gang He
Template
- quarto-academic-template: The template we used in the workshop
- Publish a Quarto website on GitHub Pages: Step-by-step guide to publish your website on GitHub Pages
Example academic websites with source code
| Site | Source code |
|---|---|
| Silvia Canelón | GitHub |
| Andrew Heiss | GitHub |
| Sam Csik | GitHub |
| John Helveston | GitHub |