Hosting a podcast and creating its website with Eleventy.
MDN’s page on HTML headings describes the best practices for using heading elements to structure a web page. In summary: There should be only one <h1> element per page. Do not skip heading levels: always start from <h1> , followed by <h2> and so on. On a podcast website, you might have a partial that displays information about a podcast episode. That partial uses an <h1> element for the episode…
If you have told Podcaster where to find your podcast audio files , it can provide you with some fun facts about your podcast that you can include in your podcast templates. field value podcastData.numberOfEpisodes The number of episodes in the podcast podcastData.totalSize The total size in bytes of all of the episode files podcastData.totalDuration The total duration in seconds of all of the…
So, I’m currently going through my podcast websites and adding interactive transcripts to the episode pages. Here’s what a transcript looks like on the page for Episode 19 of The Second Great and Bountiful Human Empire . This transcript is interactive because it’s linked to the audio player on the page. If you click on the transcript, the audio starts playing from that point. And as the audio…
Version 1.0.0 of Podcaster was released on 8 January 2025. Today, a year later, I’m happy to announce the release of Version 2.0.0. New documentation Perhaps the most important change in Version 2.0.0 is a new set of documentation . It’s simpler, I think, and more comprehensive. And there’s room to add new material when it’s needed. And to support this new documentation, I’ve made some changes to…
Each podcast episode in Podcaster is represented by a template with the tag podcastEpisode . On my podcast websites, I put all the podcast episode templates in a /src/posts directory, and I give each template the podcastEpisode tag by using a directory data file. So my /src/posts directory looks like this: # /src/posts . ├── 2021-11-04-ep1-yesterdays-enterprise.md ├──…
In my first post a few weeks ago, I showed you a simple way to create a home page for your podcast — by creating a template which loops through the podcastEpisode collection and renders some HTML containing the information for each episode. Today, I’m going to show you an include file which presents more extensive detail about an episode. This include file can be used by itself on the episode’s…
Podcasts are an audio medium, of course, but your listeners’ podcast players describe each of your episodes using text — a title, a short description and a long description. And so Podcaster lets you provide all three of those. I’ve posted about titles already — so let’s talk about the short and long descriptions. Short description Podcaster lets you provide the short description for your episode…
--- title : Entering a new phase episode : title : S1E1 , Entering a new phase (The Power of the Daleks) itunesTitle : Entering a new phase (The Power of the Daleks) --- If you’ve read the documentation page about how to provide episode information to Podcaster , you might have noticed that Podcaster offers three different titles that you could provide for a given podcast episode. Here’s how the…
You can put whatever you want on your podcast site’s home page, but the most obvious and straightforward approach might be to present a list of episodes in reverse chronological order. Here’s how to do that. Podcaster requires all of your episode templates to have the tag podcastEpisode . That means you can refer to the full list of your episode templates as collections.podcastEpisode . This list…