Astro Series

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

The details of my custom RSS feed.

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

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

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

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

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

A good system should never make you remember its implementation details in order to use.

Astro RSS now supports full content RSS feed items.

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

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

Christian Ohanaja's Astro Remark Eleventy Image plugin.

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

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.

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

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

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.

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.

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

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

Avoiding theme flicker on Astro sites with multiple themes.

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

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

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

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

Upgrading to Astro Icon 1.x from older versions.

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

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.

I was asked a question on Threads about how to apply my Last Modified Dates using Git pre-commit to Astro's Sitemap integration.

How I learned to paste links into my blog and have them magically converted into amazing embeds.

Astro 5 is out with a number of changes from Astro 4. The good news is I was able to upgrade instantly with no modifications (but there are some to come later).