This is an H1 heading

This is an H2 heading

This is an H3 heading

This is an H4 heading

This is an H5 heading

This is an H6 heading

This is a paragraph.

These are some bold words.

These are some italic words.

These are some strikethrough words.

These are some links.

These are some links with a title.

Code

You can use inline code like this.

You can also use block code like this:

Typescript

1
const x = 1;

Python

1
print("Hello, World!")

JavaScript

1
console.log("Hello, World!");

JSON

1
2
3
4
{
  "name": "John",
  "age": 30
}

Diff

You can highlight changes in code using diff syntax:

1
2
3
- This line was removed
+ This line was added
  This line was unchanged

Diff with language highlighting

You can combine diff with language syntax highlighting:

1
2
3
- const greeting = "Hello";
+ const greeting = "Hello World";
  console.log(greeting);

Or alternatively:

1
2
3
4
5
6
- function oldFunction() {
-   return "This is the old implementation";
- }
+ function newFunction() {
+   return "This is the new implementation";
+ }

Diff with PHP (as requested)

1
2
3
- $variable = "Hello";
+ $variable = "Hello World";
  echo $variable;

Custom Components

Mermaid Diagrams

Mermaid diagrams can be added using the <Mermaid> component:

Basic Flowchart

Sequence Diagram

Pie Chart

Sequence Diagram with Notes

Git Graph