front-matter
marked
Our great sponsors
- SurveyJS - A Non-Cloud Alternative to Google Forms that has it all.
- Amplication - open-source Node.js backend code generator
- Appwrite - The open-source backend cloud platform
- Sonar - Write Clean JavaScript Code. Always.
- Mergify - Tired of breaking your main and manually rebasing outdated pull requests?
- InfluxDB - Collect and Analyze Billions of Data Points in Real Time
front-matter | marked | |
---|---|---|
4 | 58 | |
648 | 30,484 | |
- | 1.2% | |
0.0 | 9.3 | |
about 1 month ago | 3 days ago | |
JavaScript | TypeScript | |
MIT License | GNU General Public License v3.0 or later |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
front-matter
-
Creating an SSG (Static Site Generation) Application with Strapi Webhooks and NextJs
To set our metadata dynamically, we also imported the front-matter dependency.
-
Label automation at your fingertips
front-matter parser
- Why I built my own static site generator
-
Making a Markdown Editor for Your Vue Blog with Front Matter Support
What we want is for our editor to take the combination of front-matter data and markup, then be able to extract the two before storing that data separately somewhere. We'll be using the front-matter module to extract the data we need from the text editor content.
marked
-
🤖 AI Search and Q&A for Your Dev.to Content with Vrite
Vrite SDK provides a few built-in input and output transformers. These are functions, with standardized signatures to process the content from and into Vrite. In this case, gfmInputTransformer is essentially a GitHub Flavored Markdown parser, using Marked.js under the hood.
-
Better code highlighting on the web: rehype-tree-sitter
Another contestant in this realm is Bright[1]. It runs entirely on the server and doesn't increase bundle size as seen here[2]. Regarding parsing speed tree-sitter is without a doubt performant since it is written in Rust, but I don't have any problems "parsing on every keystroke" with a setup containing Marked[3], highlight.js[4] and a sanitizer. I did however experience performance issues with other Markdown parser libraries than Marked.
[1]: https://bright.codehike.org/
[2]: https://aihelperbot.com/test-suite
-
Vrite Editor: Open-Source WYSIWYG Markdown Editor
To handle pasting block Markdown content like this, I had to tap into ProseMirror and implement a custom mechanism (though somewhat based on TipTap’s paste rules), detecting starting and ending points of the blocks and parsing them with Marked.js.
-
How I put ChatGPT into a WYSIWYG editor
Again, with streaming enabled, you’ll now receive new tokens as soon as they’re available. Given that OpenAI’s API uses Markdown in its response format, a full message will need to be put together from the incoming tokens and parsed to HTML, as accepted by the replaceContent function. For this purpose, I’ve used the Marked.js parser.
-
Can you use Eleventy with just md files? Or do you need a templating language?
Eleventy can take an .md file and output a .html but if you want to go as vanilla as possible you can just use a module like marked to do that.
-
Next-Level Technical Blogging with Dev.to API
Once you have the article data, you’ll likely have to process its body_markdown to a format required by your website, like HTML. There are many tools you can do this with — here’s an example using Marked.js:
-
[AskJS] Advice on how to manage breaking changes in the first versions of a UI Library
While changeset still lacks some features like a unified changelog for all the package, this can be handled with some scripts. Using for example marked one could set up some parsing to create a unified changelog for the whole system.
-
Releasing Longdown: Convert longform markdown files to outline format used by Logseq
did you look at the marked parser? (https://github.com/markedjs/marked) I'm using it for an upcoming plugin I'm working on
-
Good Markdown Editor for SvelteKit?
I used marked.js to build my blog. I use it as both an in browser editing tool and to compile markdown from a database on the server. It's certainly not as advanced as ByteMD or Milkdown, but it does have some extensions to bridge a few of the gaps.
Markdown isn't really standardised, but that's understandable wanting to use it if not all clients are web-based. If you only want to display the result and not have a rich editor, you could look into something simpler like Marked.
What are some alternatives?
remark - markdown processor powered by plugins part of the @unifiedjs collective
markdown-it - Markdown parser, done right. 100% CommonMark support, extensions, syntax plugins & high speed
gray-matter - Smarter YAML front matter parser, used by metalsmith, Gatsby, Netlify, Assemble, mapbox-gl, phenomic, vuejs vitepress, TinaCMS, Shopify Polaris, Ant Design, Astro, hashicorp, garden, slidev, saber, sourcegraph, and many others. Simple to use, and battle tested. Parses YAML by default but can also parse JSON Front Matter, Coffee Front Matter, TOML Front Matter, and has support for custom parsers. Please follow gray-matter's author: https://github.com/jonschlinkert
snarkdown - :smirk_cat: A snarky 1kb Markdown parser written in JavaScript
docsify - 🃏 A magical documentation site generator.
DOMPurify - DOMPurify - a DOM-only, super-fast, uber-tolerant XSS sanitizer for HTML, MathML and SVG. DOMPurify works with a secure default, but offers a lot of configurability and hooks. Demo:
js-yaml - JavaScript YAML parser and dumper. Very fast.
MDsveX - A markdown preprocessor for Svelte.
PEG.js - PEG.js: Parser generator for JavaScript
Jinja2 - A very fast and expressive template engine.
Metalsmith - An extremely simple, pluggable static site generator.
URI.js - Javascript URL mutation library