Basic formatting

Bold text

Syntax:

You can mark some text as bold with **two asterisks**
or __two underscores__.

You can mark some text as bold with two asterisks or two underscores.

Italic

Use a *single asterisk* or a _single underscore_ for italic.

Use a single asterisk or a single underscore for italic.

Bold and italic

***Three stars gives bold and italic***

Three stars gives bold and italic

Strikethrough

Using ~~two tildes~~ will strikethrough: two tildes

Blockquotes

Simple blockquotes

> This is a blockquote

This is a blockquote

Nested blockquotes

> First level
>
>> Second level

First level

Second level

Markdown in blockquotes

 1
 2
 3
 4
 5
 6
 7
 8
 9
10

> **Markdown** can be used *inside quotes*
>
> 1.   This is the first list item.
> 1.   This is the second list item.
>
> ~~strikethrough~~
>
> Here's some example code:
>
>     return shell_exec("echo $input | $markdown_script");

Markdown can be used inside quotes

1. This is the first list item.
2. This is the second list item.

strikethrough

Here’s some example code:

return shell_exec("echo $input | $markdown_script");

Lists

Unordered list

Cant be marked with -, + or *

1
2
3

- First item
- Second item
- Third item

1
2
3

+ First item
+ Second item
+ Third item

1
2
3

* First item
* Second item
* Third item

• First item
• Second item
• Third item

• First item
• Second item
• Third item

• First item
• Second item
• Third item

Ordered lists

Incrementation is automatic, you can simply use 1. everywhere

1
2
3

1. First item
1. Second item
1. Third item

1. First item
2. Second item
3. Third item

Nested list

1
2
3
4
5
6

- First item
- Second item
- Third item
  1. Indented item
  1. Indented item
- Fourth item

• First item
• Second item
• Third item
  1. Indented item
  2. Indented item
• Fourth item

Linebreaks

When you hit enter just once between two lines, both lines are joined into a single paragraph.

But, if you leave a blank line between them, they will split into two paragraphs.

1
2
3
4

This text is a paragraph.
This won't be another paragraph, it will join the line above it.

This will be another paragraph, as it has a blank line above it.

This text is a paragraph. This won’t be another paragraph, it will join the line above it.

This will be another paragraph, as it has a blank line above it.

Force line breaks

To force a line break, end a line with two or more whitespaces, and then type return.

1
2

This is the first line.··
Second line

This is the first line.
Second line

Horizontal lines

Can be inserted with four *, - or _

1
2
3
4
5

----

****

____

Links

Basic links

1
2
3

[Semantic description](https://culturecloud.eu.org/posts/markdown-guide)  
<address@example.com>  
<https://culturecloud.eu.org/posts/markdown-guide> works too. Must be used for explicit links.

Semantic description
address@example.com
https://culturecloud.eu.org/posts/markdown-guide works too. Must be used for explicit links.

Links using text reference

1
2
3
4
5
6

[I'm a link][Reference text]

[This link] will do the same as well. It works as the identifier itself.

[reference text]: https://culturecloud.eu.org/
[this link]: https://culturecloud.eu.org/posts/markdown-guide

I’m a link

This link will do the same as well. It works as the identifier itself.

Note: The reference text is not case sensitive

Link with a title on hover

1
2
3
4
5
6
7
8
9

[Random text][random-identifier].
Hover the mouse over it to see the title.

Several syntaxes are accepted:
[One](https://eff.org "First site")
[Two](https://example.com 'Second site')
[Three](https://example.com (Third site))

[random-identifier]: https://culturecloud.eu.org/ "This example has a title"

Random text. Hover the mouse over it to see the title.

Several syntaxes are accepted: One Two Three

Links with Markdown style

To emphasize links, add asterisks before and after the brackets and parentheses.

I love supporting the **[EFF](https://eff.org)**.  
This is the *[Markdown Guide](https://www.markdownguide.org)*.

To denote links as code, add backticks inside the brackets:

See the section on [`Code Formatting`](#code-formatting).

I love supporting the EFF.
This is the Markdown Guide.
See the section on Code Formatting.

Attribute a custom anchor to a heading

Anchors are automatically generated based on the heading’s content. You can customize the anchor this way:

### Heading {#custom-id}

Heading

Code formatting

Inline

Wrap with single backticks to highlight as`code` → code

Codeblocks

Create a code block with three backticks ``` before and after your block of code.

1
2

sudo apt hello
cat /etc/apt/sources.list

Also possible with a tabulation or four empty spaces at the beginning of the lines:

Tabulation

sudo apt hello
echo "hi"

Four whitespaces

sudo apt hello

Let’s test the wrapping of a long line:

apt install test apt install test apt install test apt install test apt install test apt install test apt install test apt install test apt install test apt install test apt install test apt install test apt install test apt install test

Codeblocks with syntax highlighting

Set the language right after the first backticks (for example ```html ) to get syntax highlighting

Samples:

HTML

1
2
3
4
5
6

<!DOCTYPE html>
<html lang="fr" itemscope itemtype="http://schema.org/WebPage">
  <head>
  <meta charset="utf-8" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">

CSS

1
2
3
4
5

/* Comment */
.blog-post h2, h3 {
  margin-top: 1.6em;
  margin-bottom: 0.8em;
}

Bash

1
2
3
4
5
6

# Comment

if [[ ! $system =~ Linux|MacOS|BSD ]]; then
	echo "This version of bashtop does not support $system platform."

sudo apt install test

Diff

1
2
3
4

- delete
+ add
! test
# comment

Escaping with backslashes

Any ASCII punctuation character may be escaped using a single backslash.

Example:

\*this is not italic*

*this is not italic*

Markdown provides backslash escapes for the following characters:

\   backslash
`   backtick
*   asterisk
_   underscore
{}  curly braces
[]  square brackets
()  parentheses
#   hash mark
+	plus sign
-	minus sign (hyphen)
.   dot
!   exclamation mark

Images

Basic syntax

1

  ![Semantic description of the image](/images/cc-square-rounded.png)

Note: The text inside the square brackets is important!

Screen reader users get informations about the image with this attribute called ALT, for alternative text.

Including descriptive alt text helps maintain accessibility for every visitor and should always be included with an image. When you add alt text be sure to describe the content and function of the picture.
In addition to the accessibility benefits, ALT is useful for SEO. It’s also displayed when, for some reason, the picture is not loaded by the browser.

Image with title and caption

1
2
3
4
5

<![Semantic description](/images/cc-square-rounded.png "Your title")*Your caption*

or with shortcode 'figure' ~

Clickable images

For clickable images, simply wrap the image markup into a link markup:

1

[![Semantic description](/images/cc-square-rounded.png "Your title")](https://culturecloud.eu.org/)

Image with an identifier

You can call the image with an identifier as we do for links

1
2
3
4
5

![Semantic desc.][image identifier]

Lorem ipsum dolor sit amet consectetur adipisicing elit [...]

[image identifier]: /images/cc-square-rounded.png "Title"

Task lists

1
2

- [X] Write the press release
- [ ] Update the website

• Write the press release
• Update the website

Tables

1
2
3
4

| Syntax    | Description |
| --------- | ----------- |
| Header    | Title       |
| Paragraph | Text        |

or

1
2
3
4

| Syntax | Description |
| - | --- |
| Header | Title |
| Paragraph | Text|

will render the same way:

Text alignment in tables

1
2
3
4

| Syntax    | Description |   Test Text |
| :-------- | :---------: | ----------: |
| Header    |    Title    | Here's this |
| Paragraph |    Text     |    And more |

See the way the text is aligned, depending on the position of ':'

Footnotes

1
2
3
4

Here's a sentence with a footnote[^1].
(see the result at the bottom of the page)

[^1]: This is the first footnote.

Here’s a sentence with a footnote¹.
(see the result at the bottom of the page)

Long footnote

 1
 2
 3
 4
 5
 6
 7
 8
 9
10

Here's a longer one.[^bignote]
(see the result at the bottom of the page)

[^bignote]: Here's one with multiple paragraphs and code.
	
	Indent paragraphs to include them in the footnote.
	
	`{ my code }`
	
	Note that you can place the footnote anywhere you want in your article

Here’s a longer one.² (see the result at the bottom of the page)

Definition List

1
2
3
4
5
6
7
8

term
: definition

second term
: meaning

complex term
: long definition including **bold text**. Velit tempor cillum aute culpa pariatur enim laboris consectetur tempor. Aute elit non do ipsum. Nisi quis culpa magna esse ipsum. Ad aliquip ullamco minim cillum in ullamco.

term

definition

second term

meaning

complex term

long definition including bold text. Velit tempor cillum aute culpa pariatur enim laboris consectetur tempor. Aute elit non do ipsum. Nisi quis culpa magna esse ipsum. Ad aliquip ullamco minim cillum in ullamco.

Headings

Add ## at the beginning of a line to set as Heading.
You can use up to 6 # symbols for the corresponding Heading levels

1
2
3

### Heading 3
[...]
###### Heading 6

Heading 3

pedit quia voluptates atque nobis, perspiciatis deserunt perferendis, nostrum, voluptatem voluptas dolorem iure voluptatum? Accusantium a dolores dicta?Pariatur voluptates quam ut, cum aliquid eum, officiis laudantium totam suscipit, ducimus odit nobis! Corrupti, doloremque sed optio voluptatibus deserunt quas repellat eius minus quasi, ipsam unde esse sequi deleniti.

Heading 4

pedit quia voluptates atque nobis, perspiciatis deserunt perferendis, nostrum, voluptatem voluptas dolorem iure voluptatum? Accusantium a dolores dicta?Pariatur voluptates quam ut, cum aliquid eum, officiis laudantium totam suscipit, ducimus odit nobis! Corrupti, doloremque sed optio voluptatibus deserunt quas repellat eius minus quasi, ipsam unde esse sequi deleniti.

Heading 5

pedit quia voluptates atque nobis, perspiciatis deserunt perferendis, nostrum, voluptatem voluptas dolorem iure voluptatum? Accusantium a dolores dicta?Pariatur voluptates quam ut, cum aliquid eum, officiis laudantium totam suscipit, ducimus odit nobis! Corrupti, doloremque sed optio voluptatibus deserunt quas repellat eius minus quasi, ipsam unde esse sequi deleniti.

Heading 6

pedit quia voluptates atque nobis, perspiciatis deserunt perferendis, nostrum, voluptatem voluptas dolorem iure voluptatum? Accusantium a dolores dicta?Pariatur voluptates quam ut, cum aliquid eum, officiis laudantium totam suscipit, ducimus odit nobis! Corrupti, doloremque sed optio voluptatibus deserunt quas repellat eius minus quasi, ipsam unde esse sequi deleniti.

Multilingual Test

অ্যানিমে জাপানি সংস্কৃতির অংশ হিসাবে পরিচিত। অ্যানিমে প্রথম 1923 সালে জাপানে আবির্ভূত হয়েছিল, কিন্তু এটি তখন এটির শৈশবে ছিল এবং বেশিরভাগই ছিল নীরব চলচ্চিত্র। 1930 এর দশকের শেষের দিকে অ্যানিমেশন সিনেমা থিয়েটারে জনপ্রিয় হয়ে ওঠে। এর পরে, দ্বিতীয় বিশ্বযুদ্ধের সময় অ্যানিমেশনের অগ্রগতি তেমন হয়নি, তবে যুদ্ধের পরে অ্যানিমে দ্রুত বিকাশ লাভ করে।

1960-এর দশকে, টিভি অ্যানিমেশন এর আগমন ঘটে, এবং শিশুদের লক্ষ্য করে অ্যানিমেশনের উৎপাদন বৃদ্ধি পায়। টিভি অ্যানিমেশন খুবই জনপ্রিয় এবং অনেক বিখ্যাত সিরিজ তৈরি করে। তাদের মধ্যে রয়েছে ডোরেমন, অ্যাস্ট্রো বয় এবং কিটি হোয়াইট (হ্যালো কিটি)।

1980-এর দশকে, অ্যানিমে ধীরে ধীরে আন্তর্জাতিক বাজারে প্রবেশ করে এবং সারা বিশ্বে জনপ্রিয় হয়ে ওঠে। এই সময়কালে মোবাইল স্যুট গুন্ডাম, ড্রাগন বল এবং সেলর সেইন্টের মতো অনেক ক্লাসিক অ্যানিমের জন্ম হয়।

1990-এর দশক থেকে, অ্যানিমে আরও বৈচিত্র্যময় এবং আরও পরিশীলিত হয়ে উঠে। কম্পিউটার গ্রাফিক্সের অগ্রগতি আরও পরিশীলিত অ্যানিমেশনের জন্ম দেয় এবং নতুন দর্শকদের জন্য উন্মুক্ত করে।

অ্যানিমে এখন জাপানি সংস্কৃতির অংশ এবং সারা বিশ্বে জনপ্রিয়। অ্যানিমে শিল্প জাপানের অর্থনীতিতে অত্যন্ত গুরুত্বপূর্ণ ভূমিকা পালন করে এবং সারা বিশ্বের ভক্তদের বাহবা পায়।

アニメは日本の文化の一部として知られています。アニメは日本で最初に1923年に登場しましたが、それはまだ黎明期であり、ほとんどがサイレント映画でした。アニメは、1930年代後半に映画館でよく見られるようになりました。その後、第二次世界大戦中には制限がありましたが、戦後、アニメは急速に発展しました。

1960年代には、テレビアニメが登場し、子供たちを狙ったアニメの制作が増えました。テレビアニメは非常に人気があり、多くの有名なシリーズが誕生しました。その中には、ドラえもん、アストロボーイ・鉄腕アトム、キティ・ホワイトなどがあります。

1980年代には、アニメはますます国際的な市場に進出し、世界中で人気を博しました。この時期には、機動戦士ガンダム、ドラゴンボール、聖闘士星矢など、多くの名作アニメが生まれました。

1990年代以降、アニメはますます多様化し、より高度な技術が使われるようになりました。コンピュータグラフィックスの進歩により、より洗練されたアニメーションが可能になり、新しい視聴者層を開拓することができました。

現在、アニメは日本の文化の一部であり、世界中で愛されています。アニメ産業は、日本の経済にとって非常に重要な役割を果たしており、世界中のファンからの支持を得ています。

References

• Source of This Page
• Markdown Guide - Basic Syntax
• Markdown Guide - Extended Syntax
• Daring Fireball: Markdown Syntax Documentation
• Markdown Guide at Gitlab.com
• CommonMark Spec

Related projects

• https://github.com/ericwbailey/markdown-test-file
• https://scottspence.com/posts/writing-with-markdown
• https://codingnconcepts.com/markdown/markdown-syntax/
• https://codeit.suntprogramator.dev/basic-markdown-syntax/
• https://daringfireball.net/projects/markdown/syntax.text