Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

I cannot add CSS classes to non frontmatter images

See original GitHub issue

I have a lot of markdown files,“taken form a Jekyll Blog”, that have variables on links and images that Gatsby does not recognize, similar to below ![image](./image.jpg){.some-class} [Link](https://linktosomething.com){:"rel="noreferrer"}

Most all of them do not have the same classes or link variables, which are scattered through lots of pages, and posts, and are not in front matter.

I was hoping for a simple conversion for my posts to Gatsby

This issue was raised in #3882, but it was never addressed.

Several days of extensive searching and nothing on a answer,

Using Gatsby 2.1 with.

"gatsby-remark-images": "^3.0.5",
"gatsby-remark-relative-images": "^0.2.1",
"gatsby-source-filesystem": "^2.0.23",
"gatsby-transformer-remark": "^2.3.0",

which should address the markdown variables in my pages.

repo

Page Example

Issue Analytics

State:
Created 5 years ago
Reactions:1
Comments:7 (2 by maintainers)

Top GitHub Comments

1reaction

gatsbot[bot]commented, Apr 8, 2019

Hey again!

It’s been 30 days since anything happened on this issue, so our friendly neighborhood robot (that’s me!) is going to close it.

Please keep in mind that I’m only a robot, so if I’ve closed this issue in error, I’m HUMAN_EMOTION_SORRY. Please feel free to reopen this issue or create a new one if you need anything else.

Thanks again for being part of the Gatsby community!

1reaction

donaldboultoncommented, Mar 28, 2019

Markdown has many different variables that are different from kramdown to marked to others. Kramdown is built in Ruby or I would have already made a plugin to have full markdown processing, but with Ruby I get kind of lost and do not want to take the time to convert. I Gatsby claims you can use markdown then what kind of Markdown needs to specified. As it stands Gatsby’s ability to use Markdown in Front Matter or in the .md page is very limited and it should be expanded to something like kramdown processing of Markdown if Gatsby’s claims of markdown usage can be believed. So how would you add styling or any variables to images or links in Gatsby non frontmatter .md pages??? Got me, and no info on how. = Very limited compared to any other CMS or web platform that uses Markdown

Top Results From Across the Web

Can I use liquid tags in css to have jekyll use a different ...

I have Jekyll/Liquid recognizing the CSS by adding an empty front matter section to style.css, but I cannot get the following line to...

Styles & CSS - Astro Documentation

Learn how to style components in Astro with scoped styles, external CSS, and tooling like Sass and PostCSS.

PDF Export is ignoring YAML CSS class - Obsidian Forum

The issue is that export to PDF seems to be ignoring the cssclass: directive in the frontmatter.

CSS Styling - Juggl

Any class in the cssclass property in your YAML frontmatter is also available on that node. .dangling : Targets dangling nodes (nodes that...

HTML Options - Quarto

Produce a standalone HTML file with no external dependencies, using data: URIs to incorporate the contents of linked scripts, stylesheets, images, and videos....