Get started with primer-markdown CDN
MIT licensed
Primer-markdown is a library that enables rendering Markdown in Primer templates.
Tags:- github
- markdown
- css
- scss
- primer
- style
- stylesheets
- md
Stable version
Copied!
How to start using primer-markdown CDN
<!DOCTYPE html>
<html>
<head>
<title>Get started with primer-markdown CDN - cdnhub.io</title>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/primer-react.min.css" />
<script src="https://cdn.cdnhub.io/primer-markdown/4.1.0-alpha.df004242/index.js"></script>
</head>
<body>
<div id="content" class="p-4">
<h1>Primer Markdown Example</h1>
<p>Below is an example of using Primer Markdown:</p>
<pre><code class="language-markdown">
# Heading 1
## Heading 2
### Heading 3
**Bold text**
*Italic text*
`Code block`
> Blockquote
> ## Nested blockquote
> **Nested bold text**
> *Nested italic text*
> ---
> 1. List item 1
2. List item 2
3. List item 3
> ---
> 1. Ordered list item 1
1. Ordered list item 2
2. Ordered list item 3
> ---
> Link: [Google](https://www.google.com/)
> Image: ![Alt text](https://example.com/image.jpg)
> Table:
| Tables | Are | Cool |
| ------------- |:-------------:| -----:|
| col 3 is | right-aligned | cool |
| col 2 is | centered | |
| zebra stripes | are neat | true |
> ---
> Horizontal rule
> ---
</code></pre>
</div>
<script>
window.onload = function() {
Prism.highlightAll();
Primer.Markdown.init(document.querySelector('#content'));
};
</script>
</body>
</html>
Copied!
Copied!
Copied!
Copied!
Copied!