You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
|
|
|
|
<head>
|
|
|
|
|
<!-- Load Marked and Prism yourself -->
|
|
|
|
|
<script defer src="/lib/marked.js"></script>
|
|
|
|
|
<script defer src="/lib/prism.js"></script>
|
|
|
|
|
<script type="module"
|
|
|
|
|
src="https://cdn.jsdelivr.net/gh/zerodevx/zero-md@1/src/zero-md.min.js">
|
|
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|
<!-- <script src="https://cdn.jsdelivr.net/npm/@webcomponents/webcomponentsjs@2/webcomponents-loader.min.js"></script> -->
|
|
|
|
|
|
|
|
|
|
</head>
|
|
|
|
|
<body>
|
|
|
|
|
...
|
|
|
|
|
</zero-md>
|
|
|
|
|
<zero-md>
|
|
|
|
|
<script type="text/markdown">
|
|
|
|
|
# **This** is my [markdown](https://example.com)
|
|
|
|
|
</script>
|
|
|
|
|
</zero-md>
|
|
|
|
|
...
|
|
|
|
|
<zero-md>
|
|
|
|
|
<!-- Or directly use a script tag with type "text/markdown" -->
|
|
|
|
|
<script type="text/markdown">
|
|
|
|
|
# Markdown in Script tags is automatically dedented
|
|
|
|
|
> So you don't have to worry about how much whitespace
|
|
|
|
|
> you have to the left of your markdown block
|
|
|
|
|
</script>
|
|
|
|
|
</zero-md>
|
|
|
|
|
...
|
|
|
|
|
<zero-md
|
|
|
|
|
src="https://example.com/my-markdown.md">
|
|
|
|
|
</zero-md>
|
|
|
|
|
...
|
|
|
|
|
<!-- <zero-md src="https://example.com/markdown.md">
|
|
|
|
|
<template>
|
|
|
|
|
<link rel="stylesheet" href="markdown-styles.css" />
|
|
|
|
|
<style>
|
|
|
|
|
h1 {
|
|
|
|
|
color: red;
|
|
|
|
|
}
|
|
|
|
|
</style>
|
|
|
|
|
<link rel="stylesheet" href="highlight-styles.css" />
|
|
|
|
|
<style>
|
|
|
|
|
code {
|
|
|
|
|
background: yellow;
|
|
|
|
|
}
|
|
|
|
|
</style>
|
|
|
|
|
</template>
|
|
|
|
|
<script type="text/markdown">
|
|
|
|
|
This is the fall-back markdown that will **only show** when `src` is falsy.
|
|
|
|
|
</script>
|
|
|
|
|
</zero-md> -->
|
|
|
|
|
...
|
|
|
|
|
</body>
|
