Frontend Development 6 min read

Deploy and Master the WeChat Markdown Editor for Stunning Articles

This guide introduces the open‑source WeChat Markdown Editor, outlines its key features such as full Markdown support, Mermaid charts, code highlighting, theme customization, and image upload, and provides step‑by‑step Docker installation and usage instructions for creating stylish WeChat articles.

macrozheng
macrozheng
macrozheng
Deploy and Master the WeChat Markdown Editor for Stunning Articles

Introduction

WeChat Markdown Editor (md) is a lightweight, open‑source Markdown editor that instantly renders Markdown documents into WeChat‑compatible articles. It has gained over 7.8k stars on GitHub.

Key Features

Support for all basic Markdown syntax

Mermaid diagram rendering

Multiple code‑block highlight themes

Customizable theme colors and CSS

Multi‑image upload with configurable image hosts such as Alibaba Cloud, Tencent Cloud, MinIO, etc.

File import/export, local file management, and auto‑save drafts

Installation

md can be used online, deployed via Docker, or compiled from source. The Docker method is illustrated below.

<code>docker pull doocs/md:latest</code>
<code>docker run -p 8080:80 --name md -d doocs/md:latest</code>

After starting the container, access the editor at

http://<your‑host>:8080

.

Usage

Editing Documents

Click the

Content Management

button to open the sidebar, then use the plus sign to create a new document.

After creating a document, switch themes via

Style → Theme

, which currently offers three built‑in themes.

Theme colors can also be changed, allowing rich visual styles.

Additional settings are available via the

Settings

button.

Image Upload

md supports multiple image hosts; by default it uploads to

jsdelivr

.

Import/Export

Documents can be imported or exported as

md

or

html

files.

Summary

md is a powerful Markdown note‑taking tool; with basic Markdown knowledge you can create clean, attractive WeChat articles.

Project Links

GitHub repository: https://github.com/doocs/md

Related microservice project mall‑swarm and video tutorials are also available.

DockerImage UploadmarkdownCode HighlightingWeChat Markdown Editor
macrozheng
Written by

macrozheng

Dedicated to Java tech sharing and dissecting top open-source projects. Topics include Spring Boot, Spring Cloud, Docker, Kubernetes and more. Author’s GitHub project “mall” has 50K+ stars.

0 followers
Reader feedback

How this landed with the community

login Sign in to like

Rate this article

Was this worth your time?

Sign in to rate
Discussion

0 Comments

Thoughtful readers leave field notes, pushback, and hard-won operational detail here.