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

References

--

--

--

harrywang.me

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

harrywang.me

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