55f007f30a
The Prism syntax highlighter failed to render properly when Astro was initialized with the blog template. This was because the Prism CSS conflicted with the default blog template. This change-set removes the Viewport Width from the `pre` transform as this property conflicted with the prism CSS. This change-set also includes Prism in the Blog Post layout and adds a small javascript example to the sample post. |
||
|---|---|---|
| .. | ||
| blog | ||
| blog-multiple-authors | ||
| component | ||
| docs | ||
| env-vars | ||
| framework-alpine | ||
| framework-lit | ||
| framework-multiple | ||
| framework-preact | ||
| framework-react | ||
| framework-solid | ||
| framework-svelte | ||
| framework-vue | ||
| minimal | ||
| non-html-pages | ||
| portfolio | ||
| portfolio-svelte | ||
| ssr | ||
| starter | ||
| subpath | ||
| with-markdown | ||
| with-markdown-plugins | ||
| with-markdown-shiki | ||
| with-nanostores | ||
| with-tailwindcss | ||
| with-vite-plugin-pwa | ||
| README.md | ||
Astro Examples Library
The easiest way to check out one of these examples on your machine is by running this command in an empty directory:
npm init astro -- --template [EXAMPLE_NAME]
Community Examples
Visit awesome-astro for a full list of community examples. You can use npm init astro to check out any community examples:
npm init astro -- --template [GITHUB_USER]/[REPO_NAME]
Paths to examples nested inside of a repo are also supported:
npm init astro -- --template [GITHUB_USER]/[REPO_NAME]/path/to/example