astro

Git hooks are pretty cool. I'm using pre-commit to conditionally update the last modified date on certain pages in my blog. Here's how I did it.

Using a JSON data file and rendering it in Astro page templates.

Upgrading to Astro Icon 1.x from older versions.

If you have a page that you want to show the last modified date on, Astro and remark can do it for you automatically.

Astro 3.3 dramatically improves the Astro image optimization story once again.

Astro 3 required me to rethink my site image optimization strategy yet again. Am I finally done? Probably not.

I write a lot of posts that are topically related, so now I can lump posts together in a series.

Avoiding theme flicker on Astro sites with multiple themes.

Create more compelling code blocks and syntax highlighting in Astro with Expressive Code and astro-expressive-code.

Thanks to the brilliance of those who came before me, I now have tags on my site.

Thanks entirely to Tiffany White creating a GitHub issue on my site repo, I finally implemented something that's been on my site to-do list for some time, but that I've never gotten around to actually doing until now: link posts.

sanitize-html is a great utility for cleaning up HTML to include in RSS, among other things, but it has a limited set of allowed tags. Here's how to add to that list.

Pagefind is a great find for static site search (thanks to Bryce Wray for that line) and Astro-Pagefind integrates it beautifully into Astro.

Blog post pagination: I fought the Astro law and the Astro law won.

Astro's in a good place - native markdown image optimization is coming, and there is already an excellent third-party option for those who need it now.

Responsive Image handling still has some problems, at least to my knowledge.

Christian Ohanaja's Astro Remark Eleventy Image plugin.

The optimized image generation step in my podcast show notes image workflow.

A continuing journey to get image optimization for markdown files with Astro.

Astro fixed a bug with Astro RSS that broke custom content.

Astro RSS now supports full content RSS feed items.

Friends with Beer podcast has a new site, and it shouldn't surprise you that it's written with Astro.

A deeper look at controlling image display sizes with the picture element's sizes attribute.

Some science experiments with Astro Image to show how it and responsive images in general work.

Using automation, specifically Astro Image, to give the browser image options.

I learned about responsive images the hard way, by misunderstanding how they worked.

JavaScript array maps are a common pattern in Astro, and very useful ones at that.

The details of my custom RSS feed.

Astro makes some things incredibly simple, and other things not nearly so.

My website has begun anew, and here's why.