in root.html). Outputs custom og:image with assets_prefix normalisation and non-Google site verification. --> Azure Ascension: Deploying Jekyll to the Cloud Kingdom | IT-Journey in _layouts/root.html. What this file adds: - Custom og:image with preview_images.assets_prefix path normalisation for the theme-specific page.preview and page.header.og_image keys. When page.image is set, jekyll-seo-tag handles og:image and this file skips its own og:image output to avoid duplicate tags. - Non-Google site verification tags (Bing, Yandex, Naver, Baidu) Dependencies: - jekyll-seo-tag plugin (loaded in _layouts/root.html via Azure Ascension: Deploying Jekyll to the Cloud Kingdom | IT-Journey ) - site.preview_images config in _config.yml =================================================================== --> Azure Ascension: Deploying Jekyll to the Cloud Kingdom | IT-Journey Skip to main content
Settings
Search
Appearance
Theme Mode
About
Jekyll v3.10.0
Environment Production
Last Build
2026-04-11 02:52 UTC
Current Environment Production
Build Time Apr 11, 02:52
Jekyll v3.10.0
Build env (JEKYLL_ENV) production
Quick Links
Page Location
Page Info
Layout default
Collection quests
Path _quests/2025-11-17-azure-ascension-jekyll-deployment-quest.md
URL /quests/azure-ascension-jekyll-deployment/
Date 2025-07-05
Theme Skin
SVG Backgrounds
Layer Opacity
0.6
0.04
0.08

Azure Ascension: Deploying Jekyll to the Cloud Kingdom

By IT-Journey Team

Deploy the IT-Journey Jekyll site to Azure Static Web Apps with a clean CI/CD pipeline and safe secrets handling.

Estimated reading time: 1 minutes

Rise, cloud wanderer! This quest guides you through deploying the IT-Journey Jekyll site to Azure Static Web Apps, wiring up CI/CD, and verifying a clean production build.

🎯 Quest Objectives

Primary Objectives

  • Provision Azure Static Web Apps - Create the app and link to GitHub
  • Configure Build & Deploy - Ensure Jekyll build works in CI
  • Secure Secrets - Store keys safely in GitHub
  • Verify Production - Confirm the deployed site loads correctly

🗺️ Quest Prerequisites

📋 Knowledge Requirements

  • Basic GitHub workflow familiarity
  • Comfort with terminal commands
  • Understanding of static sites

🛠️ System Requirements

  • Azure account with permissions to create Static Web Apps
  • GitHub account with repo access

🧙‍♂️ Chapter 1: Prepare the Repository

Ensure dependencies are installed:

bundle install

Verify local build:

bundle exec jekyll build

☁️ Chapter 2: Deploy with the Azure Helper Script

Use the built-in deployment script:

../../scripts/deployment/azure-jekyll-deploy.sh setup
../../scripts/deployment/azure-jekyll-deploy.sh deploy --app-name <your-app-name> --github-repo <your-repo-url>

Follow the prompts for Azure authentication and GitHub workflow setup.

🔐 Chapter 3: Secrets & Workflow Verification

  1. Confirm required GitHub secrets are set.
  2. Open the generated workflow in .github/workflows/.
  3. Trigger a deploy by pushing a small change.

✅ Chapter 4: Validate the Deployment

  • Visit the Azure-provided URL
  • Confirm /quests/ loads correctly
  • Check logs for a successful build

🏁 Quest Completion Checklist

  • Azure Static Web App created and linked
  • CI/CD pipeline runs successfully
  • Site is accessible in production