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?