How to Put Colon(:) in Gatsby Frontmatter

Last updated on 31 Jul, 2021

As you can see in this post title, sometimes you also want to put a colon in Gatsby frontmatter. Since the Gatsby frontmatter is already separating the key and value using colon(:), adding an extra colon will create issue.

The solution is simple. Just wrap the value in double quotes.

Here is an example:

title: "How to Put Colon(:) in Gatsby Frontmatter"
--- ○ ---
Joby Joseph
Web Architect