Developing Tailpages: A Jekyll Template based on Tailwind CSS

Setup Jekyll

Setup TailwindCSS

Page Templates

  • default.html is the base template that all other templates use
  • home.html is the template for the Homepage
  • page.html is the template for different pages
  • post.html is the template for blog posts
  • tag.html is the template for the tag page

Customize Homepage and Add Pages/Blogs

Github Pages Settings

Host with Github Pages





Love podcasts or audiobooks? Learn on the go with our new app.

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
Harry Wang

Harry Wang

More from Medium

How to Set Up a Calculator Form on Your WordPress Website — A Complete Guide With Examples

Google Playstore Web app

Generating an App Color Scheme for Beginners

How to Create a No-Code Responsive Form Template