---
# System prepended metadata

title: 我的第一個Hackmd筆記
tags: [筆記]

---

# 我的第一個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

![image](https://hackmd.io/_uploads/Hkb4Rw8_a.png)
![318295605](https://hackmd.io/_uploads/SJVuRwU_6.jpg)





- [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.

![](https://i.imgur.com/Cnle9f9.png)
:::

> 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!

![permalink setting demo](https://i.imgur.com/PjUhQBB.gif)

- [ ] 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}
$$

```javascript=16
var s =   "JavaScript syntax highlighting";   
alert(s);
```



- Code block with color and line numbers：
```javascript=16
var s = "JavaScript syntax highlighting";
alert(s);
```
![image](https://hackmd.io/_uploads/r1aoJdIup.png)

- UML diagrams
```sequence
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>

