Tips & Tricks

A poor man's TOC in {distill}

tutorial
css
javascript
html
toc
features

A floating Table of Contents (TOC) in {distill} in fixed position with Toggle (show/hide) button and Scrolling Active States.

Upgrading Distill Blog Settings

features
disqus
tutorial
netlify
analytics

The second part of a series on how I upgraded this `Distill` themed blog

Quality of life modifications for your distill websites

features
twitter
tutorial

In this post, you can find simple but useful enhancements that can be applied to your distill website. From enhancing your table of contents tab to adding a 'copy to clipboard button' in source code chunks, learn how you can make your distill website even more awesome!

Modifying the GitHub repo containing my Distill website

tutorial
giscus
github
deploy

Adventures with giscus (easier) and GitHub Actions (harder)

Enable giscus in Distill

tutorial
html
utterances
giscus
github
features

How to use the giscus commenting system on a Distill blog

Adding Disqus to distill blogs

tutorial
discus

Notes on adding comments to distill pages.

Leaving known waters

tutorial
html
css
utterances
github
features

Over the last weeks and months I have collected three features for the blog itself that I want to implement. Covers: A custom parallax scrolling landing page, Utterances comments and a custom 404 error page. None are built into the {distill} package, so there's some manual work needed. I'll go through the changes here.

What's he building in there?

metathis
utterances
distilltools
tutorial

Customizing a {distill} website. Covers: Page and article metadata tricks with {metathis}, adding collapsible and movable Utterances comments sections to posts, and using post templates with {distilltools}.

Custom Syntax Highlighting for {distill} Part 2: Creating the Palette

color
accessibility
tutorial

How to create an appealing and accessible colour palette for a syntax highlighting scheme

Custom Syntax Highlighting for {distill} Part 1: Modifying the default theme

distilltools
color
accessibility
tutorial
features

A guide to modifying the default {distill} syntax highlighting theme, including colour choice considerations, and its implementation in {distilltools}

How to create a gallery in Distill

features
tutorial

Use lightgallery.js to create a gallery for your plots or images.

Personalizing the Distill Template

features
tutorial

How to modify the distill template to fit your preferences.

Deploy previews with Netlifly

deploy
tutorial
netlify
github

Collaborative {distill} website workflows

Automagic Tabs in Distill/Rmarkdown files and time series analysis

features
tutorial

This article shows the use of tabs in Rmarkdown documents, through an example of time series analysis of the monthly estimator of Argentine economic activity.

Customizing distill with {htmltools} and CSS

features
tutorial
html
css

How I added lots of little features to my distill site with the {htmltools} package, CSS, and a handful of little R functions.

Create a GitHub website with distill in less than 30 minutes

github
starting
tutorial

The following are step-by-step instructions for creating a website using [R Markdown](https://rmarkdown.rstudio.com/) and the [distill R package](https://rstudio.github.io/distill/) (through [R Studio](https://rstudio.com/products/rstudio/)) and [GitHub](https://github.com/).

Use GitHub actions with R Markdown and Distill

github
tutorial
deploy

How can you automatically render README, Distill website...

M-F-E-O: postcards + distill

tutorial
features

The new postcards package and distill are M-F-E-O (made for each other). Here is a brief walk-through to add a postcards personal profile page to your distill website or blog, using only R Markdown.

Making a Darkmode for your distill site

tutorial
features

We build a darkmode for our distill site using css and a bit of java script.

Thank you {blogdown}, hello {distill}.

blogdown
starting

A few notes on moving from blogdown to distill.

Enable utterances with distill

github
features
tutorial
utterances

Interested in giving your readers the ability to comment on your {distill} blog? Look no further than utteranc.es.

Distill it down

starting
tutorial

My experiences with building webpages and websites using some of the simpler R Studio tools.

Misc tricks when migrating from blogdown to distill

starting
blogdown
tutorial

Some small things I learned as I migrated my blog from blogdown to distill.

Building a blog with distill

starting
tutorial

I love simplicity.

More articles »

Tips & Tricks

Corrections

If you see mistakes or want to suggest changes, please create an issue on the source repository.

Reuse

Text and figures are licensed under Creative Commons Attribution CC BY-SA 4.0. Source code is available at https://github.com/jhelvy/distillery, unless otherwise noted. The figures that have been reused from other sources don't fall under this license and can be recognized by a note in their caption: "Figure from ...".