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.
54 lines
1.5 KiB
54 lines
1.5 KiB
<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> |