Introducing Tailpages (Tailwind + Github Pages)

Tailpages Demo Website
  • Fork the https://github.com/harrywang/tailpages repo
  • Enable Github Pages
  • Customize Homepage
  • Add a new web page and customize the navigation menu
  • (Optional) Add a new blog
  • (Optional) Add a custom domain

Fork Repo and Enable Github Pages

Customize Homepage

Customize Pages and Menu

  • layout is the predefined layout a page/blog can use - just use page for pages
  • permalink is the url of the page, which does not need to match the name of the markdown file for the page
  • title is the title of the page, which does not need to match the name of the markdown file for the page

Add Blogs

  • Posts have to be created in the _posts folder with specific file name format: YEAR-MM-DD-title.md, where YEAR is a four-digit number, MM and DD are both two-digit numbers, such as 2022-01-05-my-first-blog.md
  • Posts can have tags in the front matter — tags are separated by spaces:

Remove Unused Pages and Assets (Disable Blog)

Add Custom Domain

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

SerpApi Integration for Zapier (beta)

Fun With Google Trends

Picture of a laptop showing a Google Analytics page

Host your website on Firebase

Top Five Geolocation Trends for 2022 and Beyond