Building a blog with uv, quarto, and Github Pages

class: center, middle, font30

# Building a blog with uv, quarto, and Github Pages

## From zero to posts in 30 minutes

### J. Hathaway: BYU-I Data Science Program Chair

---
class: font40
# Overview/Outline

Exemplify the data science hack to personal websites.

1. Introduction to tools (uv, quarto, marimo, marimo-quarto) (10 minutes)
2. Example websites (10 minutes)
3. Do the process (20 minutes)

---
class: font20
# uv to manage Python

> [uv](https://docs.astral.sh/uv/) An extremely fast Python package and project manager, written in Rust. A single tool to replace pip, pip-tools, pipx, poetry, pyenv, twine, virtualenv, and more.
> 
> 
> [uv website](https://docs.astral.sh/uv/) ![:scale 10%](https://avatars.githubusercontent.com/u/115962839?s=48&v=4)

---

# Quarto Websites to manage blog building

> Quarto Websites are a convenient way to publish groups of documents. Documents published as part of a website share navigational elements, rendering options, and visual style.
> 
> 
> [quarto website](https://quarto.org/docs/websites/) ![:scale 50%](https://quarto.org/quarto.png)

---
class: font30
# marimo for interactive data science programming

> Transform data, train models, and run SQL queries with marimo — feels like an AI-native reactive notebook, stored as Git-friendly reproducible Python. Seamlessly run as scripts and apps. All open source.
> 
> 
> [marimo website](https://marimo.io/) ![:scale 50%](https://marimo.io/logotype-wide.svg?dpl=dpl_GDAS33ohUC9bkVEKRBQt8HVpA5S7)

---
class: font20
# marimo+quarto for interactive blogs

> This repository provides a framework for integrating Quarto with marimo, enabling markdown documents to be executed in a marimo environment, and reactive in page.
> 
> 
> [marimo+quarto website](https://marimo-team.github.io/quarto-marimo/)

---
class: font40
# Example websites with Quarto

- [prof-j.com](https://prof-j.com/) and [github repo](https://github.com/hathawayj/profj)
- [Avery Robbins](https://codingwithavery.com/)
- [Asher Hanson](https://ellwood12.github.io/Senior_Project2021/)
- [Brandon Ritchie](https://brandon-senior-project-bitcoin.blogspot.com/)

---
class: font40
# Let's build our own

## [From idea to site in 12 steps (plus install)](https://github.com/quickskilling/blogs_quarto)

---