How to Style a Json Block in Github Wiki?

How to Style a Json Block in Github Wiki?

Is there a way to nicely format/style JSON code in Github Wiki (i.e Markdown preferred)?

Something like this with few colors (or bold) and correct indentation:

2

4 Answers

Some color-syntaxing enrichment can be applied with the following blockcode syntax

json
Here goes your json object definition

Note: This won't prettify the json representation. To do so, one can previously rely on an external service such as jsbeautifier.org and paste the prettified result in the wiki.

0
javascript
{ "some": "json" }

I tried using json but didn't like the way it looked. javascript looks a bit more pleasing to my eye.

2

2019 Github Solution

yaml
{
   "this-json": "looks awesome..."
}

Result

If you want to have keys a different colour to the values, set your language as yaml

@Ankanna's answer gave me the idea of going through github's supported language list and yaml was my best find. (No other language had keys a different colour to values on github).

Also you can use comments in yaml with //

I encountered the same problem. So, I tried representing the JSON in different Language syntax formats.But all time favorites are Perl, js, python, & elixir.

This is how it looks.

The following screenshots are from the Gitlab in a markdown file. This may vary based on the colors using for syntax in MARKDOWN files.

Elena Rostova
Author

Elena Rostova

Elena Rostova holds a Master's degree in Public Health Journalism. She covers groundbreaking medical research, holistic wellness trends, mental health awareness, and nutritional science.