remark-embed-tag Showcase

Introduction

This is a remark plugin that renders a html embed from a simple tag syntax in markdown. This tag syntax is inspired by Hexo.

GitHub | NPM

I developed it initially for personal use but then I realized that it is fully generalizable. Thus, I published it.

Widget Showcase

Steam

Source:

{% steam 1260810 %}

Result:

Vimeo

Source:

{% vimeo 920605262 %}

Result:

YouTube

Source:

{% youtube PJgEu_Ecuf8 %}

Result:

Spotify

Source:

{% spotify 7gkS9SJbH6oMNAhcqsAYXZ}

Result:

{% spotify 7gkS9SJbH6oMNAhcqsAYXZ}

JSFiddle

Source:

{% jsfiddle zfUyN %}

Result:

Advanced Usage

Customize Iframe

Source:

{% youtube PJgEu_Ecuf8 %}(width=20%)

Result: