5a0004de9f
Bumps the npm_and_yarn group with 1 update in the / directory: [next](https://github.com/vercel/next.js). Updates `next` from 15.2.4 to 15.4.7 - [Release notes](https://github.com/vercel/next.js/releases) - [Changelog](https://github.com/vercel/next.js/blob/canary/release.js) - [Commits](https://github.com/vercel/next.js/compare/v15.2.4...v15.4.7) --- updated-dependencies: - dependency-name: next dependency-version: 15.4.7 dependency-type: direct:production dependency-group: npm_and_yarn ... Signed-off-by: dependabot[bot] <support@github.com>
markdown2png
A web-based tool built with Next.js that converts Markdown files to PNG images with GitHub-style formatting.
Features
- Browser-based Markdown to PNG conversion
- GitHub-style syntax highlighting
- Live preview
- High-quality PNG output
Tech Stack
- Next.js 13.5
- React 18
- TypeScript
- TailwindCSS
- marked (for Markdown parsing)
- highlight.js (for syntax highlighting)
- html-to-image (for PNG conversion)
Requirements
- Node.js
- yarn
Installation
- Clone the repository:
git clone https://github.com/riccardosenica/markdown2png.git
cd markdown2png
- Install dependencies:
yarn
Development
To run the development server:
yarn dev
Open http://localhost:3000 with your browser to see the result.
Available Scripts
yarn dev- Runs the development serveryarn build- Creates a production buildyarn start- Runs the production serveryarn lint- Runs ESLintyarn format- Formats code with Prettieryarn typecheck- Runs TypeScript type checking
Usage
- Upload your Markdown (.md) file using the file input
- Preview your formatted Markdown with syntax highlighting
- Click "Convert to PNG" to download your image