New website, thanks to Quarto – Matthew Andreotta

Today, I upload a new version of my academic website. All thanks to the magic of ✨ Quarto ✨.

For the unaware, Quarto is an open-source publishing system. I first started using Quarto to seamlessly use Python and R in the same markdown document. But Quarto can do so much more: books, presentations, and of course, websites.

Overall, the process of building rather painless. Partly because Quarto has comprehensive documentation and partly because I followed the footsteps of those before me. For readers interested in building a website with Quarto, here are the websites I found useful:

Foundations

Creating a website | r fontawesome::fa("book", fill = "#2C3E50") Quarto documentation
Creating your personal website using Quarto, by Sam Csik | r fontawesome::fa("rss", fill = "#2C3E50") Blog post
We don’t talk about Quarto, by Alison Hill | r fontawesome::fa("rss", fill = "#2C3E50") Blog post
Quarto for the curious, by Tom Mock | r fontawesome::fa("person-chalkboard", fill = "#2C3E50") Slides

Tips and tricks

Quarto for an Academic Website by Drew Dimmery | r fontawesome::fa("rss", fill = "#2C3E50") Blog post
Porting a distill blog to quarto, by Danielle Navarro | r fontawesome::fa("rss", fill = "#2C3E50") Blog post
A Quarto tip a day keeps the docs away, by Mine Çetinkaya-Rundel | r fontawesome::fa("rss", fill = "#2C3E50") Blog post | r fontawesome::fa("twitter", fill = "#2C3E50") Twitter

Visuals

Some emojis supported by Quarto | r fontawesome::fa("github", fill = "#2C3E50") Github gist
Bootstrap icons supported by Quarto | r fontawesome::fa("b", fill = "#2C3E50") Icons
Font awesome extension for Quarto | r fontawesome::fa("circle-down", fill = "#2C3E50") Extension | r fontawesome::fa("font-awesome", fill = "#2C3E50") Icons
Unsplash, a database of photos for free use | r fontawesome::fa("camera-retro", fill = "#2C3E50") Photos | r fontawesome::fa("file-lines", fill = "#2C3E50") License
Pexels, another database of photos for free use | r fontawesome::fa("camera-retro", fill = "#2C3E50") Photos | r fontawesome::fa("file-lines", fill = "#2C3E50") License
Bootswatch, free out-of-the-box colour schemes for your Quarto documents | r fontawesome::fa("palette", fill = "#2C3E50") Palettes

Reuse

CC BY 4.0

Citation

BibTeX citation:

@online{andreotta2022,
  author = {Andreotta, Matthew},
  title = {New Website, Thanks to {Quarto}},
  date = {2022-10-04},
  url = {https://matt-lab.github.io/posts/2022-10-04_new-website/},
  langid = {en}
}

For attribution, please cite this work as:

Andreotta, Matthew. 2022. “New Website, Thanks to Quarto.” October 4, 2022. https://matt-lab.github.io/posts/2022-10-04_new-website/.