What is hackmd?

• Collaborative
• Markdown Render
• Notes
• Slides
• Book Mode
• GitHub Connectivity
• Use reveal: https://github.com/hakimel/reveal.js/

Other Options?

• Google Slides, Powerpoint, Keynote
  • Not good with code
  • markdown
  • math etc.
• Pandoc
  • Similar to hackmd but only slides
  • Local and link sharing is not direct.
• LaTeX and Beamer
  • Extreme customization possible
  • But I don't want to invest a lot of time writing verbose LaTeX.
• Custom Builds
  • Extreme customization possible
  • Based on remark and reveal

Basics

Syntax to divide slides: --- and rest is usual markdown

Code

# This is python
print("Yo! What up?")

You can try different things and syntax highlighting

# This is python
x = y + 3

Math

\(softmax(x)_i = \frac{exp(x_i)}{\sum_{j}^{ }exp(x_j))}\)

Tables

 
<table>
  <tbody><tr>
    <td>Interns</td>
    <td>Project</td>
    <td>Joined</td>
  </tr>
  <tr>
    <td>Anirudh</td>
    <td>Data-API</td>
    <td>June</td>
  </tr>
  <tr>
    <td>Matthew</td>
    <td>Hypothesis</td>
    <td>July</td>
  </tr>
</tbody></table>
 
<table>
  <tbody><tr>
    <td>Interns</td>
    <td>Project</td>
    <td>Joined</td>
  </tr>
  <tr>
    <td>Anirudh</td>
    <td>Data-API</td>
    <td>June</td>
  </tr>
  <tr>
    <td>Matthew</td>
    <td>Hypothesis</td>
    <td>July</td>
  </tr>
</tbody></table>
 
<table>
  <tbody><tr>
    <td>Interns</td>
    <td>Project</td>
    <td>Joined</td>
  </tr>
  <tr>
    <td>Anirudh</td>
    <td>Data-API</td>
    <td>June</td>
  </tr>
  <tr>
    <td>Matthew</td>
    <td>Hypothesis</td>
    <td>July</td>
  </tr>
</tbody></table>

Fragments

Fade in

Fade out

Make this red

Fade in, then out

Slide up while fading in

Speaker Notes

• Notes
• Timer
• Next slide preview.

Press the S key to try it out.

Pause Slides

Press b key to try it out.

Summary

Good presentation: keeps things minimal.

Why should you be interested?

1. Dig Minimalist Clean Vibe.
2. Have a lot of code/math on your slides.
3. You are a markdown fan and don’t really have the time for LaTeX and Beamer etc.
4. Keep notes in markdown then it is very easy to convert that to slides.
5. Slide links are super easy to share.
6. Easily connect with github.
7. Great on touch devices (mobile and tablets). Simply swipe through slides.

Thanks!