debian-mirror-gitlab/doc/user/markdown.md

1480 lines
48 KiB
Markdown
Raw Normal View History

2020-06-23 00:09:42 +05:30
---
stage: Plan
group: Project Management
info: To determine the technical writer assigned to the Stage/Group associated with this page, see https://about.gitlab.com/handbook/engineering/ux/technical-writing/#designated-technical-writers
---
2019-02-15 15:39:39 +05:30
# GitLab Markdown
2016-09-13 17:45:13 +05:30
2020-01-01 13:55:28 +05:30
This Markdown guide is **valid only for GitLab's internal Markdown rendering system for entries and files**.
2019-09-30 21:07:59 +05:30
It is **not** valid for the [GitLab documentation website](https://docs.gitlab.com)
or [GitLab's main website](https://about.gitlab.com), as they both use
2020-01-01 13:55:28 +05:30
[Kramdown](https://kramdown.gettalong.org) as their Markdown engine. The documentation
2019-09-30 21:07:59 +05:30
website uses an extended Kramdown gem, [GitLab Kramdown](https://gitlab.com/gitlab-org/gitlab_kramdown).
2020-06-23 00:09:42 +05:30
Consult the [GitLab Kramdown Guide](https://about.gitlab.com/handbook/markdown-guide/)
2019-09-30 21:07:59 +05:30
for a complete Kramdown reference.
2019-12-04 20:38:33 +05:30
NOTE: **Note:** We encourage you to view this document as [rendered by GitLab itself](https://gitlab.com/gitlab-org/gitlab/blob/master/doc/user/markdown.md).
2018-11-08 19:23:39 +05:30
2018-12-13 13:39:08 +05:30
## GitLab Flavored Markdown (GFM)
2016-09-13 17:45:13 +05:30
2019-09-30 21:07:59 +05:30
GitLab uses "GitLab Flavored Markdown" (GFM). It extends the [CommonMark specification](https://spec.commonmark.org/current/)
(which is based on standard Markdown) in several ways to add additional useful functionality.
2020-04-22 19:07:51 +05:30
It was inspired by [GitHub Flavored Markdown](https://help.github.com/en/github/writing-on-github/basic-writing-and-formatting-syntax).
2016-09-13 17:45:13 +05:30
You can use GFM in the following areas:
2019-02-15 15:39:39 +05:30
- Comments
- Issues
- Merge requests
- Milestones
- Snippets (the snippet must be named with a `.md` extension)
- Wiki pages
- Markdown documents inside repositories
2019-09-30 21:07:59 +05:30
- Epics **(ULTIMATE)**
You can also use other rich text files in GitLab. You might have to install a dependency
to do so. Please see the [`gitlab-markup` gem project](https://gitlab.com/gitlab-org/gitlab-markup)
for more information.
### Transition from Redcarpet to CommonMark
2016-09-13 17:45:13 +05:30
2019-09-30 21:07:59 +05:30
Since 11.1, GitLab uses the [CommonMark Ruby Library](https://github.com/gjtorikian/commonmarker)
for Markdown processing of all new issues, merge requests, comments, and other Markdown
content in the GitLab system. Since 11.3, wiki pages and Markdown files (`*.md`) in
repositories are also processed with CommonMark. As of 11.8, the [Redcarpet Ruby library](https://github.com/vmg/redcarpet)
has been removed and all issues and comments, including those from pre-11.1, are now processed
using the [CommonMark Ruby Library](https://github.com/gjtorikian/commonmarker).
2018-11-20 20:47:30 +05:30
2020-03-13 15:44:24 +05:30
The documentation website had its [Markdown engine migrated from Redcarpet to Kramdown](https://gitlab.com/gitlab-org/gitlab-docs/-/merge_requests/108)
2019-09-30 21:07:59 +05:30
in October 2018.
You may have older issues, merge requests, or Markdown documents in your
repository that were written using some of the nuances of GitLab's RedCarpet version
2020-04-22 19:07:51 +05:30
of Markdown. Since CommonMark uses slightly stricter syntax, these documents
might now appear a little differently since we have transitioned to CommonMark.
2018-11-20 20:47:30 +05:30
2020-04-22 19:07:51 +05:30
It's usually quite easy to fix. For example, numbered lists with nested lists may
2019-09-30 21:07:59 +05:30
render incorrectly:
2018-11-20 20:47:30 +05:30
```markdown
1. Chocolate
- dark
- milk
```
2019-09-30 21:07:59 +05:30
Simply add a space to each nested item to align the `-` with the first character of
the top list item (`C` in this case):
2018-11-20 20:47:30 +05:30
```markdown
1. Chocolate
- dark
- milk
```
2019-09-30 21:07:59 +05:30
1. Chocolate
- dark
- milk
NOTE: **Note:** We will flag any significant differences between Redcarpet and CommonMark
2020-01-01 13:55:28 +05:30
Markdown in this document.
2018-11-20 20:47:30 +05:30
2018-12-13 13:39:08 +05:30
If you have a large volume of Markdown files, it can be tedious to determine
2019-09-30 21:07:59 +05:30
if they will display correctly or not. You can use the
2018-12-13 13:39:08 +05:30
[diff_redcarpet_cmark](https://gitlab.com/digitalmoksha/diff_redcarpet_cmark)
2020-06-23 00:09:42 +05:30
tool (not an officially supported product) to generate a list of files and the
2018-12-13 13:39:08 +05:30
differences between how RedCarpet and CommonMark render the files. It can give
2019-09-30 21:07:59 +05:30
an indication if anything needs to be changed - often nothing will need
to change.
2020-01-01 13:55:28 +05:30
### GFM extends standard Markdown
2019-09-30 21:07:59 +05:30
GitLab makes full use of the standard (CommonMark) formatting, but also includes additional
functionality useful for GitLab users.
2020-01-01 13:55:28 +05:30
It makes use of [new Markdown features](#new-GFM-markdown-extensions),
not found in standard Markdown:
2019-09-30 21:07:59 +05:30
- [Color "chips" written in HEX, RGB or HSL](#colors)
2020-01-01 13:55:28 +05:30
- [Diagrams and flowcharts](#diagrams-and-flowcharts)
2019-09-30 21:07:59 +05:30
- [Emoji](#emoji)
- [Front matter](#front-matter)
- [Inline diffs](#inline-diff)
- [Math equations and symbols written in LaTeX](#math)
- [Special GitLab references](#special-gitlab-references)
- [Task Lists](#task-lists)
2020-03-13 15:44:24 +05:30
- [Table of Contents](#table-of-contents)
2020-01-01 13:55:28 +05:30
- [Wiki specific Markdown](#wiki-specific-markdown)
2019-09-30 21:07:59 +05:30
2020-01-01 13:55:28 +05:30
It also has [extended Markdown features](#standard-markdown-and-extensions-in-gitlab), without
changing how standard Markdown is used:
2019-09-30 21:07:59 +05:30
2020-01-01 13:55:28 +05:30
| Standard Markdown | Extended Markdown in GitLab |
2019-09-30 21:07:59 +05:30
| ------------------------------------- | ------------------------- |
2020-05-24 23:13:21 +05:30
| [blockquotes](#blockquotes) | [multi-line blockquotes](#multiline-blockquote) |
2019-09-30 21:07:59 +05:30
| [code blocks](#code-spans-and-blocks) | [colored code and syntax highlighting](#colored-code-and-syntax-highlighting) |
| [emphasis](#emphasis) | [multiple underscores in words](#multiple-underscores-in-words-and-mid-word-emphasis)
| [headers](#headers) | [linkable Header IDs](#header-ids-and-links) |
2019-12-21 20:55:43 +05:30
| [images](#images) | [embedded videos](#videos) and [audio](#audio) |
2020-04-22 19:07:51 +05:30
| [line breaks](#line-breaks) | [more line break control](#newlines) |
2019-09-30 21:07:59 +05:30
| [links](#links) | [automatically linking URLs](#url-auto-linking) |
2020-01-01 13:55:28 +05:30
## New GFM Markdown extensions
2018-11-20 20:47:30 +05:30
2019-09-30 21:07:59 +05:30
### Colors
2016-09-13 17:45:13 +05:30
2019-12-04 20:38:33 +05:30
> If this is not rendered correctly, [view it in GitLab itself](https://gitlab.com/gitlab-org/gitlab/blob/master/doc/user/markdown.md#colors).
2016-09-13 17:45:13 +05:30
2020-04-22 19:07:51 +05:30
It's possible to have color written in HEX, RGB, or HSL format rendered with a color
2019-09-30 21:07:59 +05:30
indicator.
2016-09-13 17:45:13 +05:30
2019-09-30 21:07:59 +05:30
Supported formats (named colors are not supported):
2016-09-13 17:45:13 +05:30
2019-09-30 21:07:59 +05:30
- HEX: `` `#RGB[A]` `` or `` `#RRGGBB[AA]` ``
- RGB: `` `RGB[A](R, G, B[, A])` ``
- HSL: `` `HSL[A](H, S, L[, A])` ``
2016-09-13 17:45:13 +05:30
2019-09-30 21:07:59 +05:30
Color written inside backticks will be followed by a color "chip":
2016-09-13 17:45:13 +05:30
2019-09-30 21:07:59 +05:30
```markdown
2020-04-08 14:13:33 +05:30
- `#F00`
- `#F00A`
- `#FF0000`
- `#FF0000AA`
- `RGB(0,255,0)`
- `RGB(0%,100%,0%)`
- `RGBA(0,255,0,0.3)`
- `HSL(540,70%,50%)`
- `HSLA(540,70%,50%,0.3)`
```
- `#F00`
- `#F00A`
- `#FF0000`
- `#FF0000AA`
- `RGB(0,255,0)`
- `RGB(0%,100%,0%)`
- `RGBA(0,255,0,0.3)`
- `HSL(540,70%,50%)`
- `HSLA(540,70%,50%,0.3)`
2016-09-13 17:45:13 +05:30
2020-01-01 13:55:28 +05:30
### Diagrams and flowcharts
2020-04-22 19:07:51 +05:30
It's possible to generate diagrams and flowcharts from text in GitLab using [Mermaid](https://mermaidjs.github.io/) or [PlantUML](https://plantuml.com).
2020-01-01 13:55:28 +05:30
#### Mermaid
2016-09-13 17:45:13 +05:30
2020-04-22 19:07:51 +05:30
> [Introduced](https://gitlab.com/gitlab-org/gitlab-foss/-/merge_requests/15107) in GitLab 10.3.
2016-09-13 17:45:13 +05:30
2020-04-22 19:07:51 +05:30
Visit the [official page](https://mermaidjs.github.io/) for more details. If you're new to using Mermaid or need help identifying issues in your Mermaid code, the [Mermaid Live Editor](https://mermaid-js.github.io/mermaid-live-editor/) is a helpful tool for creating and resolving issues within Mermaid diagrams.
2016-09-13 17:45:13 +05:30
2019-09-30 21:07:59 +05:30
In order to generate a diagram or flowchart, you should write your text inside the `mermaid` block:
2016-09-13 17:45:13 +05:30
2020-04-08 14:13:33 +05:30
````markdown
2019-09-30 21:07:59 +05:30
```mermaid
graph TD;
A-->B;
A-->C;
B-->D;
C-->D;
```
2020-04-08 14:13:33 +05:30
````
2016-09-13 17:45:13 +05:30
2019-09-30 21:07:59 +05:30
```mermaid
graph TD;
A-->B;
A-->C;
B-->D;
C-->D;
```
2016-09-13 17:45:13 +05:30
2019-09-30 21:07:59 +05:30
Subgraphs can also be included:
2016-09-13 17:45:13 +05:30
2020-04-08 14:13:33 +05:30
````markdown
2019-09-30 21:07:59 +05:30
```mermaid
graph TB
SubGraph1 --> SubGraph1Flow
subgraph "SubGraph 1 Flow"
SubGraph1Flow(SubNode 1)
SubGraph1Flow -- Choice1 --> DoChoice1
SubGraph1Flow -- Choice2 --> DoChoice2
end
subgraph "Main Graph"
Node1[Node 1] --> Node2[Node 2]
Node2 --> SubGraph1[Jump to SubGraph1]
SubGraph1 --> FinalThing[Final Thing]
end
```
2020-04-08 14:13:33 +05:30
````
2019-09-30 21:07:59 +05:30
```mermaid
graph TB
SubGraph1 --> SubGraph1Flow
subgraph "SubGraph 1 Flow"
SubGraph1Flow(SubNode 1)
SubGraph1Flow -- Choice1 --> DoChoice1
SubGraph1Flow -- Choice2 --> DoChoice2
end
subgraph "Main Graph"
Node1[Node 1] --> Node2[Node 2]
Node2 --> SubGraph1[Jump to SubGraph1]
SubGraph1 --> FinalThing[Final Thing]
end
```
2020-01-01 13:55:28 +05:30
#### PlantUML
To make PlantUML available in GitLab, a GitLab administrator needs to enable it first. Read more in [PlantUML & GitLab](../administration/integration/plantuml.md).
2019-09-30 21:07:59 +05:30
### Emoji
2016-09-13 17:45:13 +05:30
2019-12-04 20:38:33 +05:30
> If this is not rendered correctly, [view it in GitLab itself](https://gitlab.com/gitlab-org/gitlab/blob/master/doc/user/markdown.md#emoji).
2016-09-13 17:45:13 +05:30
2020-05-24 23:13:21 +05:30
```markdown
2019-09-30 21:07:59 +05:30
Sometimes you want to :monkey: around a bit and add some :star2: to your :speech_balloon:. Well we have a gift for you:
2016-09-13 17:45:13 +05:30
2019-09-30 21:07:59 +05:30
:zap: You can use emoji anywhere GFM is supported. :v:
2016-09-13 17:45:13 +05:30
2019-09-30 21:07:59 +05:30
You can use it to point out a :bug: or warn about :speak_no_evil: patches. And if someone improves your really :snail: code, send them some :birthday:. People will :heart: you for that.
2016-09-13 17:45:13 +05:30
2020-04-22 19:07:51 +05:30
If you're new to this, don't be :fearful:. You can easily join the emoji :family:. All you need to do is to look up one of the supported codes.
2016-09-13 17:45:13 +05:30
2019-09-30 21:07:59 +05:30
Consult the [Emoji Cheat Sheet](https://www.emojicopy.com) for a list of all supported emoji codes. :thumbsup:
2018-12-13 13:39:08 +05:30
```
2016-09-13 17:45:13 +05:30
2019-12-04 20:38:33 +05:30
Sometimes you want to <img src="https://gitlab.com/gitlab-org/gitlab-foss/raw/master/app/assets/images/emoji/monkey.png" width="20px" height="20px" style="display:inline;margin:0"> around a bit and add some <img src="https://gitlab.com/gitlab-org/gitlab-foss/raw/master/app/assets/images/emoji/star2.png" width="20px" height="20px" style="display:inline;margin:0"> to your <img src="https://gitlab.com/gitlab-org/gitlab-foss/raw/master/app/assets/images/emoji/speech_balloon.png" width="20px" height="20px" style="display:inline;margin:0">. Well we have a gift for you:
2016-09-13 17:45:13 +05:30
2019-12-04 20:38:33 +05:30
<img src="https://gitlab.com/gitlab-org/gitlab-foss/raw/master/app/assets/images/emoji/zap.png" width="20px" height="20px" style="display:inline;margin:0">You can use emoji anywhere GFM is supported. <img src="https://gitlab.com/gitlab-org/gitlab-foss/raw/master/app/assets/images/emoji/v.png" width="20px" height="20px" style="display:inline;margin:0">
2016-09-13 17:45:13 +05:30
2019-12-04 20:38:33 +05:30
You can use it to point out a <img src="https://gitlab.com/gitlab-org/gitlab-foss/raw/master/app/assets/images/emoji/bug.png" width="20px" height="20px" style="display:inline;margin:0"> or warn about <img src="https://gitlab.com/gitlab-org/gitlab-foss/raw/master/app/assets/images/emoji/speak_no_evil.png" width="20px" height="20px" style="display:inline;margin:0"> patches. And if someone improves your really <img src="https://gitlab.com/gitlab-org/gitlab-foss/raw/master/app/assets/images/emoji/snail.png" width="20px" height="20px" style="display:inline;margin:0"> code, send them some <img src="https://gitlab.com/gitlab-org/gitlab-foss/raw/master/app/assets/images/emoji/birthday.png" width="20px" height="20px" style="display:inline;margin:0">. People will <img src="https://gitlab.com/gitlab-org/gitlab-foss/raw/master/app/assets/images/emoji/heart.png" width="20px" height="20px" style="display:inline;margin:0"> you for that.
2016-09-13 17:45:13 +05:30
2020-04-22 19:07:51 +05:30
If you're new to this, don't be <img src="https://gitlab.com/gitlab-org/gitlab-foss/raw/master/app/assets/images/emoji/fearful.png" width="20px" height="20px" style="display:inline;margin:0">. You can easily join the emoji <img src="https://gitlab.com/gitlab-org/gitlab-foss/raw/master/app/assets/images/emoji/family.png" width="20px" height="20px" style="display:inline;margin:0">. All you need to do is to look up one of the supported codes.
2016-09-13 17:45:13 +05:30
2019-12-04 20:38:33 +05:30
Consult the [Emoji Cheat Sheet](https://www.webfx.com/tools/emoji-cheat-sheet/) for a list of all supported emoji codes. <img src="https://gitlab.com/gitlab-org/gitlab-foss/raw/master/app/assets/images/emoji/thumbsup.png" width="20px" height="20px" style="display:inline;margin:0">
2016-09-13 17:45:13 +05:30
2019-09-30 21:07:59 +05:30
> **Note:** The emoji example above uses hard-coded images for this documentation. The emoji,
when rendered within GitLab, may appear different depending on the OS and browser used.
2016-09-13 17:45:13 +05:30
2020-06-23 00:09:42 +05:30
Most emoji are natively supported on macOS, Windows, iOS, Android, and will fall back on image-based emoji where there is no support.
2016-09-13 17:45:13 +05:30
2019-09-30 21:07:59 +05:30
NOTE: **Note:** On Linux, you can download [Noto Color Emoji](https://www.google.com/get/noto/help/emoji/)
2020-04-22 19:07:51 +05:30
to get full native emoji support. Ubuntu 18.04 (like many modern Linux distributions) has
2019-09-30 21:07:59 +05:30
this font installed by default.
2016-09-13 17:45:13 +05:30
2019-09-30 21:07:59 +05:30
### Front matter
2016-09-13 17:45:13 +05:30
2020-03-13 15:44:24 +05:30
> [Introduced](https://gitlab.com/gitlab-org/gitlab-foss/-/merge_requests/23331) in GitLab 11.6.
2016-09-13 17:45:13 +05:30
2020-01-01 13:55:28 +05:30
Front matter is metadata included at the beginning of a Markdown document, preceding
2019-09-30 21:07:59 +05:30
its content. This data can be used by static site generators such as [Jekyll](https://jekyllrb.com/docs/front-matter/),
[Hugo](https://gohugo.io/content-management/front-matter/), and many other applications.
2016-09-13 17:45:13 +05:30
2019-09-30 21:07:59 +05:30
When you view a Markdown file rendered by GitLab, any front matter is displayed as-is,
in a box at the top of the document, before the rendered HTML content. To view an example,
2019-12-04 20:38:33 +05:30
you can toggle between the source and rendered version of a [GitLab documentation file](https://gitlab.com/gitlab-org/gitlab/blob/master/doc/README.md).
2016-09-13 17:45:13 +05:30
2019-09-30 21:07:59 +05:30
In GitLab, front matter is only used in Markdown files and wiki pages, not the other
2020-06-23 00:09:42 +05:30
places where Markdown formatting is supported. It must be at the very top of the document
2019-09-30 21:07:59 +05:30
and must be between delimiters, as explained below.
2016-09-13 17:45:13 +05:30
2020-03-13 15:44:24 +05:30
The following delimiters are supported:
2016-09-13 17:45:13 +05:30
2019-09-30 21:07:59 +05:30
- YAML (`---`):
2016-09-13 17:45:13 +05:30
2020-04-08 14:13:33 +05:30
```yaml
2019-09-30 21:07:59 +05:30
---
title: About Front Matter
example:
language: yaml
---
2020-04-08 14:13:33 +05:30
```
2016-09-13 17:45:13 +05:30
2019-09-30 21:07:59 +05:30
- TOML (`+++`):
2016-09-13 17:45:13 +05:30
2020-04-08 14:13:33 +05:30
```toml
2019-09-30 21:07:59 +05:30
+++
title = "About Front Matter"
[example]
language = "toml"
+++
2020-04-08 14:13:33 +05:30
```
2016-09-13 17:45:13 +05:30
2019-09-30 21:07:59 +05:30
- JSON (`;;;`):
2016-09-13 17:45:13 +05:30
2020-04-08 14:13:33 +05:30
```json
2019-09-30 21:07:59 +05:30
;;;
{
"title": "About Front Matter"
"example": {
"language": "json"
}
}
;;;
2020-04-08 14:13:33 +05:30
```
2016-09-13 17:45:13 +05:30
2019-09-30 21:07:59 +05:30
Other languages are supported by adding a specifier to any of the existing
delimiters. For example:
```php
---php
$title = "About Front Matter";
$example = array(
'language' => "php",
);
---
2016-09-13 17:45:13 +05:30
```
2019-02-15 15:39:39 +05:30
### Inline diff
2016-09-13 17:45:13 +05:30
2019-12-04 20:38:33 +05:30
> If this is not rendered correctly, [view it in GitLab itself](https://gitlab.com/gitlab-org/gitlab/blob/master/doc/user/markdown.md#inline-diff).
2016-09-13 17:45:13 +05:30
2019-09-30 21:07:59 +05:30
With inline diff tags you can display `{+ additions +}` or `[- deletions -]`.
2016-09-13 17:45:13 +05:30
2019-09-30 21:07:59 +05:30
The wrapping tags can be either curly braces or square brackets:
2016-09-13 17:45:13 +05:30
2019-09-30 21:07:59 +05:30
```markdown
- {+ addition 1 +}
- [+ addition 2 +]
- {- deletion 3 -}
- [- deletion 4 -]
2018-03-17 18:26:18 +05:30
```
2019-09-30 21:07:59 +05:30
- {+ addition 1 +}
- [+ addition 2 +]
- {- deletion 3 -}
- [- deletion 4 -]
2019-09-04 21:01:54 +05:30
2019-09-30 21:07:59 +05:30
---
2019-09-04 21:01:54 +05:30
2020-04-22 19:07:51 +05:30
However, the wrapping tags can't be mixed:
2016-09-13 17:45:13 +05:30
2019-09-30 21:07:59 +05:30
```markdown
- {+ addition +]
- [+ addition +}
- {- deletion -]
- [- deletion -}
2018-03-17 18:26:18 +05:30
```
2016-09-13 17:45:13 +05:30
2020-05-24 23:13:21 +05:30
If your diff includes words in `` `code` `` font, make sure to escape each backtick `` ` `` with a
2020-04-22 19:07:51 +05:30
backslash `\`, otherwise the diff highlight won't render correctly:
```markdown
- {+ Just regular text +}
- {+ Text with `backticks` inside +}
- {+ Text with escaped \`backticks\` inside +}
```
- {+ Just regular text +}
- {+ Text with `backticks` inside +}
- {+ Text with escaped \`backticks\` inside +}
2019-09-30 21:07:59 +05:30
### Math
2016-09-13 17:45:13 +05:30
2019-12-04 20:38:33 +05:30
> If this is not rendered correctly, [view it in GitLab itself](https://gitlab.com/gitlab-org/gitlab/blob/master/doc/user/markdown.md#math).
2016-09-13 17:45:13 +05:30
2020-04-22 19:07:51 +05:30
It's possible to have math written with LaTeX syntax rendered using [KaTeX](https://github.com/KaTeX/KaTeX).
2016-09-13 17:45:13 +05:30
2019-09-30 21:07:59 +05:30
Math written between dollar signs `$` will be rendered inline with the text. Math written
inside a [code block](#code-spans-and-blocks) with the language declared as `math`, will be rendered
on a separate line:
2016-09-13 17:45:13 +05:30
2020-04-08 14:13:33 +05:30
````markdown
2019-09-30 21:07:59 +05:30
This math is inline $`a^2+b^2=c^2`$.
2016-09-13 17:45:13 +05:30
2019-09-30 21:07:59 +05:30
This is on a separate line
2018-11-20 20:47:30 +05:30
2019-09-30 21:07:59 +05:30
```math
a^2+b^2=c^2
2018-12-13 13:39:08 +05:30
```
2020-04-08 14:13:33 +05:30
````
2018-11-20 20:47:30 +05:30
2019-09-30 21:07:59 +05:30
This math is inline $`a^2+b^2=c^2`$.
2018-11-20 20:47:30 +05:30
2019-09-30 21:07:59 +05:30
This is on a separate line
2016-09-13 17:45:13 +05:30
2019-09-30 21:07:59 +05:30
```math
a^2+b^2=c^2
```
2018-11-20 20:47:30 +05:30
2019-09-30 21:07:59 +05:30
_Be advised that KaTeX only supports a [subset](https://katex.org/docs/supported.html) of LaTeX._
2018-11-20 20:47:30 +05:30
2020-05-24 23:13:21 +05:30
NOTE: **Note:** This also works for the Asciidoctor `:stem: latexmath`. For details see
the [Asciidoctor user manual](https://asciidoctor.org/docs/user-manual/#activating-stem-support).
2018-11-20 20:47:30 +05:30
2019-02-15 15:39:39 +05:30
### Special GitLab references
2016-09-13 17:45:13 +05:30
2019-09-30 21:07:59 +05:30
GFM recognizes special GitLab related references. For example, you can easily reference
2020-04-08 14:13:33 +05:30
an issue, a commit, a team member, or even the whole team within a project. GFM will turn
2019-09-30 21:07:59 +05:30
that reference into a link so you can navigate between them easily.
2016-09-13 17:45:13 +05:30
2020-06-23 00:09:42 +05:30
Additionally, GFM recognizes certain cross-project references and also has a shorthand
2019-09-30 21:07:59 +05:30
version to reference other projects from the same namespace.
2016-09-13 17:45:13 +05:30
GFM will recognize the following:
2019-09-30 21:07:59 +05:30
| references | input | cross-project reference | shortcut within same namespace |
| :------------------------------ | :------------------------- | :-------------------------------------- | :----------------------------- |
| specific user | `@user_name` | | |
| specific group | `@group_name` | | |
| entire team | `@all` | | |
| project | `namespace/project>` | | |
| issue | ``#123`` | `namespace/project#123` | `project#123` |
| merge request | `!123` | `namespace/project!123` | `project!123` |
| snippet | `$123` | `namespace/project$123` | `project$123` |
| epic **(ULTIMATE)** | `&123` | `group1/subgroup&123` | |
| label by ID | `~123` | `namespace/project~123` | `project~123` |
| one-word label by name | `~bug` | `namespace/project~bug` | `project~bug` |
| multi-word label by name | `~"feature request"` | `namespace/project~"feature request"` | `project~"feature request"` |
2019-12-26 22:10:19 +05:30
| scoped label by name | `~"priority::high"` | `namespace/project~"priority::high"` | `project~"priority::high"` |
2019-09-30 21:07:59 +05:30
| project milestone by ID | `%123` | `namespace/project%123` | `project%123` |
| one-word milestone by name | `%v1.23` | `namespace/project%v1.23` | `project%v1.23` |
| multi-word milestone by name | `%"release candidate"` | `namespace/project%"release candidate"` | `project%"release candidate"` |
| specific commit | `9ba12248` | `namespace/project@9ba12248` | `project@9ba12248` |
| commit range comparison | `9ba12248...b19a04f5` | `namespace/project@9ba12248...b19a04f5` | `project@9ba12248...b19a04f5` |
| repository file references | `[README](doc/README)` | | |
| repository file line references | `[README](doc/README#L13)` | | |
2017-08-17 22:00:37 +05:30
2020-04-08 14:13:33 +05:30
In addition to this, links to some objects are also recognized and formatted. Some examples of these are:
- Comments on issues: `"https://gitlab.com/gitlab-org/gitlab/-/issues/1234#note_101075757"`, which will be rendered as `#1234 (note1)`
2020-06-23 00:09:42 +05:30
- The issues designs tab: `"https://gitlab.com/gitlab-org/gitlab/-/issues/1234/designs"`, which will be rendered as `#1234 (designs)`.
- Links to individual designs: `"https://gitlab.com/gitlab-org/gitlab/-/issues/1234/designs/layout.png"`, which will be rendered as `#1234[layout.png]`.
2020-04-08 14:13:33 +05:30
2019-02-15 15:39:39 +05:30
### Task lists
2016-09-13 17:45:13 +05:30
2019-12-04 20:38:33 +05:30
> If this is not rendered correctly, [view it in GitLab itself](https://gitlab.com/gitlab-org/gitlab/blob/master/doc/user/markdown.md#task-lists).
2016-09-13 17:45:13 +05:30
2019-12-26 22:10:19 +05:30
You can add task lists anywhere Markdown is supported, but you can only "click"
to toggle the boxes if they are in issues, merge requests, or comments. In other
places you must edit the Markdown manually to change the status by adding or
removing an `x` within the square brackets.
2016-09-13 17:45:13 +05:30
2019-09-30 21:07:59 +05:30
To create a task list, add a specially-formatted Markdown list. You can use either
unordered or ordered lists:
```markdown
2016-09-13 17:45:13 +05:30
- [x] Completed task
- [ ] Incomplete task
2019-09-30 21:07:59 +05:30
- [ ] Sub-task 1
- [x] Sub-task 2
- [ ] Sub-task 3
2019-10-12 21:52:04 +05:30
2019-09-30 21:07:59 +05:30
1. [x] Completed task
1. [ ] Incomplete task
1. [ ] Sub-task 1
1. [x] Sub-task 2
2016-09-13 17:45:13 +05:30
```
2019-09-30 21:07:59 +05:30
- [x] Completed task
- [ ] Incomplete task
- [ ] Sub-task 1
- [x] Sub-task 2
- [ ] Sub-task 3
2019-10-12 21:52:04 +05:30
2017-08-17 22:00:37 +05:30
1. [x] Completed task
1. [ ] Incomplete task
2019-09-30 21:07:59 +05:30
1. [ ] Sub-task 1
1. [x] Sub-task 2
2017-08-17 22:00:37 +05:30
2020-04-22 19:07:51 +05:30
### Table of contents
2020-03-13 15:44:24 +05:30
2020-04-22 19:07:51 +05:30
You can add a table of contents to a Markdown file, wiki page, or issue/merge request
description, by adding the tag `[[_TOC_]]` on its own line.
It will appear as an unordered list that links to the various headers.
2020-03-13 15:44:24 +05:30
```markdown
2020-04-22 19:07:51 +05:30
This is an intro sentence to my Wiki page.
2020-03-13 15:44:24 +05:30
[[_TOC_]]
2020-04-22 19:07:51 +05:30
## My first heading
First section content.
## My second heading
Second section content.
2020-03-13 15:44:24 +05:30
```
2020-04-22 19:07:51 +05:30
![Preview of an auto-generated TOC in a Wiki](img/markdown_toc_preview_v12_9.png)
---
2019-09-30 21:07:59 +05:30
### Wiki-specific Markdown
2017-08-17 22:00:37 +05:30
2019-09-30 21:07:59 +05:30
The following examples show how links inside wikis behave.
2016-09-13 17:45:13 +05:30
2020-04-22 19:07:51 +05:30
#### Wiki - direct page link
2016-09-13 17:45:13 +05:30
2019-09-30 21:07:59 +05:30
A link which just includes the slug for a page will point to that page,
_at the base level of the wiki_.
2016-09-13 17:45:13 +05:30
2019-09-30 21:07:59 +05:30
This snippet would link to a `documentation` page at the root of your wiki:
2016-09-13 17:45:13 +05:30
2019-09-30 21:07:59 +05:30
```markdown
[Link to Documentation](documentation)
```
2016-09-13 17:45:13 +05:30
2020-04-22 19:07:51 +05:30
#### Wiki - direct file link
2016-09-13 17:45:13 +05:30
2019-09-30 21:07:59 +05:30
Links with a file extension point to that file, _relative to the current page_.
2016-09-13 17:45:13 +05:30
2019-09-30 21:07:59 +05:30
If the snippet below was placed on a page at `<your_wiki>/documentation/related`,
it would link to `<your_wiki>/documentation/file.md`:
2016-09-13 17:45:13 +05:30
2019-09-30 21:07:59 +05:30
```markdown
[Link to File](file.md)
```
2016-09-13 17:45:13 +05:30
2020-04-22 19:07:51 +05:30
#### Wiki - hierarchical link
2016-09-13 17:45:13 +05:30
2019-09-30 21:07:59 +05:30
A link can be constructed relative to the current wiki page using `./<page>`,
2020-04-22 19:07:51 +05:30
`../<page>`, and so on.
2016-09-13 17:45:13 +05:30
2019-09-30 21:07:59 +05:30
If this snippet was placed on a page at `<your_wiki>/documentation/main`,
it would link to `<your_wiki>/documentation/related`:
2016-09-13 17:45:13 +05:30
2019-09-30 21:07:59 +05:30
```markdown
[Link to Related Page](./related)
```
2016-09-13 17:45:13 +05:30
2019-09-30 21:07:59 +05:30
If this snippet was placed on a page at `<your_wiki>/documentation/related/content`,
it would link to `<your_wiki>/documentation/main`:
2016-09-13 17:45:13 +05:30
2019-09-30 21:07:59 +05:30
```markdown
[Link to Related Page](../main)
```
2017-08-17 22:00:37 +05:30
2019-09-30 21:07:59 +05:30
If this snippet was placed on a page at `<your_wiki>/documentation/main`,
it would link to `<your_wiki>/documentation/related.md`:
2017-08-17 22:00:37 +05:30
2019-09-30 21:07:59 +05:30
```markdown
[Link to Related Page](./related.md)
```
2017-08-17 22:00:37 +05:30
2019-09-30 21:07:59 +05:30
If this snippet was placed on a page at `<your_wiki>/documentation/related/content`,
it would link to `<your_wiki>/documentation/main.md`:
2017-08-17 22:00:37 +05:30
2019-09-30 21:07:59 +05:30
```markdown
[Link to Related Page](../main.md)
```
2017-08-17 22:00:37 +05:30
2020-04-22 19:07:51 +05:30
#### Wiki - root link
2018-12-13 13:39:08 +05:30
2019-09-30 21:07:59 +05:30
A link starting with a `/` is relative to the wiki root.
2016-09-13 17:45:13 +05:30
2019-09-30 21:07:59 +05:30
This snippet links to `<wiki_root>/documentation`:
2017-08-17 22:00:37 +05:30
2019-09-30 21:07:59 +05:30
```markdown
[Link to Related Page](/documentation)
```
2017-08-17 22:00:37 +05:30
2019-09-30 21:07:59 +05:30
This snippet links to `<wiki_root>/miscellaneous.md`:
2018-03-17 18:26:18 +05:30
2019-09-30 21:07:59 +05:30
```markdown
[Link to Related Page](/miscellaneous.md)
```
2018-03-17 18:26:18 +05:30
2019-10-12 21:52:04 +05:30
### Embedding metrics in GitLab Flavored Markdown
Metric charts can be embedded within GitLab Flavored Markdown. See [Embedding Metrics within GitLab flavored Markdown](../user/project/integrations/prometheus.md#embedding-metric-charts-within-gitlab-flavored-markdown) for more details.
2020-01-01 13:55:28 +05:30
## Standard Markdown and extensions in GitLab
2018-03-17 18:26:18 +05:30
2020-01-01 13:55:28 +05:30
All standard Markdown formatting should work as expected within GitLab. Some standard
2019-09-30 21:07:59 +05:30
functionality is extended with additional features, without affecting the standard usage.
If a functionality is extended, the new option will be listed as a sub-section.
2018-03-17 18:26:18 +05:30
2019-09-30 21:07:59 +05:30
### Blockquotes
2018-03-17 18:26:18 +05:30
2020-04-22 19:07:51 +05:30
Blockquotes are an easy way to highlight information, such as a side-note. It's generated
2019-09-30 21:07:59 +05:30
by starting the lines of the blockquote with `>`:
2018-03-17 18:26:18 +05:30
2019-09-30 21:07:59 +05:30
```markdown
> Blockquotes are very handy to emulate reply text.
> This line is part of the same quote.
2018-03-17 18:26:18 +05:30
2019-09-30 21:07:59 +05:30
Quote break.
2018-03-17 18:26:18 +05:30
2019-09-30 21:07:59 +05:30
> This is a very long line that will still be quoted properly when it wraps. Oh boy let's keep writing to make sure this is long enough to actually wrap for everyone. Oh, you can *put* **Markdown** into a blockquote.
```
2018-03-17 18:26:18 +05:30
2019-09-30 21:07:59 +05:30
> Blockquotes are very handy to emulate reply text.
> This line is part of the same quote.
2018-03-17 18:26:18 +05:30
2019-09-30 21:07:59 +05:30
Quote break.
2018-03-17 18:26:18 +05:30
2019-09-30 21:07:59 +05:30
> This is a very long line that will still be quoted properly when it wraps. Oh boy let's keep writing to make sure this is long enough to actually wrap for everyone. Oh, you can *put* **Markdown** into a blockquote.
2018-03-17 18:26:18 +05:30
2019-09-30 21:07:59 +05:30
#### Multiline blockquote
2018-03-17 18:26:18 +05:30
2019-12-04 20:38:33 +05:30
> If this is not rendered correctly, [view it in GitLab itself](https://gitlab.com/gitlab-org/gitlab/blob/master/doc/user/markdown.md#multiline-blockquote).
2018-03-17 18:26:18 +05:30
2020-05-24 23:13:21 +05:30
GFM extends the standard Markdown standard by also supporting multi-line blockquotes
2019-09-30 21:07:59 +05:30
fenced by `>>>`:
2018-03-17 18:26:18 +05:30
2020-04-08 14:13:33 +05:30
```markdown
2019-09-30 21:07:59 +05:30
>>>
If you paste a message from somewhere else
2018-03-17 18:26:18 +05:30
2019-09-30 21:07:59 +05:30
that spans multiple lines,
2018-03-17 18:26:18 +05:30
2019-09-30 21:07:59 +05:30
you can quote that without having to manually prepend `>` to every line!
>>>
2019-09-04 21:01:54 +05:30
```
2018-03-17 18:26:18 +05:30
2019-09-30 21:07:59 +05:30
>>>
If you paste a message from somewhere else
2018-03-17 18:26:18 +05:30
2019-09-30 21:07:59 +05:30
that spans multiple lines,
2019-02-15 15:39:39 +05:30
2019-09-30 21:07:59 +05:30
you can quote that without having to manually prepend `>` to every line!
>>>
2019-02-15 15:39:39 +05:30
2019-09-30 21:07:59 +05:30
### Code spans and blocks
2019-02-15 15:39:39 +05:30
2019-09-30 21:07:59 +05:30
You can easily highlight anything that should be viewed as code and not simple text.
2019-02-15 15:39:39 +05:30
2019-09-30 21:07:59 +05:30
Simple inline code is easily highlighted with single backticks `` ` ``:
2019-02-15 15:39:39 +05:30
2019-09-30 21:07:59 +05:30
```markdown
Inline `code` has `back-ticks around` it.
```
2019-02-15 15:39:39 +05:30
2019-09-30 21:07:59 +05:30
Inline `code` has `back-ticks around` it.
2019-02-15 15:39:39 +05:30
2019-09-30 21:07:59 +05:30
---
2019-02-15 15:39:39 +05:30
2020-04-08 14:13:33 +05:30
Similarly, a whole block of code can be fenced with triple backticks (```` ``` ````),
2020-03-13 15:44:24 +05:30
triple tildes (`~~~`), or indented 4 or more spaces to achieve a similar effect for
2019-09-30 21:07:59 +05:30
a larger body of code.
2019-02-15 15:39:39 +05:30
2020-04-08 14:13:33 +05:30
````markdown
```python
2019-09-30 21:07:59 +05:30
def function():
#indenting works just fine in the fenced code block
s = "Python code"
print s
```
2019-02-15 15:39:39 +05:30
2019-09-30 21:07:59 +05:30
Using 4 spaces
is like using
3-backtick fences.
2020-04-08 14:13:33 +05:30
````
2019-02-15 15:39:39 +05:30
2020-04-08 14:13:33 +05:30
```plaintext
2019-09-30 21:07:59 +05:30
~~~
Tildes are OK too.
~~~
2019-02-15 15:39:39 +05:30
```
2019-09-30 21:07:59 +05:30
The three examples above render as:
2017-08-17 22:00:37 +05:30
2020-04-08 14:13:33 +05:30
```python
2019-09-30 21:07:59 +05:30
def function():
#indenting works just fine in the fenced code block
s = "Python code"
print s
```
2016-09-13 17:45:13 +05:30
2020-04-08 14:13:33 +05:30
```plaintext
2019-09-30 21:07:59 +05:30
Using 4 spaces
is like using
3-backtick fences.
```
2016-09-13 17:45:13 +05:30
2020-04-08 14:13:33 +05:30
```plaintext
2019-09-30 21:07:59 +05:30
Tildes are OK too.
2020-04-08 14:13:33 +05:30
```
2016-09-13 17:45:13 +05:30
2019-09-30 21:07:59 +05:30
#### Colored code and syntax highlighting
2016-09-13 17:45:13 +05:30
2019-12-04 20:38:33 +05:30
> If this is not rendered correctly, [view it in GitLab itself](https://gitlab.com/gitlab-org/gitlab/blob/master/doc/user/markdown.md#colored-code-and-syntax-highlighting).
2016-09-13 17:45:13 +05:30
2019-09-30 21:07:59 +05:30
GitLab uses the [Rouge Ruby library](http://rouge.jneen.net/) for more colorful syntax
highlighting in code blocks. For a list of supported languages visit the
2019-12-21 20:55:43 +05:30
[Rouge project wiki](https://github.com/rouge-ruby/rouge/wiki/List-of-supported-languages-and-lexers).
2020-04-22 19:07:51 +05:30
Syntax highlighting is only supported in code blocks, so it's not possible to highlight
code when it's inline.
2016-09-13 17:45:13 +05:30
2020-04-08 14:13:33 +05:30
Blocks of code are fenced by lines with three back-ticks (```` ``` ````) or three tildes (`~~~`), and have
2019-09-30 21:07:59 +05:30
the language identified at the end of the first fence:
2016-09-13 17:45:13 +05:30
2020-04-08 14:13:33 +05:30
````markdown
2019-09-30 21:07:59 +05:30
```javascript
var s = "JavaScript syntax highlighting";
alert(s);
```
2016-09-13 17:45:13 +05:30
2019-09-30 21:07:59 +05:30
```python
def function():
#indenting works just fine in the fenced code block
s = "Python syntax highlighting"
print s
```
2016-09-13 17:45:13 +05:30
2019-09-30 21:07:59 +05:30
```ruby
require 'redcarpet'
markdown = Redcarpet.new("Hello World!")
puts markdown.to_html
```
2016-09-13 17:45:13 +05:30
```
2019-09-30 21:07:59 +05:30
No language indicated, so no syntax highlighting.
s = "There is no highlighting for this."
But let's throw in a <b>tag</b>.
2016-09-13 17:45:13 +05:30
```
2020-04-08 14:13:33 +05:30
````
2016-09-13 17:45:13 +05:30
2019-09-30 21:07:59 +05:30
The four examples above render as:
2016-09-13 17:45:13 +05:30
2019-09-30 21:07:59 +05:30
```javascript
var s = "JavaScript syntax highlighting";
alert(s);
```
2016-09-13 17:45:13 +05:30
2019-09-30 21:07:59 +05:30
```python
def function():
#indenting works just fine in the fenced code block
s = "Python syntax highlighting"
print s
```
```ruby
require 'redcarpet'
markdown = Redcarpet.new("Hello World!")
puts markdown.to_html
```
2020-04-08 14:13:33 +05:30
```plaintext
2019-09-30 21:07:59 +05:30
No language indicated, so no syntax highlighting.
s = "There is no highlighting for this."
But let's throw in a <b>tag</b>.
```
2016-09-13 17:45:13 +05:30
2017-08-17 22:00:37 +05:30
### Emphasis
2016-09-13 17:45:13 +05:30
2020-01-01 13:55:28 +05:30
There are multiple ways to emphasize text in Markdown. You can italicize, bold, strikethrough,
2019-09-30 21:07:59 +05:30
as well as combine these emphasis styles together.
2018-11-08 19:23:39 +05:30
Examples:
2019-09-30 21:07:59 +05:30
```markdown
2016-09-13 17:45:13 +05:30
Emphasis, aka italics, with *asterisks* or _underscores_.
2019-09-30 21:07:59 +05:30
Strong emphasis, aka bold, with double **asterisks** or __underscores__.
2016-09-13 17:45:13 +05:30
Combined emphasis with **asterisks and _underscores_**.
Strikethrough uses two tildes. ~~Scratch this.~~
```
Emphasis, aka italics, with *asterisks* or _underscores_.
2019-09-30 21:07:59 +05:30
Strong emphasis, aka bold, with double **asterisks** or __underscores__.
2016-09-13 17:45:13 +05:30
Combined emphasis with **asterisks and _underscores_**.
Strikethrough uses two tildes. ~~Scratch this.~~
2019-09-30 21:07:59 +05:30
NOTE: **Note:** Strikethrough is not part of the core Markdown standard, but is part of GFM.
2016-09-13 17:45:13 +05:30
2019-09-30 21:07:59 +05:30
#### Multiple underscores in words and mid-word emphasis
2018-11-08 19:23:39 +05:30
2019-12-04 20:38:33 +05:30
> If this is not rendered correctly, [view it in GitLab itself](https://gitlab.com/gitlab-org/gitlab/blob/master/doc/user/markdown.md#multiple-underscores-in-words).
2019-09-30 21:07:59 +05:30
2020-04-22 19:07:51 +05:30
It's not usually useful to italicize just _part_ of a word, especially when you're
2019-09-30 21:07:59 +05:30
dealing with code and names that often appear with multiple underscores. As a result,
2020-01-01 13:55:28 +05:30
GFM extends the standard Markdown standard by ignoring multiple underlines in words,
to allow better rendering of Markdown documents discussing code:
2019-09-30 21:07:59 +05:30
2020-04-08 14:13:33 +05:30
```markdown
2019-09-30 21:07:59 +05:30
perform_complicated_task
do_this_and_do_that_and_another_thing
but_emphasis is_desired _here_
2018-12-13 13:39:08 +05:30
```
2016-09-13 17:45:13 +05:30
2019-09-30 21:07:59 +05:30
perform_complicated_task
do_this_and_do_that_and_another_thing
but_emphasis is_desired _here_
---
If you wish to emphasize only a part of a word, it can still be done with asterisks:
2020-05-24 23:13:21 +05:30
```markdown
2019-09-30 21:07:59 +05:30
perform*complicated*task
do*this*and*do*that*and*another thing
2016-09-13 17:45:13 +05:30
```
2019-09-30 21:07:59 +05:30
perform*complicated*task
2018-11-08 19:23:39 +05:30
2019-09-30 21:07:59 +05:30
do*this*and*do*that*and*another thing
2016-09-13 17:45:13 +05:30
2019-09-30 21:07:59 +05:30
### Footnotes
2016-09-13 17:45:13 +05:30
2020-03-13 15:44:24 +05:30
Footnotes add a link to a note that will be rendered at the end of a Markdown file.
2020-04-22 19:07:51 +05:30
To make a footnote, you need both a reference tag and a separate line (anywhere in the file) with
the note content.
2020-03-13 15:44:24 +05:30
2020-04-22 19:07:51 +05:30
Regardless of the tag names, the relative order of the reference tags determines the rendered
numbering.
Reference tags can use letters and other characters. Avoid using lowercase `w` or an underscore
2020-06-23 00:09:42 +05:30
(`_`) in footnote tag names until [this bug](https://gitlab.com/gitlab-org/gitlab/-/issues/24423) is
2020-04-22 19:07:51 +05:30
resolved.
2018-11-08 19:23:39 +05:30
2020-05-24 23:13:21 +05:30
<!--
Do not edit the following codeblock. It uses HTML to skip the Vale ReferenceLinks test.
-->
<pre class="highlight"><code>A footnote reference tag looks like this: [^1]
2020-03-13 15:44:24 +05:30
2020-04-22 19:07:51 +05:30
This reference tag is a mix of letters and numbers. [^footnote-42]
2020-03-13 15:44:24 +05:30
2020-05-24 23:13:21 +05:30
&#91;^1]: This is the text inside a footnote.
2016-09-13 17:45:13 +05:30
2020-05-24 23:13:21 +05:30
&#91;^footnote-42]: This is another footnote.
</code></pre>
2016-09-13 17:45:13 +05:30
2020-03-13 15:44:24 +05:30
A footnote reference tag looks like this:[^1]
2019-09-30 21:07:59 +05:30
2020-04-22 19:07:51 +05:30
This reference tag is a mix of letters and numbers.[^footnote-42]
2020-03-13 15:44:24 +05:30
2020-05-24 23:13:21 +05:30
<!--
Do not delete the single space before the [^1] and [^footnotes] references below.
These are used to force the Vale ReferenceLinks check to skip these examples.
-->
[^1]: This is the text inside a footnote.
2020-03-13 15:44:24 +05:30
2020-05-24 23:13:21 +05:30
[^footnote-42]: This is another footnote.
2019-09-30 21:07:59 +05:30
### Headers
```markdown
# H1
## H2
### H3
#### H4
##### H5
###### H6
Alternatively, for H1 and H2, an underline-ish style:
Alt-H1
======
2018-11-08 19:23:39 +05:30
2019-09-30 21:07:59 +05:30
Alt-H2
------
2016-09-13 17:45:13 +05:30
```
2019-09-30 21:07:59 +05:30
#### Header IDs and links
2018-11-08 19:23:39 +05:30
2020-01-01 13:55:28 +05:30
GFM extends the standard Markdown standard so that all Markdown-rendered headers automatically
2019-09-30 21:07:59 +05:30
get IDs, which can be linked to, except in comments.
2016-09-13 17:45:13 +05:30
2019-09-30 21:07:59 +05:30
On hover, a link to those IDs becomes visible to make it easier to copy the link to
the header to use it somewhere else.
2018-11-08 19:23:39 +05:30
2019-09-30 21:07:59 +05:30
The IDs are generated from the content of the header according to the following rules:
2016-09-13 17:45:13 +05:30
2019-09-30 21:07:59 +05:30
1. All text is converted to lowercase.
2020-04-22 19:07:51 +05:30
1. All non-word text (such as punctuation or HTML) is removed.
2019-09-30 21:07:59 +05:30
1. All spaces are converted to hyphens.
1. Two or more hyphens in a row are converted to one.
1. If a header with the same ID has already been generated, a unique
incrementing number is appended, starting at 1.
2018-11-08 19:23:39 +05:30
Example:
2016-09-13 17:45:13 +05:30
2020-04-08 14:13:33 +05:30
```markdown
2019-09-30 21:07:59 +05:30
# This header has spaces in it
## This header has a :thumbsup: in it
# This header has Unicode in it: 한글
## This header has spaces in it
### This header has spaces in it
## This header has 3.5 in it (and parentheses)
2016-09-13 17:45:13 +05:30
```
2019-09-30 21:07:59 +05:30
Would generate the following link IDs:
2016-09-13 17:45:13 +05:30
2019-09-30 21:07:59 +05:30
1. `this-header-has-spaces-in-it`
1. `this-header-has-a-in-it`
1. `this-header-has-unicode-in-it-한글`
1. `this-header-has-spaces-in-it-1`
1. `this-header-has-spaces-in-it-2`
1. `this-header-has-3-5-in-it-and-parentheses`
2018-11-08 19:23:39 +05:30
2020-04-22 19:07:51 +05:30
Note that the emoji processing happens before the header IDs are generated, so the
emoji is converted to an image which is then removed from the ID.
2016-09-13 17:45:13 +05:30
2019-09-30 21:07:59 +05:30
### Horizontal Rule
2016-09-13 17:45:13 +05:30
2019-09-30 21:07:59 +05:30
It's very simple to create a horizontal rule, by using three or more hyphens, asterisks,
or underscores:
2016-09-13 17:45:13 +05:30
2019-07-31 22:56:46 +05:30
```markdown
2019-09-30 21:07:59 +05:30
Three or more hyphens,
---
2017-08-17 22:00:37 +05:30
2019-09-30 21:07:59 +05:30
asterisks,
2016-09-13 17:45:13 +05:30
2019-09-30 21:07:59 +05:30
***
2016-09-13 17:45:13 +05:30
2019-09-30 21:07:59 +05:30
or underscores
2016-09-13 17:45:13 +05:30
2019-09-30 21:07:59 +05:30
___
2019-07-31 22:56:46 +05:30
```
2016-09-13 17:45:13 +05:30
2017-08-17 22:00:37 +05:30
### Images
2016-09-13 17:45:13 +05:30
2018-11-08 19:23:39 +05:30
Examples:
2020-05-24 23:13:21 +05:30
<!--
Do not edit the following codeblock. It uses HTML to skip the Vale ReferenceLinks test.
-->
<pre class="highlight"><code>Inline-style (hover to see title text):
2016-09-13 17:45:13 +05:30
2019-09-30 21:07:59 +05:30
![alt text](img/markdown_logo.png "Title Text")
2016-09-13 17:45:13 +05:30
2019-09-30 21:07:59 +05:30
Reference-style (hover to see title text):
2016-09-13 17:45:13 +05:30
2019-09-30 21:07:59 +05:30
![alt text1][logo]
2018-11-08 19:23:39 +05:30
2020-05-24 23:13:21 +05:30
&#91;logo]: img/markdown_logo.png "Title Text"
</code></pre>
2016-09-13 17:45:13 +05:30
2020-03-13 15:44:24 +05:30
<!--
2020-05-24 23:13:21 +05:30
DO NOT change the name of markdown_logo.png. This is used for a test in
spec/controllers/help_controller_spec.rb.
2020-03-13 15:44:24 +05:30
-->
2019-09-30 21:07:59 +05:30
Inline-style (hover to see title text):
2016-09-13 17:45:13 +05:30
2019-09-30 21:07:59 +05:30
![alt text](img/markdown_logo.png "Title Text")
2016-09-13 17:45:13 +05:30
2019-09-30 21:07:59 +05:30
Reference-style (hover to see title text):
2016-09-13 17:45:13 +05:30
2020-05-24 23:13:21 +05:30
<!--
The example below uses an in-line link to pass the Vale ReferenceLinks test.
Do not change to a reference style link.
-->
2016-09-13 17:45:13 +05:30
2020-05-24 23:13:21 +05:30
![alt text](img/markdown_logo.png "Title Text")
2016-09-13 17:45:13 +05:30
2019-09-30 21:07:59 +05:30
#### Videos
2016-09-13 17:45:13 +05:30
2019-12-04 20:38:33 +05:30
> If this is not rendered correctly, [view it in GitLab itself](https://gitlab.com/gitlab-org/gitlab/blob/master/doc/user/markdown.md#videos).
2018-11-08 19:23:39 +05:30
2019-09-30 21:07:59 +05:30
Image tags that link to files with a video extension are automatically converted to
a video player. The valid video extensions are `.mp4`, `.m4v`, `.mov`, `.webm`, and `.ogv`:
2016-09-13 17:45:13 +05:30
2020-05-24 23:13:21 +05:30
```markdown
2019-09-30 21:07:59 +05:30
Here's a sample video:
2016-09-13 17:45:13 +05:30
2019-09-30 21:07:59 +05:30
![Sample Video](img/markdown_video.mp4)
2016-09-13 17:45:13 +05:30
```
2019-09-30 21:07:59 +05:30
Here's a sample video:
2016-09-13 17:45:13 +05:30
2019-09-30 21:07:59 +05:30
![Sample Video](img/markdown_video.mp4)
2016-09-13 17:45:13 +05:30
2019-12-21 20:55:43 +05:30
#### Audio
> If this is not rendered correctly, [view it in GitLab itself](https://gitlab.com/gitlab-org/gitlab/blob/master/doc/user/markdown.md#audio).
Similar to videos, link tags for files with an audio extension are automatically converted to
2020-01-01 13:55:28 +05:30
an audio player. The valid audio extensions are `.mp3`, `.oga`, `.ogg`, `.spx`, and `.wav`:
2019-12-21 20:55:43 +05:30
2020-05-24 23:13:21 +05:30
```markdown
2019-12-21 20:55:43 +05:30
Here's a sample audio clip:
![Sample Audio](img/markdown_audio.mp3)
```
Here's a sample audio clip:
![Sample Audio](img/markdown_audio.mp3)
2017-08-17 22:00:37 +05:30
### Inline HTML
2016-09-13 17:45:13 +05:30
2020-01-01 13:55:28 +05:30
> To see the Markdown rendered within HTML in the second example, [view it in GitLab itself](https://gitlab.com/gitlab-org/gitlab/blob/master/doc/user/markdown.md#inline-html).
2016-09-13 17:45:13 +05:30
2020-04-22 19:07:51 +05:30
You can also use raw HTML in your Markdown, and it will usually work pretty well.
2016-09-13 17:45:13 +05:30
2020-04-22 19:07:51 +05:30
See the documentation for HTML::Pipeline's [SanitizationFilter](https://github.com/jch/html-pipeline/blob/v2.12.3/lib/html/pipeline/sanitization_filter.rb#L42)
2020-03-13 15:44:24 +05:30
class for the list of allowed HTML tags and attributes. In addition to the default
2020-06-23 00:09:42 +05:30
`SanitizationFilter` allowlist, GitLab allows `span`, `abbr`, `details` and `summary` elements.
2018-11-08 19:23:39 +05:30
2019-09-30 21:07:59 +05:30
```html
2016-09-13 17:45:13 +05:30
<dl>
<dt>Definition list</dt>
<dd>Is something people use sometimes.</dd>
<dt>Markdown in HTML</dt>
2020-04-08 14:13:33 +05:30
<dd>Does *not* work **very** well. HTML <em>tags</em> will <b>work</b>, in most cases.</dd>
2016-09-13 17:45:13 +05:30
</dl>
```
<dl>
<dt>Definition list</dt>
<dd>Is something people use sometimes.</dd>
<dt>Markdown in HTML</dt>
2020-04-08 14:13:33 +05:30
<dd>Does *not* work **very** well. HTML <em>tags</em> will <b>work</b>, in most cases.</dd>
2019-09-30 21:07:59 +05:30
</dl>
---
2020-04-22 19:07:51 +05:30
It's still possible to use Markdown inside HTML tags, but only if the lines containing Markdown
2019-09-30 21:07:59 +05:30
are separated into their own lines:
```html
<dl>
<dt>Markdown in HTML</dt>
2020-04-08 14:13:33 +05:30
<dd>Does *not* work **very** well. HTML tags will work, in most cases.</dd>
2019-09-30 21:07:59 +05:30
<dt>Markdown in HTML</dt>
<dd>
2020-04-08 14:13:33 +05:30
Does *not* work **very** well. HTML tags will work, in most cases.
2019-09-30 21:07:59 +05:30
</dd>
</dl>
```
2020-05-24 23:13:21 +05:30
<!--
Note: The example below uses HTML to force correct rendering on docs.gitlab.com,
Markdown will be fine in GitLab.
-->
2019-09-30 21:07:59 +05:30
<dl>
<dt>Markdown in HTML</dt>
2020-04-08 14:13:33 +05:30
<dd>Does *not* work **very** well. HTML tags will work, in most cases.</dd>
2019-09-30 21:07:59 +05:30
<dt>Markdown in HTML</dt>
<dd>
2020-04-08 14:13:33 +05:30
Does <em>not</em> work <b>very</b> well. HTML tags will work, in most cases.
2019-09-30 21:07:59 +05:30
</dd>
2016-09-13 17:45:13 +05:30
</dl>
2020-04-22 19:07:51 +05:30
#### Details and summary
2018-03-17 18:26:18 +05:30
2020-01-01 13:55:28 +05:30
> To see the Markdown rendered within HTML in the second example, [view it in GitLab itself](https://gitlab.com/gitlab-org/gitlab/blob/master/doc/user/markdown.md#details-and-summary).
2019-09-30 21:07:59 +05:30
Content can be collapsed using HTML's [`<details>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/details)
and [`<summary>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/summary)
tags. This is especially useful for collapsing long logs so they take up less screen space.
```html
<p>
<details>
2020-04-22 19:07:51 +05:30
<summary>Click this to collapse/fold.</summary>
2019-09-30 21:07:59 +05:30
These details <em>will</em> remain <strong>hidden</strong> until expanded.
<pre><code>PASTE LOGS HERE</code></pre>
</details>
</p>
```
2018-03-17 18:26:18 +05:30
<p>
<details>
2020-04-22 19:07:51 +05:30
<summary>Click this to collapse/fold.</summary>
2018-11-08 19:23:39 +05:30
These details <em>will</em> remain <strong>hidden</strong> until expanded.
2018-03-17 18:26:18 +05:30
<pre><code>PASTE LOGS HERE</code></pre>
2018-11-08 19:23:39 +05:30
2018-03-17 18:26:18 +05:30
</details>
</p>
2019-09-30 21:07:59 +05:30
---
2020-04-22 19:07:51 +05:30
Markdown inside these tags is supported as well.
2020-06-23 00:09:42 +05:30
NOTE: **Note:**
If your Markdown isn't rendering correctly, try adding
`{::options parse_block_html="true" /}` to the top of the page, and add
`markdown="span"` to the opening summary tag like this: `<summary markdown="span">`.
2020-04-22 19:07:51 +05:30
Remember to leave a blank line after the `</summary>` tag and before the `</details>` tag,
as shown in the example:
2018-03-17 18:26:18 +05:30
2019-12-04 20:38:33 +05:30
````html
2018-03-17 18:26:18 +05:30
<details>
2020-04-22 19:07:51 +05:30
<summary>Click this to collapse/fold.</summary>
2018-03-17 18:26:18 +05:30
2018-11-08 19:23:39 +05:30
These details _will_ remain **hidden** until expanded.
2019-12-04 20:38:33 +05:30
```
2019-10-12 21:52:04 +05:30
PASTE LOGS HERE
2019-12-04 20:38:33 +05:30
```
2018-11-08 19:23:39 +05:30
2018-03-17 18:26:18 +05:30
</details>
2019-12-04 20:38:33 +05:30
````
2018-03-17 18:26:18 +05:30
2020-05-24 23:13:21 +05:30
<!--
The example below uses HTML to force correct rendering on docs.gitlab.com, Markdown
will work correctly in GitLab.
-->
2016-09-13 17:45:13 +05:30
2019-09-30 21:07:59 +05:30
<details>
2020-04-22 19:07:51 +05:30
<summary>Click this to collapse/fold.</summary>
2018-11-08 19:23:39 +05:30
2019-09-30 21:07:59 +05:30
These details <em>will</em> remain <b>hidden</b> until expanded.
2016-09-13 17:45:13 +05:30
2019-12-04 20:38:33 +05:30
<pre><code>PASTE LOGS HERE</code></pre>
2016-09-13 17:45:13 +05:30
2019-09-30 21:07:59 +05:30
</details>
2016-09-13 17:45:13 +05:30
2020-04-22 19:07:51 +05:30
### Line breaks
2016-09-13 17:45:13 +05:30
2019-09-30 21:07:59 +05:30
A line break will be inserted (a new paragraph will start) if the previous text is
2020-04-22 19:07:51 +05:30
ended with two newlines, like when you hit <kbd>Enter</kbd> twice in a row. If you only
2019-09-30 21:07:59 +05:30
use one newline (hit <kbd>Enter</kbd> once), the next sentence will be part of the
same paragraph. This is useful if you want to keep long lines from wrapping, and keep
them easily editable:
2016-09-13 17:45:13 +05:30
2019-09-30 21:07:59 +05:30
```markdown
Here's a line for us to start with.
2016-09-13 17:45:13 +05:30
2019-09-30 21:07:59 +05:30
This longer line is separated from the one above by two newlines, so it will be a *separate paragraph*.
2016-09-13 17:45:13 +05:30
2019-09-30 21:07:59 +05:30
This line is also a separate paragraph, but...
These lines are only separated by single newlines,
so they *do not break* and just follow the previous lines
in the *same paragraph*.
```
2018-11-08 19:23:39 +05:30
2019-09-30 21:07:59 +05:30
Here's a line for us to start with.
2016-09-13 17:45:13 +05:30
2019-09-30 21:07:59 +05:30
This longer line is separated from the one above by two newlines, so it will be a *separate paragraph*.
2016-09-13 17:45:13 +05:30
2019-09-30 21:07:59 +05:30
This line is also a separate paragraph, but...
These lines are only separated by single newlines,
so they *do not break* and just follow the previous lines
in the *same paragraph*.
2016-09-13 17:45:13 +05:30
2019-09-30 21:07:59 +05:30
#### Newlines
2016-09-13 17:45:13 +05:30
2020-01-01 13:55:28 +05:30
GFM adheres to the Markdown specification in how [paragraphs and line breaks are handled](https://spec.commonmark.org/current/).
2016-09-13 17:45:13 +05:30
2020-04-22 19:07:51 +05:30
A paragraph is one or more consecutive lines of text, separated by one or
more blank lines (two newlines at the end of the first paragraph), as [explained above](#line-breaks).
2016-09-13 17:45:13 +05:30
2020-04-22 19:07:51 +05:30
If you need more control over line breaks or soft returns, you can add a single line break
2019-09-30 21:07:59 +05:30
by ending a line with a backslash, or two or more spaces. Two newlines in a row will create a new
paragraph, with a blank line in between:
2016-09-13 17:45:13 +05:30
2019-09-30 21:07:59 +05:30
```markdown
First paragraph.
Another line in the same paragraph.
A third line in the same paragraph, but this time ending with two spaces.{space}{space}
A new line directly under the first paragraph.
Second paragraph.
Another line, this time ending with a backslash.\
A new line due to the previous backslash.
```
2016-09-13 17:45:13 +05:30
2019-09-30 21:07:59 +05:30
### Links
2016-09-13 17:45:13 +05:30
2019-09-30 21:07:59 +05:30
There are two ways to create links, inline-style and reference-style:
2017-08-17 22:00:37 +05:30
2020-05-24 23:13:21 +05:30
<!--
Do not edit the following codeblock. It uses HTML to skip the Vale ReferenceLinks test.
-->
<pre class="highlight"><code>- This is an [inline-style link](https://www.google.com)
2019-09-30 21:07:59 +05:30
- This is a [link to a repository file in the same directory](index.md)
- This is a [relative link to a readme one directory higher](../README.md)
- This is a [link that also has title text](https://www.google.com "This link takes you to Google!")
2016-09-13 17:45:13 +05:30
2019-09-30 21:07:59 +05:30
Using header ID anchors:
2016-09-13 17:45:13 +05:30
2020-01-01 13:55:28 +05:30
- This links to [a section on a different Markdown page, using a "#" and the header ID](index.md#overview)
2019-09-30 21:07:59 +05:30
- This links to [a different section on the same page, using a "#" and the header ID](#header-ids-and-links)
2018-11-08 19:23:39 +05:30
2019-09-30 21:07:59 +05:30
Using references:
2016-09-13 17:45:13 +05:30
2019-09-30 21:07:59 +05:30
- This is a [reference-style link, see below][Arbitrary case-insensitive reference text]
- You can [use numbers for reference-style link definitions, see below][1]
- Or leave it empty and use the [link text itself][], see below.
2016-09-13 17:45:13 +05:30
2019-09-30 21:07:59 +05:30
Some text to show that the reference links can follow later.
2017-08-17 22:00:37 +05:30
2020-05-24 23:13:21 +05:30
&#91;arbitrary case-insensitive reference text]: https://www.mozilla.org/en-US/
&#91;1]: https://slashdot.org
&#91;link text itself]: https://www.reddit.com
</code></pre>
2016-09-13 17:45:13 +05:30
2019-09-30 21:07:59 +05:30
- This is an [inline-style link](https://www.google.com)
- This is a [link to a repository file in the same directory](index.md)
2020-05-24 23:13:21 +05:30
- This is a [relative link to a README one directory higher](../README.md)
2019-09-30 21:07:59 +05:30
- This is a [link that also has title text](https://www.google.com "This link takes you to Google!")
2016-09-13 17:45:13 +05:30
2019-09-30 21:07:59 +05:30
Using header ID anchors:
2016-09-13 17:45:13 +05:30
2020-01-01 13:55:28 +05:30
- This links to [a section on a different Markdown page, using a "#" and the header ID](index.md#overview)
2019-09-30 21:07:59 +05:30
- This links to [a different section on the same page, using a "#" and the header ID](#header-ids-and-links)
2018-11-08 19:23:39 +05:30
2019-09-30 21:07:59 +05:30
Using references:
2016-09-13 17:45:13 +05:30
2020-05-24 23:13:21 +05:30
<!--
The example below uses in-line links to pass the Vale ReferenceLinks test.
Do not change to reference style links.
-->
2016-09-13 17:45:13 +05:30
2020-05-24 23:13:21 +05:30
- This is a [reference-style link, see below](https://www.mozilla.org/en-US/)
- You can [use numbers for reference-style link definitions, see below](https://slashdot.org)
- Or leave it empty and use the [link text itself](https://www.reddit.com), see below.
2016-09-13 17:45:13 +05:30
2020-05-24 23:13:21 +05:30
Some text to show that the reference links can follow later.
2016-09-13 17:45:13 +05:30
2019-09-30 21:07:59 +05:30
NOTE: **Note:** Relative links do not allow the referencing of project files in a wiki
page, or a wiki page in a project file. The reason for this is that a wiki is always
in a separate Git repository in GitLab. For example, `[I'm a reference-style link](style)`
2020-01-01 13:55:28 +05:30
will point the link to `wikis/style` only when the link is inside of a wiki Markdown file.
2016-09-13 17:45:13 +05:30
2019-09-30 21:07:59 +05:30
#### URL auto-linking
2016-09-13 17:45:13 +05:30
2020-05-24 23:13:21 +05:30
GFM will auto-link almost any URL you put into your text:
2016-09-13 17:45:13 +05:30
2019-09-30 21:07:59 +05:30
```markdown
- https://www.google.com
2019-12-21 20:55:43 +05:30
- https://www.google.com
2019-09-30 21:07:59 +05:30
- ftp://ftp.us.debian.org/debian/
- smb://foo/bar/baz
2019-12-04 20:38:33 +05:30
- irc://irc.freenode.net/
2019-09-30 21:07:59 +05:30
- http://localhost:3000
2016-09-13 17:45:13 +05:30
```
2019-09-30 21:07:59 +05:30
- <https://www.google.com>
2019-12-21 20:55:43 +05:30
- <https://www.google.com>
2019-09-30 21:07:59 +05:30
- <ftp://ftp.us.debian.org/debian/>
- <smb://foo/bar/baz>
2019-12-04 20:38:33 +05:30
- <irc://irc.freenode.net/>
2019-09-30 21:07:59 +05:30
- <http://localhost:3000>
2018-11-08 19:23:39 +05:30
2019-09-30 21:07:59 +05:30
### Lists
2016-09-13 17:45:13 +05:30
2019-12-04 20:38:33 +05:30
Ordered and unordered lists can be easily created.
For an ordered list, add the number you want the list
2019-10-12 21:52:04 +05:30
to start with, like `1.`, followed by a space, at the start of each line for ordered lists.
2019-09-30 21:07:59 +05:30
After the first number, it does not matter what number you use, ordered lists will be
2019-10-12 21:52:04 +05:30
numbered automatically by vertical order, so repeating `1.` for all items in the
same list is common. If you start with a number other than `1.`, it will use that as the first
2019-09-30 21:07:59 +05:30
number, and count up from there.
2016-11-03 12:29:30 +05:30
2019-09-30 21:07:59 +05:30
Examples:
2020-05-24 23:13:21 +05:30
```markdown
2019-09-30 21:07:59 +05:30
1. First ordered list item
2. Another item
- Unordered sub-list.
1. Actual numbers don't matter, just that it's a number
1. Ordered sub-list
1. Next ordered sub-list item
4. And another item.
2016-11-03 12:29:30 +05:30
```
2016-09-13 17:45:13 +05:30
2020-05-24 23:13:21 +05:30
<!--
The "2." and "4." in the example above are changed to "1." below, to match the style
standards on docs.gitlab.com.
See https://docs.gitlab.com/ee/development/documentation/styleguide.html#lists
-->
2019-10-12 21:52:04 +05:30
2019-09-30 21:07:59 +05:30
1. First ordered list item
2019-10-12 21:52:04 +05:30
1. Another item
2019-09-30 21:07:59 +05:30
- Unordered sub-list.
1. Actual numbers don't matter, just that it's a number
1. Ordered sub-list
1. Next ordered sub-list item
2019-10-12 21:52:04 +05:30
1. And another item.
2019-12-04 20:38:33 +05:30
For an unordered list, add a `-`, `*` or `+`, followed by a space, at the start of
each line for unordered lists, but you should not use a mix of them.
2020-05-24 23:13:21 +05:30
```markdown
2019-12-04 20:38:33 +05:30
Unordered lists can:
- use
- minuses
They can also:
* use
* asterisks
They can even:
+ use
+ pluses
```
2020-05-24 23:13:21 +05:30
<!--
The "*" and "+" in the example above are changed to "-" below, to match the style
standards on docs.gitlab.com.
See https://docs.gitlab.com/ee/development/documentation/styleguide.html#lists
-->
2019-12-04 20:38:33 +05:30
Unordered lists can:
- use
- minuses
They can also:
- use
- asterisks
2019-09-30 21:07:59 +05:30
2019-12-04 20:38:33 +05:30
They can even:
2019-10-12 21:52:04 +05:30
2019-12-04 20:38:33 +05:30
- use
- pluses
2018-11-08 19:23:39 +05:30
2019-09-30 21:07:59 +05:30
---
2017-08-17 22:00:37 +05:30
2019-09-30 21:07:59 +05:30
If a list item contains multiple paragraphs, each subsequent paragraph should be indented
to the same level as the start of the list item text.
2018-11-08 19:23:39 +05:30
2019-09-30 21:07:59 +05:30
Example:
2018-11-08 19:23:39 +05:30
2019-09-30 21:07:59 +05:30
```markdown
1. First ordered list item
2018-11-08 19:23:39 +05:30
2019-09-30 21:07:59 +05:30
Second paragraph of first item.
2018-11-08 19:23:39 +05:30
2019-10-12 21:52:04 +05:30
1. Another item
2019-09-30 21:07:59 +05:30
```
2016-09-13 17:45:13 +05:30
2019-09-30 21:07:59 +05:30
1. First ordered list item
2016-09-13 17:45:13 +05:30
2019-09-30 21:07:59 +05:30
Second paragraph of first item.
2016-09-13 17:45:13 +05:30
2019-10-12 21:52:04 +05:30
1. Another item
2016-09-13 17:45:13 +05:30
2019-09-30 21:07:59 +05:30
---
2016-09-13 17:45:13 +05:30
2019-09-30 21:07:59 +05:30
If the paragraph of the first item is not indented with the proper number of spaces,
the paragraph will appear outside the list, instead of properly indented under the list item.
2016-09-13 17:45:13 +05:30
2019-09-30 21:07:59 +05:30
Example:
2016-09-13 17:45:13 +05:30
2020-04-08 14:13:33 +05:30
```markdown
2019-09-30 21:07:59 +05:30
1. First ordered list item
2016-09-13 17:45:13 +05:30
2019-09-30 21:07:59 +05:30
Paragraph of first item.
2016-09-13 17:45:13 +05:30
2019-10-12 21:52:04 +05:30
1. Another item
2016-09-13 17:45:13 +05:30
```
2019-09-30 21:07:59 +05:30
1. First ordered list item
2016-09-13 17:45:13 +05:30
2019-09-30 21:07:59 +05:30
Paragraph of first item.
2016-09-13 17:45:13 +05:30
2019-10-12 21:52:04 +05:30
1. Another item
2019-09-30 21:07:59 +05:30
### Superscripts / Subscripts
2016-09-13 17:45:13 +05:30
2020-04-22 19:07:51 +05:30
Currently, CommonMark and GFM don't support the superscript syntax ( `x^2` ) that
2019-09-30 21:07:59 +05:30
Redcarpet does. You can use the standard HTML syntax for superscripts and subscripts:
2016-09-13 17:45:13 +05:30
2019-09-30 21:07:59 +05:30
```html
The formula for water is H<sub>2</sub>O
while the equation for the theory of relativity is E = mc<sup>2</sup>.
```
2016-09-13 17:45:13 +05:30
2019-09-30 21:07:59 +05:30
The formula for water is H<sub>2</sub>O
while the equation for the theory of relativity is E = mc<sup>2</sup>.
2016-09-13 17:45:13 +05:30
2019-09-30 21:07:59 +05:30
### Tables
2016-09-13 17:45:13 +05:30
2020-04-22 19:07:51 +05:30
Tables are not part of the core Markdown spec, but they are part of GFM.
2016-09-13 17:45:13 +05:30
2019-09-30 21:07:59 +05:30
1. The first line contains the headers, separated by "pipes" (`|`).
1. The second line separates the headers from the cells, and must contain three or more dashes.
1. The third, and any following lines, contain the cell values.
2020-01-01 13:55:28 +05:30
- You **can't** have cells separated over many lines in the Markdown, they must be kept to single lines,
2019-09-30 21:07:59 +05:30
but they can be very long. You can also include HTML `<br>` tags to force newlines if needed.
- The cell sizes **don't** have to match each other. They are flexible, but must be separated
by pipes (`|`).
- You **can** have blank cells.
2016-09-13 17:45:13 +05:30
2019-09-30 21:07:59 +05:30
Example:
2016-09-13 17:45:13 +05:30
2019-09-30 21:07:59 +05:30
```markdown
| header 1 | header 2 | header 3 |
2019-12-21 20:55:43 +05:30
| --- | ------ |---------:|
2019-09-30 21:07:59 +05:30
| cell 1 | cell 2 | cell 3 |
| cell 4 | cell 5 is longer | cell 6 is much longer than the others, but that's ok. It will eventually wrap the text when the cell is too large for the display size. |
| cell 7 | | cell <br> 9 |
```
2016-09-13 17:45:13 +05:30
2019-09-30 21:07:59 +05:30
| header 1 | header 2 | header 3 |
| --- | ------ |---------:|
| cell 1 | cell 2 | cell 3 |
2020-04-22 19:07:51 +05:30
| cell 4 | cell 5 is longer | cell 6 is much longer than the others, but that's okay. It will eventually wrap the text when the cell is too large for the display size. |
2019-09-30 21:07:59 +05:30
| cell 7 | | cell <br> 9 |
2016-09-13 17:45:13 +05:30
2019-09-30 21:07:59 +05:30
Additionally, you can choose the alignment of text within columns by adding colons (`:`)
to the sides of the "dash" lines in the second row. This will affect every cell in the column.
2016-09-13 17:45:13 +05:30
2020-06-23 00:09:42 +05:30
NOTE: **Note:**
[Within GitLab itself](https://gitlab.com/gitlab-org/gitlab/blob/master/doc/user/markdown.md#tables),
the headers are always left-aligned in Chrome and Firefox, and centered in Safari.
2016-09-13 17:45:13 +05:30
2019-09-30 21:07:59 +05:30
```markdown
| Left Aligned | Centered | Right Aligned | Left Aligned | Centered | Right Aligned |
| :--- | :---: | ---: | :----------- | :------: | ------------: |
| Cell 1 | Cell 2 | Cell 3 | Cell 4 | Cell 5 | Cell 6 |
| Cell 7 | Cell 8 | Cell 9 | Cell 10 | Cell 11 | Cell 12 |
```
2016-09-13 17:45:13 +05:30
2019-09-30 21:07:59 +05:30
| Left Aligned | Centered | Right Aligned | Left Aligned | Centered | Right Aligned |
| :--- | :---: | ---: | :----------- | :------: | ------------: |
| Cell 1 | Cell 2 | Cell 3 | Cell 4 | Cell 5 | Cell 6 |
| Cell 7 | Cell 8 | Cell 9 | Cell 10 | Cell 11 | Cell 12 |
2017-08-17 22:00:37 +05:30
2020-03-13 15:44:24 +05:30
#### Copy from spreadsheet and paste in Markdown
2020-06-23 00:09:42 +05:30
[Introduced](https://gitlab.com/gitlab-org/gitlab/-/issues/27205) in GitLab 12.7.
2020-03-13 15:44:24 +05:30
2020-04-22 19:07:51 +05:30
If you're working in spreadsheet software (for example, Microsoft Excel, Google
Sheets, or Apple Numbers), you can copy from a spreadsheet, and GitLab will
2020-03-13 15:44:24 +05:30
paste it as a Markdown table. For example, suppose you have the
following spreadsheet:
![Copy from spreadsheet](img/markdown_copy_from_spreadsheet_v12_7.png)
Select the cells and copy them to your clipboard. Open a GitLab Markdown
entry and paste the spreadsheet:
![Paste to Markdown table](img/markdown_paste_table_v12_7.png)
2016-09-13 17:45:13 +05:30
## References
- This document leveraged heavily from the [Markdown-Cheatsheet](https://github.com/adam-p/markdown-here/wiki/Markdown-Cheatsheet).
2019-09-30 21:07:59 +05:30
- The original [Markdown Syntax Guide](https://daringfireball.net/projects/markdown/syntax)
2020-01-01 13:55:28 +05:30
at Daring Fireball is an excellent resource for a detailed explanation of standard Markdown.
2019-09-30 21:07:59 +05:30
- The detailed specification for CommonMark can be found in the [CommonMark Spec](https://spec.commonmark.org/current/)
2018-11-20 20:47:30 +05:30
- The [CommonMark Dingus](http://try.commonmark.org) is a handy tool for testing CommonMark syntax.