Tailpages (Tailwind + Github Pages)

My team started to use Tailwind CSS a few months ago and I want to learn a little bit more about it so that I don’t feel like a complete idiot in some technical discussions :). So, I started a small project to design a Jekyll template using TailwindCSS.

Tailpages (Tailwind + Github Pages) is a Jekyll website template based on TailwindCSS, which can be hosted by Github for free. You can visit the demo site at https://harrywang.me/tailpages/.

Key features are:

• Minimalist design inspired by the indigo template
• Elegant typography via TailwindCSS Typography plugin and Inter font
• Markdown support for content authoring (static pages and blogs)
• Code highlighting and styling via highlight.js (see code example)
• Latex support via MathJax (see an example)
• Table of Contents support via jekyll-toc (see an example)

Tutorials

• No-code Tutorial: this tutorial shows how you can use Tailpages template to quickly setup your website and blogs without coding, which you can access at medium or blog.
• Technical Tutorial: this tutorial shows how to setup the development environment for Tailpages from scratch, which you can access at medium or blog.