marking-down
v0.1.2
Published
Now you can customize
Downloads
7
Readme
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
# 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