Update

• Today’s lecture shifted to Mon
• Feedback on Research Question and Data will come Thursday
• Any research proposals focused on environmental topics?
• March 5 Research Design shifted 24 hours
• Sending .html files

Approach

• We’re going to create a personal website using your git username
• You can use this method to create separate websites that branch out from your personal site
  • Ex. My personal website \(\rightarrow\) my course website

Create a free website with Github Pages

• Keep a repository of your website
• Push changes to your website via Github
• See changes almost instantly

Create a website

Moving to RStudio

• File \(\rightarrow\) New Project \(\rightarrow\) New Directory \(\rightarrow\) Quarto Website

Create a website

• Directory Name: Use your git handle (ex. jrspringman)
• Subdirectory: use folder containing your repo from Monday

Create a website

• Check Create a git repository
• Uncheck Use visual markdown editor

Create a website

6 files in your repo

Create a website

• Render index.qmd to view local instance in browser
• about.qmd is additional tab
• _quarto.yml is yaml parameters for the entire website
• .Rproj is an R Project file

Create a website

In _quarto.yml, change output director to docs

Publish to Github pages

• Publish local git repo to github.com
• Uncheck ‘Keep this code private’
• Open repo on github.com
• Settings \(\rightarrow\) Pages (left-sidebar)

Publish to Github pages

Open Github Desktop and add repo

Publish to Github pages

Open Github Desktop and add repo

Publish to Github pages

You shouldn’t get this error

Publish to Github pages

Uncheck ‘Keep this code private’

Publish to Github pages

Open github.com/repo/settings

Publish to Github pages

Settings \(\rightarrow\) Pages (left-sidebar)

Publish to Github pages

Branch \(\rightarrow\) main \(\rightarrow\) /docs \(\rightarrow\) Save

Host Your Final Project

• Delete _site folder (now its using docs)
• Create data folder to store your dataset
• Add final project .qmd file to your repo (or drop it into index.qmd)
• Use _quarto.yml to add new pages to navigation bar
• Render index.qmd; confirm that other pages have been rendered
• Push commit and check that the website updated

More Complex Stuff

• Terminal: quarto render
• Terminal: quarto render file.qmd