⬅︎ Back to Blog

Test Markdown

Level 5 Heading
Level 6 Heading

This is a regular paragraph with bold text, italic text, and bold italic text. You can also use strikethrough text.

Here's some inline code in a paragraph. You can also have multiple inline code snippets in the same line.

Code with backticks: const x = `template`

Code with symbols: () => {} and Array<string> and Map<K, V>

Regular link: Example Website

Link with title: Example with Title

Here's a link containing code: Promise.all

Another example: async/await is syntactic sugar for Promises.

Multiple code links: useState and useEffect are React hooks.

const greeting = 'Hello, World!';
console.log(greeting);

This is a code block without a language specified.
It should still be styled consistently.

npm install package-name
yarn add package-name

interface User {
  id: number;
  name: string;
  email: string;
}
 
const user: User = {
  id: 1,
  name: 'John Doe',
  email: 'john@example.com',
};
def greet(name: str) -> str:
    return f"Hello, {name}!"
 
print(greet("World"))
SELECT id, name, email
FROM users
WHERE created_at > '2024-01-01'
ORDER BY name ASC;

const first = 'highlighted';
const second = 'not highlighted';
const third = 'highlighted';
const fourth = 'highlighted';
const fifth = 'not highlighted';

import { useState } from 'react';
 
function Counter() {
  const [count, setCount] = useState(0);
  return <button onClick={() => setCount(count + 1)}>{count}</button>;
}

example.js
export const add = (a, b) => a + b;

export const add = (a, b) => a + b;
A simple addition function

  • First item
  • Second item
  • Third item with inline code
  • Fourth item with a link
  • Fifth item with code link

  1. First item
  2. Second item
  3. Third item with inline code
  4. Fourth item with a link
  5. Fifth item with code link

  • Parent item 1
    • Child item 1.1
    • Child item 1.2
      • Grandchild item 1.2.1
  • Parent item 2
    1. Numbered child 2.1
    2. Numbered child 2.2

  • Unchecked task
  • Checked task
  • Task with inline code
  • Completed task with link

This is a simple blockquote.

This is a blockquote with bold and italic text.

It can span multiple paragraphs.

Nested blockquote:

This is nested inside the outer blockquote.

Blockquote with inline code and a code link.

Header 1Header 2Header 3
Cell 1Cell 2Cell 3
Cell 4Cell 5Cell 6

FunctionDescriptionExample
map()Transform elements[1,2].map(x => x * 2)
filter()Filter elements[1,2,3].filter(x => x > 1)
reduce()Reduce to single value[1,2,3].reduce((a,b) => a+b)
PackageDocumentation
ReactOfficial Docs
TypeScripttsc CLI

Content above the rule.

Content below the rule.

Press Ctrl + C to copy.

Press Cmd + Shift + P to open command palette.

This is a note admonition.

This is a warning admonition.

This is a tip admonition with inline code.

Here's a paragraph that mixes everything: bold text with inline code, a regular link, and a code link. It also has italic text and strikethrough.

// This is a long code block to test horizontal scrolling
const veryLongVariableName = 'This is a very long string that might cause horizontal scrolling in the code block container';
 
function anotherFunctionWithALongName(parameterOne, parameterTwo, parameterThree, parameterFour) {
  return parameterOne + parameterTwo + parameterThree + parameterFour;
}

 

 

<div class="container">
  <p>&amp; &lt; &gt; &quot;</p>
</div>

Here's a sentence with a footnote1.

Another sentence with another footnote2.

Inline footnotes use Pandoc-style syntax3 which is more convenient for short notes.

You can also link to external sources4 directly in the footnote.

Multiple inline footnotes5 can appear6 in the same paragraph7.

Inline footnotes work well with technical content like explaining why Promise.all8 is preferred over sequential awaits.

This paragraph contains a-very-long-inline-code-snippet-that-might-cause-layout-issues-in-narrow-viewports which should handle gracefully.

code1 code2 code3 - three code snippets with spaces.

Starting with code and ending with more text.

Starting with text and ending with code

Only code in paragraph

The fetch API is modern.

The XMLHttpRequest API is older.

Both async and await keywords are essential.

  1. This is the first footnote. ↩

  2. This is the second footnote with inline code. ↩

  3. This is an inline footnote ↩

  4. https://developer.mozilla.org/en-US/docs/Web/JavaScript ↩

  5. First inline note ↩

  6. Second inline note ↩

  7. Third inline note ↩

  8. https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Promise/all ↩