Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>MarkhubNew to Visual Studio Code? Get it now.
Markhub

Markhub

HellFiveOsborn

|
4 installs
| (1) | Free
A powerful Markdown editor and previewer with Mermaid support.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Markhub 🚀

Markhub Logo

Markhub é um editor e visualizador de Markdown avançado para o VS Code, projetado para oferecer uma experiência de escrita superior com recursos que a visualização nativa não possui.

Transforme sua documentação com diagramas interativos, alertas modernos e um design que se adapta perfeitamente ao seu tema.

🖼️ Clique para ver os Exemplos
Preview do Markhub Preview do Markhub

✨ Por que usar o Markhub?

Embora o VS Code já possua um preview de Markdown, o Markhub leva a experiência para outro nível:

Funcionalidade ⚡ Markhub 📦 VS Code Nativo
Diagramas Mermaid Interativos (Zoom, Pan, Move, Expandir) Estáticos
GitHub Alerts Suporte Completo (Estilo visual idêntico ao GitHub) Básico
Imagens Zoom & Lightbox (Clique para ampliar) Estáticas
Controles de Leitura Ajuste de Fonte & Zoom na barra de ferramentas Fixo
Cópia de Código Botão de Cópia em todos os blocos Manual
Screenshots Captura Instantânea (Ctrl+Alt+S) ❌
Interface Theme-Aware (Adaptação instantânea Claro/Escuro) Padrão

🛠️ Funcionalidades Principais

1. Capturas de Tela (Screenshots)

Precisa compartilhar sua documentação? Pressione Ctrl+Alt+S para salvar instantaneamente uma imagem PNG de alta resolução do seu preview, com renderização perfeita (incluindo ícones e temas).

2. Diagramas Mermaid Interativos

Não apenas visualize, mas interaja com seus diagramas. Use zoom, arraste para mover e expanda para tela cheia para analisar fluxos complexos com facilidade.

3. GitHub Alerts (Admonitions)

Renderize alertas [!NOTE], [!TIP], [!IMPORTANT], [!WARNING] e [!CAUTION] exatamente como eles aparecem no GitHub, melhorando a legibilidade da sua documentação.

4. Visualização de Imagens Aprimorada

Imagens pequenas demais? Basta clicar para abrir em um lightbox com controles de zoom, sem sair do editor.

5. Experiência de Leitura Personalizável

Aumente ou diminua o tamanho da fonte do preview diretamente pela barra de ferramentas flutuante, ideal para apresentações ou leitura confortável.

🚀 Como Usar

  1. Abra qualquer arquivo .md no VS Code.
  2. O Markhub deve abrir automaticamente como seu editor padrão.
  3. Caso não abra, clique com o botão direito na aba do arquivo e selecione "Open Preview".
  4. Para editar, dê um duplo clique em qualquer lugar do preview para alternar instantaneamente para o editor de texto.

🤝 Colabore com o Projeto

O Markhub é um projeto open-source mantido pela comunidade. Se esta extensão ajudou você ou sua equipe, considere apoiar o desenvolvimento contínuo!

Bitcoin (BTC): bc1qwxc002hc8f0jq9ns5u5un2nvku7kw3g953pw53

Lightning Network: cuttinggate97@walletofsatoshi.com


Autor: HellFiveOsborn Repositório: GitHub

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft