marked
front-matter
Our great sponsors
marked | front-matter | |
---|---|---|
60 | 4 | |
31,702 | 663 | |
1.2% | - | |
9.5 | 0.0 | |
4 days ago | 7 months ago | |
JavaScript | JavaScript | |
GNU General Public License v3.0 or later | MIT License |
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.
marked
-
Eleventy vs. Next.js for static site generation
Next, install gray-matter to extract metadata from the front matter of markdown files, and marked to convert the markdown files to HTML:
-
To learn svelte, I clone Github's issues page including useful features that you might consider reusing.
📑 Marked Markdown parser. Use it to create your own markdown editor.
-
🤖 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
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.
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:
MDsveX - A markdown preprocessor for Svelte.
js-yaml - JavaScript YAML parser and dumper. Very fast.
PEG.js - PEG.js: Parser generator for JavaScript
Jinja2 - A very fast and expressive template engine.
fast-xml-parser - Validate XML, Parse XML and Build XML rapidly without C/C++ based libraries and no callback.
Metalsmith - An extremely simple, pluggable static site generator for Node.js