Skip to main content

Basic Markdown Syntax

Introducing the basic Markdown syntax supported by FlexiMark.

Overview

FlexiMark supports GitHub Flavored Markdown (GFM), an extended specification based on the standard CommonMark. GFM is the foundation for the Markdown used on GitHub.com and GitHub Enterprise.

info

FlexiMark uses remark-gfm for parsing GFM-related Markdown. For more detailed implementation information, please refer to the README.md of remark-gfm.

CommonMark

Emphasis

*Italics*

_Italics_

**Bold**

__Bold__

tip

If you want to use asterisks or underscores without making text bold or italic, add a backslash before them.

  • \*
  • \_

Paragraphs

Separate paragraphs with one or more blank lines. To insert a line break within a paragraph, use a backslash \ or two or more spaces .

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla vel pellentesque justo. Praesent non felis semper, porta ipsum eget, eleifend eros.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla vel pellentesque justo. Praesent non felis semper, porta ipsum eget, eleifend eros.

Lorem ipsum dolor sit amet, consectetur adipiscing elit.\
Nulla vel pellentesque justo. Praesent non felis semper, porta ipsum eget, eleifend eros.

Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Nulla vel pellentesque justo. Praesent non felis semper, porta ipsum eget, eleifend eros.

tip

Line breaks without a backslash \ or two or more spaces are ignored.

Headings

Start a line with a hash (#) followed by a space to create a heading. The more hashes you use, the smaller the heading.

# Heading 1

Heading 1
=========

## Heading 2

Heading 2
---------

### Heading 3

#### Heading 4

##### Heading 5

###### Heading 6

tip

You can optionally add more # symbols at the end of the heading. The number does not need to match the beginning.

# Heading 1 #
or
# Heading 1 ##############

Blockquotes

To create a blockquote, start a line with a greater-than symbol (>) followed by a space (space is optional). Blockquotes can be nested and can include other formatting.

> First Line
>
> Another Line
>
> > Nested **Line**
>
> Last Line

Lists

For unordered lists, use an asterisk (*), plus (+), or hyphen (-) as the list marker.
For ordered lists, use numbers followed by a period (.) or closing parenthesis ()).

- List item
- List item
- List item

* List item
* List item
* List item

+ List item
+ List item
+ List item

1. First
2. Second
3. Third

1) First
2) Second
3) Third

tip

For ordered lists, you don't need to increment the numbers.

1. First
1. Second
1. Third

Nested Lists

To nest a list within another, indent each subitem by 2 or 4 spaces. You can also nest paragraphs, blockquotes, and code blocks.

* Item
1. First Subitem
2. Second Subitem
* Item
- Subitem
- Subitem

* Item
1. First Subitem
2. Second Subitem
* Item
- Subitem
- Subitem

Links can be embedded directly in text or placed as references at the end. Use square brackets [] for the link text, and parentheses () for the URL in inline links.

[My Page](https://kashiwade.works/)

[My Page][id]

[id]: https://kashiwade.works/ "title"

tip

You can write relative links like below:

[Example](/aaa/example.html)
[Example](../bbb/example.md)

If the link contains spaces, wrap it in < >.

[Example](<../bbb/this is an example.md>)

Images

With VSCode, you can insert images in the following ways:

  • If an image is on the clipboard, paste it into the editor with Ctrl+V
  • Drag and drop the image into the editor while holding Shift
![](<attachments/Markdown Syntax/logo.webp>)

Code

To create inline code, wrap the text in backticks (`).
To create a code block, indent each line with 4 spaces or wrap the block with three backticks (```).

Inline `code`

indent 4 spaces

```
Or use 3 backticks
```

GFM

URLs in the text automatically become links.

https://kashiwade.works

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla vel pellentesque justo. Praesent non felis semper, porta ipsum eget, eleifend eros. Maecenas https://kashiwade.works gravida nibh, a rhoncus eros. Nunc ac ante egestas, volutpat ante et, scelerisque quam. Maecenas a tortor odio. Nullam gravida vel sapien sed dignissim. Aenean ex magna, lacinia et metus sed, porta gravida dui. Nunc eget ligula eu magna accumsan rhoncus. Aliquam at pulvinar mauris. In tempor interdum tempor. Nam sit amet dui ex.

Footnotes

You can add footnotes.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla vel pellentesque justo. Praesent non felis semper, porta ipsum eget, eleifend eros[^alpha]. Maecenas id gravida nibh, a rhoncus eros.

[^alpha]: bravo and charlie.

Strikethrough

You can add strikethrough text.

~strikethrough~

Tables

You can create tables. Complex cell merging is not supported.

| left | center | right |
| :--- | :----: | ----: |
| AAA | BBB | CCC |
| DDD | EEE | FFF |

Checklists

You can create TODO lists.

- [ ] task 1
- [x] task 2
- [X] task 3