簡要

段落。繼續段落(沒有空一行)。

第二段落。

不管空幾行,都一樣是段落。

Top Level H1

H2

#Just a tag Also a # tag.

Alternate H1

Alternate H2

H3

H6

This is a list element

This is also a list element

This is also a list element
This is a sublist element

Also a sublist element
- Sublist level 2
1. Numbered sublist
2. Next item 3. Next indent level

Numbered sublist
Next item
1. Next indent level(前面空5格)
  - Sublist non numbered(空3格)
Back

Horizontal Lines:

Block Quote

Inline Formatting

Italics

Bold

Bold+Italics

this_is_not_emphasis

~~Strikethough~~

Content with a -- (dash) and a --- (long dash).

link

Shared Links with footnotes

Second shared link

target 1

Sample inline code a++ can be specified here.

Alt Text

HTML Escaped characters and inline HTML

Registered: ®

Trademark: ™

Less Than: <

Greater Than: >

Ampersand: >

Smiley: 😄

Embedded HTML: x²

Floating image via HTML: Follow up text after the image. This honors the floats and wraps around the image, automatically going into the next line.

Tables, Code Blocks and Task lists

Name	Job
Alex	Web Developer
Bob	Sys Admin
Gabby	Technical Writer

Alternate Table

Name	Mantra
Alex	There must be a better way.
Bob	Play it safe.
Gabby	Try everything, but do what you like.

Acme Website task list

Get the home page up
Update Privacy Policy and Terms of Use
Add the about page
Start the blog
Enable contact us

Code block

var x= 10;
x++;
console.log(x);

With highlighting:(無作用)

while (!success) {
  tryAgain();
  attempt++;
  if (Dead) {
    break;
  }
}

Direct Emojis

Smile please 😄

I ❤️ Hugo

Wink 😉

A link to Emojis

Definition Lists

Alex: Hippy Web Developer; Technophile
Bob: Classic SysAdmin; Conservative
Gabby: Cool Content Master; Cautious

如何插入圖

  ![drawing](img.png)

上面的markdown 會轉成如下的HTML:

<img src="img.png" alt="drawing">

利用CSS重設寬度為:200px;

img[alt=drawing] { width: 200px; }

逃脫

escape shortcode

```md
 {{<* myshortcode *>}} 
```

結果

{{< myshortcode >}}