* [1st]() # (My first HackMD note)
> [name=]
###### tags: `Tag(1st HackMD note)`

>:video_game:
> *[link text](https:// "title") (https:// "title")* :arrow_left: an*[]:arrow_left: *[ :arrow_left:] (https://)**d see the rendered result on the right. :arrow_right: > :arrow_left: an*[](https://1stHackNote)*d see the rendered result on the right. :arrow_right:
- [x]> [link text] (https:// "1stHackNote")

- [x]> #My first HackMD note
- [x]> ######(1st)
- [x]> :rocket:

[x]>:rocket:

Let's try it out!
Apply different styling to this paragraph:
# - [x]**HackMD gets everyone on the same page with Markdown.**[==(/~~first note~~)==) fleeting ideas and formalize tribal knowledge.

# - [x]**Bold**~~~~
# - [x]~~Crossed~~****)
# - [x] ==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!


- [x] Register and sign-in to HackMD (to use advanced features :tada: )
- [x] Set Permalink for this note
- [x] 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!
## BONUS: HackMD!
- GitHub Sync | [ :GitHub-Sync : ]
|
- Browser Extension
|
- Book Mode
|
- Slide Mode
|
- Share Features
| 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}
$$

- 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]
[color=#3b75c6]
- Embed YouTube Videos
{%youtube PJuNmlE74BQ %}
{%youtube PJuNmlE74BQ %}

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

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