Markdown

Here are the markdowns for this website.

Headings

H2 should be the top-level heading for accessibility reason and only one H1 heading should be used per page - which in this case, the title of this page. See MDN for mode details.


  1
  ## H2

  2
  ### H3

  3
  #### H4

  4
  ##### H5

  5
  ###### H6

H2

H3

H4

H5
H6

Paragraph

Line breaks are automatically created by default for longer text.


  Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.

Lists


  1
  1. First

  2
  1. Second

  3
     1. Nested

  4
  1. Third
  1. First
  2. Second
    1. Nested
  3. Third

  1
  - First

  2
  - Second

  3
    - Nested

  4
  - Third
  • First
  • Second
    • Nested
  • Third

External link will open in new tab by default. nofollow, noopener and noreferrer are automatically added inside <a>. See MDN for more details.


  1
  - [Google (External link)](https://www.google.com)

  2
  - [Home (Internal link)](/)

Blockquote


  1
  > Blockquote

  2
   

  3
  > Multiple

  4
  > Blockquote

Blockquote

Multiple
Blockquote

Horizontal Rule


  ---

Inline Style


  1
  *Italic*

  2
  **Bold**

  3
  ~~Strike through~~

  4
  Inline `code-block` here

Italic
Bold
Strike through
Inline code-block here

Code-Block


  1
  ```javascript

  2
  console.log('Hello, World!');

  3
  ```


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

Title and highlights are supported. Add multiple highlights with , and range with -.


  1
  ```javascript title="Hello, World!" highlight="1,3-5,7"

  2
  import { hello } from './utils'

  3
   

  4
  function main() {

  5
    return hello('world');

  6
  }

  7
   

  8
  main();

  9
  ```
Hello, World!

  1
  import { hello } from './utils';

  2
   

  3
  function main() {

  4
    return hello('world');

  5
  }

  6
   

  7
  main();

Image


  ![alt text](https://image-url)

dog

Resize image by adding =WidthxHeight in end of image url. Or use short-hand =Widthx to resize with aspect ratio.


  ![alt text](https://image-url =350x)

dog

Captions are also supported by adding text with * after image url.


  1
  ![alt text](https://image-url =200x300)

  2
  *Caption*

dog
Caption

Containers

info and alert are supported for callout.


  1
  ::: info

  2
  Info

  3
  :::


  1
  ::: alert

  2
  Alert

  3
  :::

Use details for collapsible (accordion) content.


  1
  ::: details title="Show details"

  2
  Hi there :)

  3
  :::
Show details

Hi there :)

Embed Custom Block

Embed video content.


  @[video](/video.mp4)

YouTube


  @[youtube](https://www.youtube.com/watch?v=...)