Skip to content

hackmdio/vscode-hackmd

Repository files navigation

The official HackMD Markdown VSCode extension

Use the same HackMD markdown right in VSCode!

Visual Studio Marketplace Installs Visual Studio Marketplace Downloads

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

sidebar

Render code block with line numbers

line-numbers

MathJax, Diagrams

mathjax Sequence-diagram mermaid

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