Jekyll Podcaster is a Jekyll theme built for podcasters. Every podcast needs a great website and this theme helps you achieve that.
Please note that this theme will not build a RSS feed for your podcast, meaning that this is just for showcasing your podcast and not for distributing it. You still need to use a distribution platform.
There are four way to use this theme: Netlify, Github Pages, as a gem-based theme and by forking this repo.
Download the files
You can download the files and add them in your directory to start working.
- Fork this repo. You can copy only master, set it to private or public and name it however you want.
- Go to Netlify, create a New site from Git, choose your repo or all repos, no difference. Back to Netlify, select the recently forked repo.
- Owner and branch are good to go. In build command write
bundle exec jekyll buildand publishing directory should be
- Deploy. Your site will shortly be available. Under domain settings you can change your subdomain, or add a primary level one.
Github Pages uses the --safe flag to build jekyll websites, which disable custom plugins, caching to disk and ignore symbolic links. Because of that, I suggest you to use any other method. Netlify works great with a 5 minute config, so I suggest you use it.
- Fork this repo.
- Create a new branch in your repo and call it
- Publish your website and choose gh-pages as the target branch.
Add this line to your Jekyll site's
And add this line to your Jekyll site's
And then execute:
Or install it yourself as:
$ gem install jekyll-podcaster
TODO: Explain how to customize theme.
_data/settings.yml you can activate Disqus comments by adding your Disqus shortname.
translate-date activate translation for the months. If set to true, you can translate months in the file
shownotes is set to true, every post/episode will include the
_includes/shownotes.html file. You can use it to add the same text under every post, in case you need to spam your merch store or Patreon, for example.
_data/settings.yml you can add links next to the Podcast title, social links in the sidebar and links to your podcast.
The social links have a "type" attribute, which defines Font Awesome's font type (fas is solid, fab is brand). Out of the box this theme has support colors for a bunch of social. If your social isn't supported, just add the color in the
Modifying file in the
_includes folder can break things, so please be careful. You should modify only these files:
date.htmlto translate the website to your language;
playerjs.htmlif you need to translate the player;
shownotes.htmlto change your shownotes.
Everything else is modified automatically when you cnage your
You can change colors in the
Changing the "wave" colors is a bit harder. You need to decode the svg in the
_scss/background.scss file, the one in the
background-image tag. To do that, please refer to this website. Once decoded, change the
path fill attribute, then encode again and use it.
Note: add this line before the encoded url:
You need three different dimensions of your podcast cover for this website:
- Podcast_Cover_500.jpg --> 500x500 pixels
- Podcast_Cover_Small.jpg --> 210x210 pixels
- Podcast_Cover.jpg --> High-Res, I use 3000x3000 pixels
Put those images in the /assets/img/ folder.
It's the usual file in every Jekyll theme. Just compile it. The last part about the podcast metadata is optional, as at the moment this theme won't create a RSS feed. It's just there in case I find the time to add it in the future.
To set up your environment to develop this theme, run
Your theme is setup just like a normal Jekyll site! To test your theme, run
bundle exec jekyll serve and open your browser at
http://localhost:4000. This starts a Jekyll server using your theme. Add pages, documents, data, etc. like normal to test your theme's contents. As you make modifications to your theme and to your content, your site will regenerate and you should see the changes in the browser after a refresh, just like normal.
When your theme is released, only the files in
assets tracked with Git will be bundled.
To add a custom directory to your theme-gem, please edit the regexp in
Theme designed and created by Alessio Franceschi.
The theme is available as open source under the terms of the MIT License. TL;DR Use it for free but keep my name in the footer. Thanks!