Skip to content

Instantly share code, notes, and snippets.

@Coding-Koala222
Coding-Koala222 / github-pages-with-tailwind-tutorial.md
Last active April 16, 2026 06:01
GitHub Pages: How to Convert a Temporary CDN-Based Tailwind Site to a Permanent GitHub Actions Workflow-Based Site

GitHub Pages: How to Convert a Temporary cdn.tailwindcss.com or cdn.jsdelivr.net-Based Tailwind Site to a Permanent GitHub Actions Workflow-Based Site

This guide will show you how to permanently set up Tailwind CSS for your static HTML site using a GitHub Actions workflow. It includes configuration and troubleshooting.

Prerequisites

This guide assumes that you already have the following line of code in the <head> section of your HTML file, per the official CDN setup instructions.

<script src="https://cdn.jsdelivr.net/npm/@tailwindcss/browser@4"></script>