Text can be bold, italic, or strikethrough.

Link to another page.

There should be whitespace between paragraphs.

There should be whitespace between paragraphs. We recommend including a README, or a file with information about your project.

Header 1

This is a normal paragraph following a header. GitHub is a code hosting platform for version control and collaboration. It lets you and others work together on projects from anywhere.

Header 2

This is a blockquote following a header.

When something is important enough, you do it even if the odds are not in your favor.

Header 3

// Javascript code with syntax highlighting.
var fun = function lang(l) {
  dateformat.i18n = require('./lang/' + l)
  return true;
}

# Ruby code with syntax highlighting
GitHubPages::Dependencies.gems.each do |gem, version|
  s.add_dependency(gem, "= #{version}")
end

Header 4 with code not transformed

• This is an unordered list following a header.
• This is an unordered list following a header.
• This is an unordered list following a header.

Header 5

1. This is an ordered list following a header.
2. This is an ordered list following a header.
3. This is an ordered list following a header.

Header 6

This is a very long link which wraps and therefore doesn’t overflow even when it comes at the beginning of the line.

• This is a very long link which wraps and therefore doesn’t overflow the line when used first in an item in a list.

There’s a horizontal rule below this.

Here is an unordered list:

• Item foo
• Item bar
• Item baz
• Item zip

And an ordered list:

1. Item one
2. Item two
3. Item three
4. Item four

And an ordered list, continued:

1. Item one
2. Item two

Some text

1. Item three
2. Item four

And an ordered list starting from 42:

1. Item 42
2. Item 43
3. Item 44

And a nested list:

• level 1 item
  • level 2 item
  • level 2 item
    • level 3 item
    • level 3 item
• level 1 item
  • level 2 item
  • level 2 item
  • level 2 item
• level 1 item
  • level 2 item
  • level 2 item
• level 1 item

Nesting an ol in ul in an ol

• level 1 item (ul)
  1. level 2 item (ol)
  2. level 2 item (ol)
     • level 3 item (ul)
     • level 3 item (ul)
• level 1 item (ul)
  1. level 2 item (ol)
  2. level 2 item (ol)
     • level 3 item (ul)
     • level 3 item (ul)
  3. level 4 item (ol)
  4. level 4 item (ol)
     • level 3 item (ul)
     • level 3 item (ul)
• level 1 item (ul)

And a task list

• Hello, this is a TODO item
• Hello, this is another TODO item
• Goodbye, this item is done

Nesting task lists

• level 1 item (task)
  • level 2 item (task)
  • level 2 item (task)
• level 1 item (task)
• level 1 item (task)

Nesting a ul in a task list

• level 1 item (task)
  • level 2 item (ul)
  • level 2 item (ul)
• level 1 item (task)
• level 1 item (task)

Nesting a task list in a ul

• level 1 item (ul)
  • level 2 item (task)
  • level 2 item (task)
• level 1 item (ul)
• level 1 item (ul)

Small image

Large image

“Wroclaw University Library digitizing rare archival texts” by j_cadmus is marked with CC BY 2.0.

Labels

I’m a label

blue

green

purple

yellow

red

bold

italic

bold + italic

Definition lists can be used with HTML syntax.

Name

Godzilla

Born

1952

Birthplace

Japan

Color

Green

Multiple description terms and values

Term

Brief description of Term

Longer Term

Longer description of Term, possibly more than one line

Term

First description of Term, possibly more than one line

Second description of Term, possibly more than one line

Term1

Term2

Single description of Term1 and Term2, possibly more than one line

Term1

Term2

First description of Term1 and Term2, possibly more than one line

Second description of Term1 and Term2, possibly more than one line

More code

const int buttonPin = 2;     // Broche où le bouton est connecté
const int ledPin = 13;       // Broche où la LED est connectée

int buttonState = 0;         // Variable pour lire l'état du bouton

void setup() {
  // Initialiser la broche LED comme une sortie
  pinMode(ledPin, OUTPUT);
  // Initialiser la broche du bouton comme une entrée
  pinMode(buttonPin, INPUT);
}

void loop() {
  // Lire l'état du bouton
  buttonState = digitalRead(buttonPin);

  // Vérifier si le bouton est appuyé
  if (buttonState == HIGH) {
    // Allumer la LED
    digitalWrite(ledPin, HIGH);
  } else {
    // Éteindre la LED
    digitalWrite(ledPin, LOW);
  }
}

Long, single-line code blocks should not wrap. They should horizontally scroll if they are too long. This line should be long enough to demonstrate this.

Mermaid Diagrams

The following code is displayed as a diagram only when a mermaid key supplied in _config.yml.

graph TD;
    A-->B;
    A-->C;
    B-->D;
    C-->D;

Collapsed Section

The following uses the <details> tag to create a collapsed section.