MRender
Introduction
What is MRender?
Getting Started
Writing
Markdown Extensions
Examples
Examples Overview
TOC Disabled
layout
TOC Disabled + Wide
layout
SEO Overrides
seo
Origin Link
seo
ng-component Demo
components
Code Group and Alerts
code
Code Features Playground
code
Preview Group Filters
components
MRender

Example: Origin Link

This page demonstrates the origin block rendered from markdown frontmatter.

What it does

When origin is present, MRender renders a source card near the end of the article with:

  • Source label (originLabel, or auto-generated fallback)
  • External source URL
  • Safe external link attributes

Copy-paste template

Minimal version

If originLabel is not provided, the label is inferred from the host. For example, medium.com becomes Originally published on Medium.

Validation steps

  1. Open this page in docs.
  2. Scroll to the bottom of article content.
  3. Confirm the source card is visible and link opens in new tab.
  4. Remove originLabel and verify fallback label.

Common mistakes

  • Passing an invalid URL (block will not be rendered).
  • Using non-http protocols.
  • Expecting the source block without origin frontmatter.
Edit this page on GitHub
In this article