ParseMark.js

ParseMark.js

一个用于解析Markdown元数据和内容的轻量级JavaScript库

许可证 (opens new window)

GitHub徽标 SH20RAJ (opens new window) / ParseMark (opens new window)

一个用于解析Markdown元数据和内容的轻量级JavaScript库

文档 (opens new window) 许可证 (opens new window)

安装 #

使用 npm #

npm install parsemarkjs

进入全屏模式 退出全屏模式

使用 CDN #

在 HTML 文件中包含以下脚本标签:

<script src="https://cdn.jsdelivr.net/gh/SH20RAJ/ParseMark@main/ParseMark.js"></script>

进入全屏模式 退出全屏模式

使用 #

构造函数 #

const markdown = `
---
title: "Sample Post"
tags: javascript, library, markdown
datePublished: Fri, 04 Feb 2024 12:00:00 GMT
---

# Sample Post

This is a sample post content.
`;

const parser = new ParseMark(markdown);

进入全屏模式 退出全屏模式

getMetadata() #

const metadata = parser.getMetadata();
console.log('Metadata:', metadata);

进入全屏模式 退出全屏模式 ### getRawMetadata()

const rawMetadata = parser.getRawMetadata();
console.log('原始元数据:', rawMetadata);

退出全屏模式

getContent() #

const content = parser.getContent();
console.log('内容:', content);

退出全屏模式

示例输出 #

[![Screenshot 2024-02-02 at 3 14 25 PM](https://res.cloudinary.com/practicaldev/image/fetch/s--q-OXQKNF--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://private-user-images.githubusercontent.com/66713844/301802760-d1b845b1-2ae7-4d07-89ad-b60006e22165.png%3Fjwt%3DeyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MDcyMDkwNTQsIm5iZiI6MTcwNzIwODc1NCwicGF0aCI6Ii82NjcxMzg0NC8zMDE4MDI3NjAtZDFiODQ1YjEtMmFlNy00ZDA3LTg5YWQtYjYwMDA2ZTIyMTY1LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAy [点击此处查看图片](https://private-user-images.githubusercontent.com/66713844/301802760-d1b845b1-2ae7-4d07-89ad-b60006e22165.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MDcyMDkwNTQsIm5iZiI6MTcwNzIwODc1NCwicGF0aCI6Ii82NjcxMzg0NC8zMDE4MDI3NjAtZDFiODQ1YjEtMmFlNy00ZDA3LTg5YWQtYjYwMDA2ZTIyMTY1LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDAyMDYlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwMjA2VDA4MzkxNFomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTU0MWI0ZWExYTk3MTU0YTBhYTY1NjQ0MjE5ZTU1MWMxMmV ## 许可证

该项目基于 MIT 许可证...

安装 #

使用 npm #

npm install parsemarkjs

使用 CDN #

在您的 HTML 文件中包含以下脚本标签:

<script src="https://cdn.jsdelivr.net/gh/SH20RAJ/ParseMark@main/ParseMark.js"></script>

用法 #

构造函数 #

const markdown = `
---
title: "Sample Post"
tags: javascript, library, markdown
datePublished: Fri, 04 Feb 2024 12:00:00 GMT
---

# Sample Post

This is a sample post content.
`;

const parser = new ParseMark(markdown);

获取元数据 #

const metadata = parser.getMetadata();
conso le.log('元数据:',metadata);

进入全屏模式 退出全屏模式

getRawMetadata() #

const rawMetadata = parser.getRawMetadata();
console.log('原始元数据:',rawMetadata);

进入全屏模式 退出全屏模式

getContent() #

const content = parser.getContent();
console.log('内容:',content);

进入全屏模式 退出全屏模式

示例输出 #

Screenshot 2024-02-02 at 3 14 25 PM (opens new window)