Code

Inline and Highlighted Code Blocks

Updated over a week ago

It is easy to add code within a card. For inline code, surround it with a backtick,   ` . Like the following example:

For code blocks you can use three backticks  ```  on a new line to denote the start of a code block and three backticks after on a new line to denote the end of a code block. 

Code Block Syntax Highlighting

In the example above, you will notice the name of the language appends the first three back-ticks. By defining the language used, this allows Supernotes to highlight the syntax of the code block for you. Currently we support syntax highlighting for the following languages:

  • actionscript

  • ada

  • apache

  • applescript

  • arduino

  • bash

  • c

  • capnproto

  • clojure

  • coffeescript

  • cpp

  • crystal

  • csharp

  • csp

  • css

  • d

  • dart

  • diff

  • dockerfile

  • elixir

  • elm

  • erb

  • erlang

  • excel

  • fortran

  • fsharp

  • go

  • gradle

  • groovy

  • handlebars

  • haskell

  • haxe

  • http

  • ini

  • java

  • javascript

  • json

  • julia

  • kotlin

  • latex

  • less

  • lisp

  • lua

  • makefile

  • markdown

  • matlab

  • nginx

  • nim

  • nix

  • objectivec

  • ocaml

  • perl

  • pgsql

  • php

  • processing

  • profile

  • properties

  • protobuf

  • puppet

  • python

  • r

  • ruby

  • rust

  • scala

  • scheme

  • scss

  • shell

  • sql

  • swift

  • typescript

  • xml

  • yaml

Did this answer your question?