​Code Blocks

Dev Portal supports code blocks in Markdown using the Prism.js syntax highlighting library.

​Syntax Highlighting

Code blocks are text blocks wrapped around by strings of 3 backticks. You may check out this reference for the specifications of MDX.

```js
console.log("Every repo must come with a mascot.");
```

The code block above will render as:

console.log("Every repo must come with a mascot.");

You can add a title to code blocks by adding a title attribute after the backticks:

```tsx title="hello.tsx"
console.log("Hello, World!");
```

console.log("Hello, World!");

​Supported Languages

Currently, Dev Portal supports the following languages for syntax highlighting:

• Markup - markup, html, xml, svg, mathml, ssml, atom, rss
• Ruby - ruby, rb
• Bash - bash, sh, shell
• JSON - json, webmanifest
• Java - java
• C# - csharp, cs, dotnet
• Objective-C - objectivec, objc
• Markdown - markdown, md
• JavaScript - javascript, js, jsx
• TypeScript - typescript, ts, tsx