WIP

.github/workflows/deploy-cloudflare.yaml

@@ -19,6 +19,17 @@ jobs:
         id: extract-branch
       - name: Install gems
         run: bundle install
+      - name: Calculate branch alias URL
+        if: steps.extract-branch.outputs.branch != 'main'
+        uses: schnerring/cloudflare-pages-branch-alias-action@v1.0.3
+        id: pages-branch-alias
+        with:
+          git-branch: ${{ steps.extract-branch.outputs.branch }}
+      - name: Set Jekyll URL
+        if: steps.extract-branch.outputs.branch != 'main'
+        uses: mikefarah/yq@v4.44.2
+        with:
+          cmd: yq -i '.url = "https://${{ steps.pages-branch-alias.outputs.branch-alias }}.beh-uk.pages.dev"' '_config.yml'
       - name: Build website (non-production)
         if: steps.extract-branch.outputs.branch != 'main'
         run: bundle exec jekyll build --drafts --future

_config.yml

@@ -1,3 +1,4 @@
+url: https://www.beh.uk
 language: "en-GB"
 logo: "beh.svg"
 permalink: /:year/:title

_includes/head.html

@@ -9,6 +9,10 @@
   - reset
   - main
 {% endminibundle %}
+<meta property="og:title" content="{{ page.title }}">
+<meta property="og:type" content="website">
+<meta property="og:image" content="{{ site.url }}/{% ministamp { source_path: '_assets/img/og-square.png', destination_path: 'assets/img/og-square.png' } %}">
+<meta property="og:url" content="{{ site.url }}{{page.url}}">
 <link rel="apple-touch-icon" sizes="180x180" href="https://cdn.beh.uk/img/apple-touch-icon.png">
 <link rel="icon" type="image/png" sizes="32x32" href="https://cdn.beh.uk/img/favicon-32x32.png">
 <link rel="icon" type="image/png" sizes="16x16" href="https://cdn.beh.uk/img/favicon-16x16.png">