background
loading scroll to btns
Back To Home
notes
4 min readSeptember 25, 2024

💻 render-markdown.nvim

markdown
nvim

Call outs

This is a note

[!TIP] hello

[!NOTE] hello

[!WARNING] hello

[!IMPORTANT] hello

[!CAUTION] hello

[!ATTENTION] hello

[!ERROR] hello

[!QUESTION] hello

[!EXAMPLE] hello

[!Quote] hello

Tables

| Tables | Are | Cool | | ------------- | :-----------: | ----: | | col 3 is | right-aligned | $1600 | | col 2 is | centered | $12 | | zebra stripes | are neat | $1 |

Code blocks

const a = 1;

function add(a, b) {
  return a + b;
}

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

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

Code blocks with syntax highlighting

JavaScript

var add = function (a, b) {
  return a + b;
};

console.log(add(1, 2));

HTML

<!doctype html>
<html>
  <head>
    <title>Example</title>
  </head>
  <body>
    <h1>Hello, world!</h1>
  </body>
</html>

CSS

body {
  background-color: #f0f0f0;
}

h1 {
  color: red;
}

Java

public class HelloWorld {
  public static void main(String[] args) {
    System.out.println("Hello, world!");
  }
}

C++

#include <iostream>

int main() {
  std::cout << "Hello, world!" << std::endl;
  return 0;
}

Python

print("Hello, world!")

Ruby

puts "Hello, world!"

Go

package main

import "fmt"

func main() {
  fmt.Println("Hello, world!")
}

PHP

<?php
echo "Hello, world!";
?>

C

#include <stdio.h>

int main() {
  printf("Hello, world!");
  return 0;
}

Lists

  • Unordered list
  • Unordered list
    • Nested unordered list
  • Unordered list
  1. Ordered list
  2. Ordered list
    1. Nested ordered list
  3. Ordered list
  • [ ] Task list
  • [x] Completed task

Links

I'm an inline-style link

I'm an inline-style link with title

I'm a reference-style link

I'm a relative reference to a repository file

You can use numbers for reference-style link definitions

Or leave it empty and use the link text itself.

URLs and URLs in angle brackets will automatically get turned into links. http://www.example.com or <http://www.example.com> and sometimes example.com (but not on Github, for example).

Some text to show that the reference links can follow later.

Images

Here's our logo (hover to see the title text):

Inline-style: alt text

Reference-style: alt text

Inline HTML

Definition list
Is something people use sometimes.
Markdown in HTML
Does not work very well. Use HTML tags.

Line Breaks

Here's a line for us to start with.

This line is separated from the one above by two newlines, so it will be a separate paragraph.
This line is also a separate paragraph, but...
This line is only separated by a single newline, so it's a separate line in the same paragraph.

Here's a line for us to start with.
This line is separated from the one above by two newlines, so it will be a separate paragraph.
This line is also begins a separate paragraph, but...
This line is only separated by a single newline, so it's a separate line in the same paragraph.

Blockquotes

Blockquotes are very handy in email to emulate reply text. This line is part of the same quote.

Quote break

Comments