customizing code snippets in markdown

Question

I want to achieve something like this,

This is a screenshot from some digital ocean tutorial.

I want some colored variables using markdown in code snippets AND that header in which the file name is appearing. Is it possible ? If yes, then how ?

like that "My First Node" is in red, and that whole text is in a code snippet. I want to know how to achieve this. — Luv33preet
– Luv33preet, Commented Jun 30, 2017 at 21:21

user8122577 · Accepted Answer · 2017-06-30 21:23:52Z

2

You can use tables containing inline code snippets.

In GitHub markdown:

| My Code                   |
|:-------------------------:|
| `int main() { return 0; }`|

Renders as:

I hope this answered your question!

EDIT: There is also syntax highlighting, like YAML. To do that, you add the language after the ticks like so:

```bash
$ echo "hello world"
```

That will render as:

Edit 2: Here is the link for the supported language highlighting keywords: https://github.com/github/linguist/blob/master/lib/linguist/languages.yml

answered Jun 30, 2017 at 21:23

user8122577

Sign up to request clarification or add additional context in comments.

3 Comments

Luv33preet Over a year ago

Thanks for your answer. I know about that ``` thing. But can I get custom colors by that table way?

user8122577 Over a year ago

It depends what flavor of markdown. On GitHub, I believe that you can use the table OR the syntax highlighting, not both.

user8122577 Over a year ago

This related comment might be of use to you: stackoverflow.com/a/36287428/8122577

Collectives™ on Stack Overflow

customizing code snippets in markdown

1 Answer 1

3 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related