3 min read

[Old] Everything new in Astro Micro

Table of Contents

Pagefind is a search library for static websites. Micro uses Sergey Shishkinโ€™s astro-pagefind integration. This integration simplifies development and does not require any changes to the default build script.

Press / or CTRL + K to open the search dialog. For Mac users, โŒ˜ + K can also be used. To dismiss the search dialog, press Esc or click on an area outside the component.

Build and develop

๐Ÿšจ

The site must be built at least once so Pagefind can index the content.

# Pagefind must index the site to function
npm run build

When developing you can continue to use npm run dev and Pagefind will use the index from the last available build.


Giscus comments ๐Ÿ’ฌ

Giscus leverages Github discussions to act as a comments system. To get Giscus working on your own website, see here.


Callout component ๐Ÿ†•

๐Ÿ’ก

Adipisicing et officia reprehenderit fugiat occaecat cupidatat exercitation labore consequat ullamco nostrud non.

โ„น๏ธ

Adipisicing et officia reprehenderit fugiat occaecat cupidatat exercitation labore consequat ullamco nostrud non.

โš ๏ธ

Adipisicing et officia reprehenderit fugiat occaecat cupidatat exercitation labore consequat ullamco nostrud non.

๐Ÿšจ

Adipisicing et officia reprehenderit fugiat occaecat cupidatat exercitation labore consequat ullamco nostrud non.


UI enhancements ๐ŸŽจ

  • Elements are styled and animate on focus
  • Increased contrast in light mode
  • Active theme is indicated by theme buttons
  • Separate syntax highlight themes for light and dark mode
  • Code blocks have a copy button
  • Add pagination to the bottom of blog posts
  • Create 404 page
  • Add ToC component to posts

Other changes

  • Change fonts to Geist Sans and Geist Mono
  • Switch base color from โ€œstoneโ€ to โ€œneutralโ€
  • Change formatted date to use โ€œlongโ€ option for month
  • Minor spacing changes throughout
  • Remove โ€œworkโ€ collection and components
    • If desired, you can get the code from Astro Nano
  • Slightly increased link decoration offset
  • Slightly sped-up animations
  • Reversed animation
  • Ensure posts use an h1 tag for post titles
  • Tweaked typography

Issues โš ๏ธ

Active issues

Closed issues