summaryrefslogtreecommitdiff
path: root/examples/with-markdown-plugins/src/layouts/main.astro
diff options
context:
space:
mode:
authorGravatar Pavel Mineev <pavel@mineev.me> 2021-07-01 19:55:22 +0300
committerGravatar GitHub <noreply@github.com> 2021-07-01 11:55:22 -0500
commitd3969436dcbe40a3d41a036ff7c2761aed176109 (patch)
tree5b79d1ce306566bc53a71e2fe2e5b494adf20904 /examples/with-markdown-plugins/src/layouts/main.astro
parente773771b917d1d11e8a5647ccdc2d44c903f1f4c (diff)
downloadastro-d3969436dcbe40a3d41a036ff7c2761aed176109.tar.gz
astro-d3969436dcbe40a3d41a036ff7c2761aed176109.tar.zst
astro-d3969436dcbe40a3d41a036ff7c2761aed176109.zip
Remark and rehype plugins (#562)
* remark plugins * remove unused dependency * enable codeblocks * backward compatibility with remark-code-titles * add support for rehype plugins * add proper types for plugins * fixes after review - connect plugins by name - make plugins configurable - connect gfm and footnotes if no plugins provided from config - add more plugins to example * update and rename example * add documentation for markdown plugins * chore: rename with-markdown-plugins example * chore: restructure dependencies * feat: add back smartypants, fix mdx expressions * chore: remove log * test: add markdown plugin tests * chore: add changeset * docs: update markdown doc Co-authored-by: Nate Moore <nate@skypack.dev>
Diffstat (limited to 'examples/with-markdown-plugins/src/layouts/main.astro')
-rw-r--r--examples/with-markdown-plugins/src/layouts/main.astro32
1 files changed, 32 insertions, 0 deletions
diff --git a/examples/with-markdown-plugins/src/layouts/main.astro b/examples/with-markdown-plugins/src/layouts/main.astro
new file mode 100644
index 000000000..d324d2017
--- /dev/null
+++ b/examples/with-markdown-plugins/src/layouts/main.astro
@@ -0,0 +1,32 @@
+---
+const { content } = Astro.props;
+---
+
+<html>
+ <head>
+ <meta charset="utf-8" />
+ <title>{content.title}</title>
+ <link rel="stylesheet" href="/global.css" />
+ <style>
+ .nav {
+ border-bottom: 1px solid #ccc;
+ margin-bottom: 40px;
+ padding-bottom: 20px;
+ }
+ .nav > * + * {
+ margin-left: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <main class="content">
+ <header>
+ <nav class="nav">
+ <a href="/">Home</a>
+ <a href="/about">About</a>
+ </nav>
+ </header>
+ <slot />
+ </main>
+ </body>
+</html>