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

Developing A Name Tag Widget For Live Streams

Host your Discord Bot 24/7 (BEST Budget Server)

Cosmin Costin Going from Web Agency Owner to 30% Owner in 7 Figure SaaS business

Send automated emails using n8n.io