My first HackMD note (change me!)

tags: Tag(change me!)

This note is yours, feel free to play around.

Image Not Showing Possible Reasons

• The image file may be corrupted
• The server hosting the image is unavailable
• The image path is incorrect
• The image format is not supported

Learn More →

Type on the left

Image Not Showing Possible Reasons

• The image file may be corrupted
• The server hosting the image is unavailable
• The image path is incorrect
• The image format is not supported

Learn More →

and see the rendered result on the right.

Image Not Showing Possible Reasons

• The image file may be corrupted
• The server hosting the image is unavailable
• The image path is incorrect
• The image format is not supported

Learn More →

Image Not Showing Possible Reasons

• The image file may be corrupted
• The server hosting the image is unavailable
• The image path is incorrect
• The image format is not supported

Learn More →

Where do I start?

Step 1: Change the title and add a tag

• Create my first HackMD note (this one!)
• Change its title
• Add a tag

Step 2: Write something in Markdown

Let's try it out!
Apply different styling to this paragraph:
HackMD gets everyone on the same page with Markdown. Real-time collaborate on any documentation in markdown. Capture fleeting ideas and formalize tribal knowledge.

• Bold
• Italic
• Super^script
• Sub_script
• Crossed
• Highlight

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

Step 3: Invite your team to collaborate!

Click on the Sharing menu

• Register and sign-in to HackMD (to use advanced features
  Image Not Showing Possible Reasons

  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported

  Learn More →
  )
• Set Permalink for this note
• Copy and share the link with your team

BONUS: More cool ways to HackMD!

• Table

• 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
  
  • My first HackMD note (change me!)
    • Where do I start?
      • Step 1: Change the title and add a tag
      • Step 2: Write something in Markdown
      • Step 3: Invite your team to collaborate!
    • BONUS: More cool ways to HackMD!

Leave in-line comments!

• Embed YouTube Videos

Put your cursor right behind an empty bracket {}

Image Not Showing Possible Reasons

• The image file may be corrupted
• The server hosting the image is unavailable
• The image path is incorrect
• The image format is not supported

Learn More →

and see all your choices.

• And MORE ➜ HackMD Tutorials