From 57498d8cf11997b2121bc9648c166af8f5f4cf1f Mon Sep 17 00:00:00 2001 From: mastito Date: Sun, 17 Mar 2024 10:29:23 +0700 Subject: [PATCH] add workflow, tailwind --- .github/workflows/hugo.yml | 78 ++++++++++++++++++++++++++++++++++++ assets/css/main.css | 3 ++ layouts/_baseof/default.html | 15 +++++++ layouts/partials/css.html | 3 ++ postcss.config.js | 9 +++++ tailwind.config.js | 12 ++++++ 6 files changed, 120 insertions(+) create mode 100644 .github/workflows/hugo.yml create mode 100644 assets/css/main.css create mode 100644 layouts/_baseof/default.html create mode 100644 layouts/partials/css.html create mode 100644 postcss.config.js create mode 100644 tailwind.config.js diff --git a/.github/workflows/hugo.yml b/.github/workflows/hugo.yml new file mode 100644 index 0000000..28cf5e2 --- /dev/null +++ b/.github/workflows/hugo.yml @@ -0,0 +1,78 @@ +# Sample workflow for building and deploying a Hugo site to GitHub Pages +name: Deploy Hugo site to Pages + +on: + # Runs on pushes targeting the default branch + push: + branches: + - main + + # Allows you to run this workflow manually from the Actions tab + workflow_dispatch: + +# Sets permissions of the GITHUB_TOKEN to allow deployment to GitHub Pages +permissions: + contents: read + pages: write + id-token: write + +# Allow only one concurrent deployment, skipping runs queued between the run in-progress and latest queued. +# However, do NOT cancel in-progress runs as we want to allow these production deployments to complete. +concurrency: + group: "pages" + cancel-in-progress: false + +# Default to bash +defaults: + run: + shell: bash + +jobs: + # Build job + build: + runs-on: ubuntu-latest + env: + HUGO_VERSION: 0.124.0 + steps: + - name: Install Hugo CLI + run: | + wget -O ${{ runner.temp }}/hugo.deb https://github.com/gohugoio/hugo/releases/download/v${HUGO_VERSION}/hugo_extended_${HUGO_VERSION}_linux-amd64.deb \ + && sudo dpkg -i ${{ runner.temp }}/hugo.deb + - name: Install Dart Sass + run: sudo snap install dart-sass + - name: Checkout + uses: actions/checkout@v4 + with: + submodules: recursive + fetch-depth: 0 + - name: Setup Pages + id: pages + uses: actions/configure-pages@v4 + - name: Install Node.js dependencies + run: "[[ -f package-lock.json || -f npm-shrinkwrap.json ]] && npm ci || true" + - name: Build with Hugo + env: + # For maximum backward compatibility with Hugo modules + HUGO_ENVIRONMENT: production + HUGO_ENV: production + run: | + hugo \ + --gc \ + --minify \ + --baseURL "${{ steps.pages.outputs.base_url }}/" + - name: Upload artifact + uses: actions/upload-pages-artifact@v3 + with: + path: ./public + + # Deployment job + deploy: + environment: + name: github-pages + url: ${{ steps.deployment.outputs.page_url }} + runs-on: ubuntu-latest + needs: build + steps: + - name: Deploy to GitHub Pages + id: deployment + uses: actions/deploy-pages@v4 \ No newline at end of file diff --git a/assets/css/main.css b/assets/css/main.css new file mode 100644 index 0000000..bd6213e --- /dev/null +++ b/assets/css/main.css @@ -0,0 +1,3 @@ +@tailwind base; +@tailwind components; +@tailwind utilities; \ No newline at end of file diff --git a/layouts/_baseof/default.html b/layouts/_baseof/default.html new file mode 100644 index 0000000..b3a4ff0 --- /dev/null +++ b/layouts/_baseof/default.html @@ -0,0 +1,15 @@ + + + + + + {{ block "title" . }} + {{ .Site.Title }} + {{ end }} + + {{ partial "css.html" . }} + + + + + \ No newline at end of file diff --git a/layouts/partials/css.html b/layouts/partials/css.html new file mode 100644 index 0000000..065be07 --- /dev/null +++ b/layouts/partials/css.html @@ -0,0 +1,3 @@ +{{ with resources.Get "css/main.css" | postCSS }} + +{{ end }} \ No newline at end of file diff --git a/postcss.config.js b/postcss.config.js new file mode 100644 index 0000000..428a9ca --- /dev/null +++ b/postcss.config.js @@ -0,0 +1,9 @@ +module.exports = { + plugins: { + tailwindcss: {}, + autoprefixer: {}, + ...process.env.HUGO_ENVIRONMENT === 'production' + ? [purgecss] + : [] + } + } \ No newline at end of file diff --git a/tailwind.config.js b/tailwind.config.js new file mode 100644 index 0000000..7400235 --- /dev/null +++ b/tailwind.config.js @@ -0,0 +1,12 @@ +/** @type {import('tailwindcss').Config} */ +module.exports = { + content: [ + './assets/**/*.js', + './layouts/**/*.html' + ], + theme: { + extend: {}, + }, + plugins: [], +} +