Quarto Websites 1: Build your homepage | Charlotte Wickham & Emil Hvitfeldt | Posit

In this video, you’ll get a running start by using a template we've designed to be functional and attractive, and that will serve as a foundation for the rest of the video series. You’ll customize the content of your homepage, and how it looks, and along the way learn about the two key files in a Quarto website index.qmd and _quarto.yml. Finally, you’ll learn one way to publish your website so other people can see it.
In this video:
0:21 Use a template to get started
2:33 Preview the template homepage, index.qmd
4:12 Customize the content of your homepage
5:45 “About” pages
7:22 Customize the image on your homepage
9:24 Website configuration, _quarto.yml
10:40 Customize colors with YAML
13:45 Customize fonts with YAML
17:00 Publish your site
Links:
About pages: quarto.org/doc...
Appearance options you can set in YAML: quarto.org/doc...
Code:
Starter source code: github.com/Emi...
Final source code: github.com/cwi...
For more in-depth coverage and slides check out: posit-conf-202...
Do you need a professional website to showcase your work? If you’ve used Quarto to produce a document, you’ve already got the technical skills to create a Quarto website. In this video series, you’ll learn everything else you need to build a website and customize its appearance.
This video series is for you if you:
Have used Quarto to generate documents (e.g. HTML, PDF, MS Word etc.)
Are comfortable editing plain text documents (e.g .qmd) in your IDE (e.g. RStudio, Visual Studio Code etc.)
Want to walk away with your own personal website
Taught by:
Charlotte Wickham (www.cwick.co.nz/)
Emil Hvitfeldt (emilhvitfeldt....)
Videos in this series:
1. Build your homepage [ • Quarto Websites 1: Bui... ]
2. Add pages and navigation [ • Quarto Websites 2: Add... ]
3: Customize appearance with CSS/SCSS [ • Quarto Websites 3: Cus... ]
4: Add lists of content with listings [ • Quarto Websites 4: Add... ]

[@hamishmaxa6509]

Thank you both for this series of videos! Great timing because I have a quarto multi page website which badly needs tidying up before sharing. These videos are great.

[@Aaqib..]

Wonderful, thanks a lot for these videos. I am loving these more and more

[@jonathanjayes]

Amazing! Thank you Charlotte and Emil, a useful walkthrough. I use the trestles template on my site with a little sass styling