ParseMark.js
一个用于解析Markdown元数据和内容的轻量级JavaScript库
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);
进入全屏模式 退出全屏模式