astro/examples/with-markdown-shiki
Juan Martín Seery 2bc91543ce
feat: Added the ability to add custom themes/languages to Shiki (#2518)
* Replaced `shikiTheme` with `shikiConfig`

* Code.astro now accepts custom themes/langs

* Updated docs

* Updated tests

* Fixed language loading

* Added customization examples

* Updated documentation

* Added more tests

* Changelogs

* Changed some spaces to tabs

* Fixed typo in changesets

* Moved tests fixtures

* Rolled back changes to with-markdown-shiki

* Removed lang example in docs

* Optimized Code component

* Try to fix windows errors

* Try to see if this new tests work
2022-02-07 08:31:02 -08:00
..
public Add Shiki as an alternative to Prism (#2497) 2022-01-31 16:14:07 -06:00
src Add Shiki as an alternative to Prism (#2497) 2022-01-31 16:14:07 -06:00
.gitignore Add Shiki as an alternative to Prism (#2497) 2022-01-31 16:14:07 -06:00
.npmrc Add Shiki as an alternative to Prism (#2497) 2022-01-31 16:14:07 -06:00
.stackblitzrc Add Shiki as an alternative to Prism (#2497) 2022-01-31 16:14:07 -06:00
astro.config.mjs feat: Added the ability to add custom themes/languages to Shiki (#2518) 2022-02-07 08:31:02 -08:00
package.json [ci] release (next) (#2523) 2022-02-02 12:11:57 -05:00
README.md Add Shiki as an alternative to Prism (#2497) 2022-01-31 16:14:07 -06:00
sandbox.config.json Add Shiki as an alternative to Prism (#2497) 2022-01-31 16:14:07 -06:00
tsconfig.json Add Shiki as an alternative to Prism (#2497) 2022-01-31 16:14:07 -06:00

Astro Example: Markdown with Shiki

npm init astro -- --template with-markdown-shiki

Open in StackBlitz

This example showcases Astro's built-in Markdown support.

  • src/pages/index.astro uses Astro's <Markdown> component.
  • src/pages/other.md is a treated as a page entrypoint and uses a layout.