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: https://quarto.org/docs/websites/website-about.html
Appearance options you can set in YAML: https://quarto.org/docs/output-formats/html-themes.html#basic-options
Code:
Starter source code: https://github.com/EmilHvitfeldt/website-template
Final source code: https://github.com/cwickham/quarto-website-video/tree/v0.1
For more in-depth coverage and slides check out: https://posit-conf-2024.github.io/quarto-websites/
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 (https://www.cwick.co.nz/)
Emil Hvitfeldt (https://emilhvitfeldt.com/)
Videos in this series:
1. Build your homepage [https://youtu.be/l7r24gTEkEY]
2. Add pages and navigation [https://youtu.be/k65E-8PXZmA]
3: Customize appearance with CSS/SCSS [https://youtu.be/pAN2Hiq0XGs]
4: Add lists of content with listings [https://youtu.be/bv_Cw-3HI1Y]