Add Prism Highlighting to a Gatsby Blog Theme site

Laurie Barth: [0:01] To set up code snippets in your site, first add one. In this case, it uses the JavaScript language, and we're going to add a code snippet that sets a new constant called variable with some string value.

[0:19] Go to your gatsby-config file and edit your setup for your gatsby-theme-blog plugin. Add the option prismPreset and set whichever theme UI preset you'd like to use for prism, in this case prism-okaidia.

[0:38] Run gatsby develop and navigate to your blog post. Once there, you can see your code snippet with prism highlighting.