Extending AstroJS Markdown Processing With Remark and Rehype Plugins

• remark

  44 7,830 7.6 JavaScript

  markdown processor powered by plugins part of the @unifiedjs collective (by remarkjs)

  

  Both Remark and Rehype are frameworks to transform documents by first transforming them to abstract syntax trees (AST) and then applying pluggable functions to the AST before converting it to the target format.

• SaaSHub

  www.saashub.com featured

  SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives

  

• mermaid

  150 74,232 9.9 TypeScript

  Generation of diagrams like flowcharts or sequence diagrams from text in a similar manner as markdown

  

  Lets, assume we want to add rendered Mermaid diagrams to our page by transforming the source code in fenced code blocks like the following:

• rehype

  18 1,854 7.2 JavaScript

  HTML processor powered by plugins part of the @unifiedjs collective

  

  Both Remark and Rehype are frameworks to transform documents by first transforming them to abstract syntax trees (AST) and then applying pluggable functions to the AST before converting it to the target format.

• remark-rehype

  5 276 6.1 JavaScript

  plugin that turns markdown into HTML to support rehype

  

  💡 Remark and Rehype may be combined if we export HTML after transformation with Remark, for example by using the remark-rehype plugin. AstroJS automatically does this for use, so we do not need to worry about the transformation and may directly write plugins for Remark and Rehype.

Suggest a related project