marking-down v0.1.2

marking-down is a library that enables you to customize and use components inside of your .md file. See this example:

Hi! Here are my latest blogs :)

{
  ### How to succeed in life
  @@Some tips to succeed in life by Osama Mohammed...@@
}

{
  ### How to succeed in programming
  @@Some tips to succeed in programming by Osama Mohammed...@@
}

See the output live: https://osama-mhmd.github.io/marking-down#example-1

• Installation
• Quick Start
• Features

Installation

# using npm
npm install marking-down

# using yarn
yarn add marking-down

# using pnpm
pnpm add marking-down

Quick Start

React

In your react app, add these lines

// page.tsx
import { mdFile } from "marking-down";
import * as path from "path";

export function Blog() {
  return (
    <div
      dangerouslySetInnerHTML={{
        __html: mdFile(path.resolve(__dirname, "blog.md")),
      }}
    ></div>
  );
}

--> blog.md

# Installation

- with [react](#react)
- with next.js