The official HackMD Markdown VSCode extension

Use the same HackMD markdown right in VSCode!

Features

• New: Edit your notes right in VSCode!
• New: Browse your team notes in the HackMD explorer view
• Preview your HackMD notes in VSCode
• Create the note from editor's content
• HackMD-compatible markdown rendering preview
  • We bring most HackMD markdown syntax into VSCode 🎉

HackMD notes explorer

Render code block with line numbers

MathJax, Diagrams

Release Notes

Read the full Release Note on HackMD.

2.1.0

Added

• You can now edit notes in your workspace
• Support deleting files from the notes explorer
• Add an API limit status bar item. When you're reaching your limit, we'll let you know

Improvements

• New iconography to match Visual Studio Code style
• Update @hackmd/api to 2.4.0

Fixes

• Update react-vsc-treeview to our own maintained fork, fixing bugs when refreshing the tree view

2.0.0

Added

• Adopt access token-based API client. You need to create an access token on the HackMD settings page
• Add two more tree views: History and Team Notes.

Improvements

• Upgrade highlight.js
• Upgrade mermaid
• Upgrade more dependencies
• Adopt react-vsc-treeview package for implementing the new tree views. It's now easier to add features and fix bugs for the tree view.
• Reduce bundle size. We accidentally include node_modules in our past builds, which is not necessary.

1.1.1

Added

• HackMD Snippets command
  • Use the command: HackMD: Create a code snippet to create a code snippet on HackMD from the selected text range

Fixed

• Activity icon is not shown (#23)

1.1.0

Added

• HackMD Note explorer
  • Preview your notes on HackMD
  • Create a note from editor content in VSCode

1.0.0

Initial Release!

Added

• markdown-it plugins
  • markdown-it-abbr
  • markdown-it-container
  • markdown-it-deflist
  • markdown-it-ins
  • markdown-it-mark
  • markdown-it-mathjax
  • markdown-it-sub
  • markdown-it-sup
  • checkbox (As extension dependency)
  • markdown-it-emoji
  • markdown-it-footnote
  • markdown-it-imsize
• External Graph Renderer
  • Mermaid
  • Sequence Diagram
  • Flowchart
  • Graphviz
  • abc.js
  • Mathjax