HackMD tutorial

Step 1: # and titles

#number indicates title hierarchy until 6#s represents tags

Step 2: layout stying

three seperators "```" blocks out a section for code 

• star sign "*" is bullet point

• dash bracket "-[]" is checklist

1. numbers+dot initiates a numeric list

greater sign ">" preps a quote in grey

three colons ":::"blocks out a colored comment section when paired with a code

success is green

info is blue

warning is yellow

danger is red

spoiler holds collapsible details

Step 3: text styling

• Bold: wrapped by two ** / cmd+ B
• Italic: wraped by one * / cmd + I
• Super^script: wrapped by one ^
• Sub_script: wraped by one ~
• Crossed: wraped by two ~~
• Highlight: wraped by two ==
• color-coded code blocks: add code language=start line number

const list = [10, 20];
console.log(list.map(x => (x * x)))

• soft wrap / code line auto-formating: add ! after code language specification

const veryLongLine = list.map(doSomething1).map(doSomething2).map(doSomething3).join(", ").toLocaleLowerCase('en-US')

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

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

Step 4: collaboration

Click on the Sharing menu

to collaborate

how to link content:

[link title](https://)

link title

a bracket and a colon defines a link

[link title]: https://

---

1. Register and sign-in to HackMD
2. Set Permalink for this note
3. Copy and share the link with your team

---

HackMD Tutorials

Features	Tutorials
GitHub Sync
Browser Extension
Book Mode
Slide Mode
Share & Publish

• LaTeX for formulas

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

• UML diagrams

• Auto-generated Table of Content:[ToC]
• Embed YouTube Videos:{%youtube PJuNmlE74BQ %}