Gatsby Tutorial #5 - Adding Code Syntax Highlighting to the Blog with PrismJS

preview_player
Показать описание
In this video, I add code syntax highlighting to the Gatsby blog.

0:00 Intro
0:28 Install the gatsby-remark-prismjs plugin
4:00 Configure the plugin settings
5:40 Import a PrismJS theme
7:09 Fix font issue

Clone the repository here:

Follow me on Medium:
  1. Circular Dep
  2. gatsby js
  3. gatsby
  4. javascript
  5. web development
  6. jamstack
Рекомендации по теме
Gatsby Tutorial #5 0:08:49

Gatsby Tutorial #5 - Adding Code Syntax Highlighting to the Blog with PrismJS

Gatsby #5: Adding 0:10:08

Gatsby #5: Adding Pages to a Gatsby Project

Up & Running 0:00:40

Up & Running with Gatsby #5: Adding Pages to a Gatsby Project

Gatsby Tutorial #5 0:07:00

Gatsby Tutorial #5 - Creating a Layout File

Build a Website 0:22:43

Build a Website With Gatsby Part 5: Adding Images With Gatsby Image

Linking Pages | 0:05:13

Linking Pages | Gatsby Static Site Generator | Tutorial 5

Gatsby Tutorial 5 0:18:47

Gatsby Tutorial 5 - Source Plugins

Gatsby AWS Amplify 0:03:18

Gatsby AWS Amplify Automated Code Pipeline Tutorials- #5 Set up Costom Domain

Gatsby Tutorial #3 0:05:55

Gatsby Tutorial #3 - Pages & Routes

Gatsby 5 Feature 0:02:37

Gatsby 5 Feature Showcase

Adding Content | 0:06:11

Adding Content | Gatsby - Static Site Generator | Tutorial 4

Upgrading to Gatsby 0:00:47

Upgrading to Gatsby 5 from v4

Gatsby site from 0:11:11

Gatsby site from scratch #5: Basics of importing images

100 Days of 0:58:16

100 Days of Gatsby [solution] Challenge 5: Create a Theme

Getting Started w/Gatsby 0:02:18

Getting Started w/Gatsby 5 in 3 min Sessions 1: The Bare Bones

Webinar | The 0:44:34

Webinar | The All New Gatsby 5

4. GatsbyJS Tutorial 0:02:20

4. GatsbyJS Tutorial - Add Font In Gatsby

Gatsby Tutorial #4 0:05:49

Gatsby Tutorial #4 - Navbar & Links

Gatsby #9: Adding 0:08:36

Gatsby #9: Adding Content to a Gatsby Project

Gatsby JS - 0:09:10

Gatsby JS - the ONLY WAY to generate pages 💯 (Gatsby JS v4)

🔥 ⚛️ Build 0:04:26

🔥 ⚛️ Build a Gatsby website in less than 5 mins!

HOW TO USE 0:00:22

HOW TO USE SEA SALT SPRAY #gatsby #seasaltspray #hairtutorial

Build Portfolio website 0:00:15

Build Portfolio website with Gatsby Js. Based on react js and super fast. Learn how to use plugins!

Gatsby Tutorial #6 0:27:33

Gatsby Tutorial #6 - Add Pagination to the Blog

visit shbcf.ru