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 achieve a 3D panoramic scene with pivoting camera in three js

Publish A ReactJS App for Free

A React component showing written ReactJs code

Auto deploy react apps with ease using Github actions

SPA SEO: Single Page Applications and SEO