Merge pull request #3 from rubytaiwan/add-tailwind-in-action

Add correct config of TailwinCSS

Author: ryudoawaru

.github/workflows/github-pages.yml

@@ -31,11 +31,42 @@ jobs:
         id: pages
         uses: actions/configure-pages@v4
 
+      - name: Create Tailwind Config
+        run: |
+          if [ ! -f "tailwind.config.js" ]; then
+            echo "Creating tailwind.config.js"
+            cat > tailwind.config.js << 'EOL'
+            /** @type {import('tailwindcss').Config} */
+            module.exports = {
+              content: [
+                "./_drafts/**/*.md",
+                "./_includes/**/*.html",
+                "./_layouts/**/*.html",
+                "./_pages/**/*.{html,md}",
+                "./_posts/**/*.md",
+                "./*.{html,md}",
+              ],
+              theme: {
+                extend: {},
+              },
+              plugins: [],
+            }
+            EOL
+          fi
+      
       - name: Build Jekyll site
-        run: bundle exec jekyll build --baseurl "${{ steps.pages.outputs.base_path }}"
+        run: bundle exec jekyll build --baseurl "${{ steps.pages.outputs.base_path }}" --verbose
         env:
           JEKYLL_ENV: production
 
+      - name: List generated files
+        run: |
+          echo "Generated files in _site directory:"
+          find _site -type f | sort
+          echo ""
+          echo "Checking for CSS files:"
+          find _site -name "*.css" | sort
+      
       - name: Upload artifact
         uses: actions/upload-pages-artifact@v3
         with:

_config.yml

@@ -9,6 +9,7 @@ plugins:
 
 tailwindcss:
   css_path: "./_tailwind.css"
+  config: "./tailwind.config.js"  # 添加此行指定 tailwind.config.js 位置
 
 mail:
   contact: "contact@rubyconf.tw"

tailwind.config.js

@@ -0,0 +1,15 @@
+/** @type {import('tailwindcss').Config} */
+module.exports = {
+  content: [
+    "./_drafts/**/*.md",
+    "./_includes/**/*.html",
+    "./_layouts/**/*.html",
+    "./_pages/**/*.{html,md}",
+    "./_posts/**/*.md",
+    "./*.{html,md}",
+  ],
+  theme: {
+    extend: {},
+  },
+  plugins: [],
+}