sc
Scott avatar
ttwillsey

astro

Astro 5 Upgrade

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).

Remarking the Socials

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

Astro Sitemap Page Modified Timestamps

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

Using Git Hooks for Displaying Last Modified Dates

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.

Astro Templates for JSON Data

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

Astro Icon 1.x Upgrade

Upgrading to Astro Icon 1.x from older versions.

Auto-Generated Last Modified Date in Astro

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 Picture Component

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

Astro 3 and Responsive Images

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

A Series of Series

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

Get Rid of Theme Flicker

Avoiding theme flicker on Astro sites with multiple themes.

Expressive Code Blocks in Astro

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

Some Tags

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

The Push I Needed to Implement Link Posts

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.

Adding to Allowed Tags in Sanitize-Html

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.

Astro-Pagefind

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

Giving in to Astro Pagination

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

Astro Markdown Image Story

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.

Dimensions Are a Nightmare

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

Astro Remark Eleventy Image

Christian Ohanaja's Astro Remark Eleventy Image plugin.

Podcast Episode Image Script

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

More on Astro, Image Optimization, and Markdown

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

Astro RSS 1.2.0 Update

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

Astro RSS Compiled Content

Astro RSS now supports full content RSS feed items.

Title Case

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

Friends With Beer 2.0

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

Picture Element Sizes Attribute

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

Reponsive Image Rabbit Hole – Part 3

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

Reponsive Image Rabbit Hole – Part 2

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

Reponsive Image Rabbit Hole – Part 1

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

Map Your Stuff

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

RSS, Astro, and Me – Part 2

The details of my custom RSS feed.

RSS, Astro, and Me – Part 1

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

Anew

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