├── .gitignore ├── README.md ├── _quarto.yml ├── about.qmd ├── build-your-own-blog-exercises.Rproj ├── index.qmd ├── posts ├── _metadata.yml ├── banner.jpg ├── post-with-code │ ├── image.jpg │ └── index.qmd ├── rmarkdown-post │ └── index.Rmd └── welcome │ ├── index.qmd │ └── thumbnail.jpg ├── profile.jpg └── styles.css /.gitignore: -------------------------------------------------------------------------------- 1 | /.quarto/ 2 | .Rproj.user 3 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # Build Your Own Blog With Quarto Exercises 2 | 3 | - Please ensure you have Quarto v1.0.0 or above. 4 | -------------------------------------------------------------------------------- /_quarto.yml: -------------------------------------------------------------------------------- 1 | project: 2 | type: website 3 | 4 | website: 5 | title: "build-your-own-blog-exercises" 6 | navbar: 7 | right: 8 | - about.qmd 9 | - icon: github 10 | href: https://github.com/ 11 | - icon: twitter 12 | href: https://twitter.com 13 | format: 14 | html: 15 | theme: cosmo 16 | css: styles.css 17 | 18 | editor: visual 19 | 20 | # Change the background to a different color. 21 | # Add another hyperlink in the navigation bar. 22 | # Add your name to the left side of the top navigation bar. 23 | 24 | # Change to another Bootswatch theme. 25 | # Add a dark theme with another Bootswatch theme. 26 | # Change the syntax highlighting to `eiffel`. 27 | 28 | -------------------------------------------------------------------------------- /about.qmd: -------------------------------------------------------------------------------- 1 | --- 2 | title: "About" 3 | image: profile.jpg 4 | about: 5 | template: jolla 6 | links: 7 | - icon: twitter 8 | text: Twitter 9 | href: https://twitter.com 10 | - icon: linkedin 11 | text: LinkedIn 12 | href: https://linkedin.com 13 | - icon: github 14 | text: Github 15 | href: https://github.com 16 | --- 17 | 18 | About this blog 19 | 20 | 27 | -------------------------------------------------------------------------------- /build-your-own-blog-exercises.Rproj: -------------------------------------------------------------------------------- 1 | Version: 1.0 2 | 3 | RestoreWorkspace: Default 4 | SaveWorkspace: Default 5 | AlwaysSaveHistory: Default 6 | 7 | EnableCodeIndexing: Yes 8 | UseSpacesForTab: Yes 9 | NumSpacesForTab: 2 10 | Encoding: UTF-8 11 | 12 | RnwWeave: Sweave 13 | LaTeX: pdfLaTeX 14 | -------------------------------------------------------------------------------- /index.qmd: -------------------------------------------------------------------------------- 1 | --- 2 | title: "build-your-own-blog-exercises" 3 | listing: 4 | contents: posts 5 | sort: "date desc" 6 | type: default 7 | categories: true 8 | sort-ui: false 9 | filter-ui: false 10 | page-layout: full 11 | title-block-banner: true 12 | --- 13 | 14 | 22 | -------------------------------------------------------------------------------- /posts/_metadata.yml: -------------------------------------------------------------------------------- 1 | # options specified here will apply to all posts in this folder 2 | 3 | # freeze computational output 4 | # (see https://quarto.org/docs/projects/code-execution.html#freeze) 5 | freeze: true 6 | 7 | # Enable banner style title blocks 8 | title-block-banner: true 9 | 10 | # Change the color of title-block-banner to "#FFA500". 11 | # Change it again to `banner.jpg`. -------------------------------------------------------------------------------- /posts/banner.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ivelasq/build-your-own-blog-exercises/f839b0a5193cf116af61884be4b43681f13f492f/posts/banner.jpg -------------------------------------------------------------------------------- /posts/post-with-code/image.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ivelasq/build-your-own-blog-exercises/f839b0a5193cf116af61884be4b43681f13f492f/posts/post-with-code/image.jpg -------------------------------------------------------------------------------- /posts/post-with-code/index.qmd: -------------------------------------------------------------------------------- 1 | --- 2 | title: "Post With Code" 3 | author: "Harlow Malloc" 4 | date: "2022-08-28" 5 | categories: [news, code, analysis] 6 | image: "image.jpg" 7 | --- 8 | 9 | This is a post with executable code. 10 | 11 | ```{r} 12 | 1 + 1 13 | ``` 14 | -------------------------------------------------------------------------------- /posts/rmarkdown-post/index.Rmd: -------------------------------------------------------------------------------- 1 | --- 2 | title: "R Markdown Document" 3 | output: html_document 4 | date: "2022-08-29" 5 | --- 6 | 7 | ```{r setup, include=FALSE} 8 | knitr::opts_chunk$set(echo = TRUE) 9 | ``` 10 | 11 | ## R Markdown 12 | 13 | This is an R Markdown document. Markdown is a simple formatting syntax for authoring HTML, PDF, and MS Word documents. For more details on using R Markdown see . 14 | 15 | When you click the **Knit** button a document will be generated that includes both content as well as the output of any embedded R code chunks within the document. You can embed an R code chunk like this: 16 | 17 | ```{r cars} 18 | summary(cars) 19 | ``` 20 | 21 | ## Including Plots 22 | 23 | You can also embed plots, for example: 24 | 25 | ```{r pressure, echo=FALSE} 26 | plot(pressure) 27 | ``` 28 | 29 | Note that the `echo = FALSE` parameter was added to the code chunk to prevent printing of the R code that generated the plot. 30 | -------------------------------------------------------------------------------- /posts/welcome/index.qmd: -------------------------------------------------------------------------------- 1 | --- 2 | title: "Welcome To My Blog" 3 | author: "Tristan O'Malley" 4 | date: "2022-08-25" 5 | categories: [news] 6 | --- 7 | 8 | This is the first post in a Quarto blog. Welcome! 9 | 10 | ![](thumbnail.jpg) 11 | 12 | Since this post doesn't specify an explicit `image`, the first image in the post will be used in the listing page of posts. 13 | -------------------------------------------------------------------------------- /posts/welcome/thumbnail.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ivelasq/build-your-own-blog-exercises/f839b0a5193cf116af61884be4b43681f13f492f/posts/welcome/thumbnail.jpg -------------------------------------------------------------------------------- /profile.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ivelasq/build-your-own-blog-exercises/f839b0a5193cf116af61884be4b43681f13f492f/profile.jpg -------------------------------------------------------------------------------- /styles.css: -------------------------------------------------------------------------------- 1 | /* css styles */ 2 | /* 3 | Add: 4 | @import url('https://fonts.googleapis.com/css2?family=Pacifico&family=Pacifico&display=swap'); 5 | 6 | h1.title { 7 | font-family: "Pacifico"; 8 | font-size: 30px; 9 | } 10 | */ --------------------------------------------------------------------------------