# 我的第一個Hackmd筆記

###### tags: 筆記

> 第一:video_game:
> 第二:arrow_left:
> 第三:penguin:
> 第四 🐧🐧🐧
> Type on the left and see the rendered result on the right. :arrow_right:

## :pencil: 畢業旅行規劃?

### Step 1: 地點

* - [x] 台北南港展覽館[舉例]
- [ ] 台北市101
- [ ] 新北市金山
- [ ] 台中中部粽
- [ ] 台南安平古堡
-
- [x] Create my first HackMD note (this one!)
- [ ] Change its title
- [ ] Add a tag

### Step 2: Write something in Markdown

* - [x] **台北南港展覽館**[舉例]
- [ ] **台北市101**
- [ ] ==新北市金山==
- [ ] ***台中中部粽***
- [ ] ~~台南安平古堡~~
- [ ] C+O~2~ ---> CO~2~
- [ ] 2^10^=1024
- [🐧] 我是選項

:::info
- 注意事項
-- 1.地點選擇兩個為上限
-- 2.至少選一個
:::

### Step 3: 時間
| 時間 | 上午 | 中午 | 下午 |
| -------- | ---- | ---- | ---- |
| | | | |
| **平日** | | | |
| | | | |
| 周一 | 🐧 | | |
| 週二 | | 🐧 | |
| 週三 | | | |
| 週四 | | 🐧 | |
| 週五 | 🐧 | | |
| | | | |
| **假日** | | | |
| | | | |
| 週六 | | 🐧 | |
| 週日 | | | 🐧 |

| Column 1 | Column 2 | | Column 3 |
| -------- | -------- | --- | -------- |
| Text | Text | | Text |
| | | | |
| abc | | | |
| | | | |
| | | | |

### Step 3: 飯店

| 序號 | 飯店名稱 | 網址 |
| ---- | -------- | ---- |
| 台北 | 圓山飯店 |[:derelict_house_building:][圓山飯店1] |
| 台中 | 巧合飯店 |[:house_with_garden:][巧合飯店2] |
| 台南 | 阿信輕旅 |[:house:][阿信輕旅3] |
| 花蓮 | 經典假日飯店 |[:house:][經典假日飯店4] |

[圓山飯店1]:https://www.grand-hotel.org/TW/official/main.aspx
[巧合飯店2]:https://www.agoda.com/zh-tw/chance-hotel/hotel/taichung-tw.html
[阿信輕旅3]:https://www.taiwanchoco.com.tw/zh-tw/diy-experience/Ashin%20Tainan%20Hostel
[經典假日飯店4]:https://www.google.com/travel/search?g2lb=2502548,2503771,2503781,4258168,4284970,4291517,4597339,4814050,4874190,4893075,4924070,4965990,10207532,10208620,72277293,72298667,72302247,72313836,72317059,72406588,72412680,72414906,72421566,72430562,72440517,72442338,72458707,72462262,72466827,72470899&hl=zh-Hant-TW&gl=tw&ssta=1&q=%E8%8A%B1%E8%93%AE%E4%BD%8F%E5%AE%BF&ts=CAESCAoCCAMKAggDGhwSGhIUCgcI6A8QARgIEgcI6A8QARgJGAEyAhAAKgcKBToDVFdE&qs=CAEyE0Nnb0ltcHFrNXEtdS01OWdFQUU4CkIJCex_rJnBIwYyQgkJGg3J_HLtP2BCCQmppYZapVpZpWoHCgUNAAAAAA&ap=aAG6AQhvdmVydmlldw&ictx=1&sa=X&ved=2ahUKEwi71ZKhiciDAxVPklYBHUHdDLAQvS56BAgVEE0


- [x] **Bold**
- [ ] *Italic*
- [ ] Super^script^
- [ ] Sub~script~
- [ ] ~~Crossed~~
- [🐧] ==Highlight==

:::info
:bulb: **Hint:** You can also apply styling from the toolbar at the top :arrow_upper_left: of the editing area.

:::

> Drag-n-drop image from your file system to the editor to paste it!

### Step 3: Invite your team to collaborate!

Click on the <i class="fa fa-share-alt"></i> **Sharing** menu :arrow_upper_right: and invite your team to collaborate on this note!


- [ ] Register and sign-in to HackMD (to use advanced features :tada: )
- [ ] Set Permalink for this note
- [ ] Copy and share the link with your team

:::info
:pushpin: Want to learn more? ➜ [HackMD Tutorials](https://hackmd.io/c/tutorials)
:::

---

## BONUS: More cool ways to HackMD!

- Table

| Features | Tutorials |
| ----------------- |:----------------------- |
| GitHub Sync | [:link:][GitHub-Sync] |
| Browser Extension | [:link:][HackMD-it] |
| Book Mode | [:link:][Book-mode] |
| Slide Mode | [:link:][Slide-mode] |
| Share & Publish | [:link:][Share-Publish] |

[GitHub-Sync]: https://hackmd.io/c/tutorials/%2Fs%2Flink-with-github
[HackMD-it]: https://hackmd.io/c/tutorials/%2Fs%2Fhackmd-it
[Book-mode]: https://hackmd.io/c/tutorials/%2Fs%2Fhow-to-create-book
[Slide-mode]: https://hackmd.io/c/tutorials/%2Fs%2Fhow-to-create-slide-deck
[Share-Publish]: https://hackmd.io/c/tutorials/%2Fs%2Fhow-to-publish-note

- LaTeX for formulas

$$
x = {-b \pm \sqrt{b^2-4ac} \over 2a}
$$

var s =   "JavaScript syntax highlighting";   
alert(s);

- Code block with color and line numbers：

var s = "JavaScript syntax highlighting";
alert(s);


- UML diagrams

Alice->Bob: Hello Bob, how are you?
Note right of Bob: Bob thinks
Bob-->Alice: I am good thanks!
Note left of Alice: Alice responds
Alice->Bob: Where have you been?

- Auto-generated Table of Content
[ToC]

> Leave in-line comments! [color=#3b75c6]

- Embed YouTube Videos

{%youtube PJuNmlE74BQ %}

> Put your cursor right behind an empty bracket {} :arrow_left: and see all your choices.

- And MORE ➜ [HackMD Tutorials](https://hackmd.io/c/tutorials)

<!-- https://www.youtube.com/watch?v= -->

{%youtube LXfQWFrnNzE %}

https://www.youtube.com/playlist?list=PLSdS8RXoNhoRzDMZr9bK9-mfZjJzyWP8E

{%youtube PLSdS8RXoNhoRzDMZr9bK9-mfZjJzyWP8E %}

<iframe src="https://docs.google.com/presentation/d/e/2PACX-1vQ4jz22XIKgJEMsX13JEfGiZjGzu4m1v6NE-puTqfDw4v04_l57SHXKN3_3fqDSFzEUn2uDT3WCCvXy/embed?start=false&loop=false&delayms=3000" frameborder="0" width="960" height="569" allowfullscreen="true" mozallowfullscreen="true" webkitallowfullscreen="true"></iframe>

<div class='modelo-wrapper'> <div style="width: 100%; padding-bottom: 56.25%; position: relative"> <div style="position: absolute; top: 0; bottom: 0; left: 0; right: 0;"> <iframe src=" https://app.modaiyun.com/embedded/1743520308018143232?viewport=false&autoplay=false&autorotate=false&hideTools=false&showBIM=false&showBBoxSize=false&showKooRender=false&showSettings=false" style="width:100%;height:100%;" frameborder="0" mozallowfullscreen webkitallowfullscreen allowfullscreen ></iframe> </div> </div> </div>