How to Deploy Your Ghost Theme with GitHub Actions

Norbert Hunyadi — Fri, 08 Jan 2021 19:16:39 +0000

The Deploy Ghost Theme GitHub action is a great tool to improve the usual workflow when it comes to updating Ghost Themes. The most common way before was changing the theme files locally, then uploading the zip manually using the Ghost Admin.

But this tool is a much better way of doing theme deployment. I have been using the Deploy Ghost Theme GitHub Action for the last couple of months and not only it is easy to setup, but this can save you a lot of time.

Let's see how you can setup this tool to automatically deploy your Ghost Theme whenever you are pushing changes to your theme repository on GitHub.

Add Custom Ghost Integration

First step is creating a new Custom Integration in Ghost Admin > Integrations. Name your integration, then press Create.

This will generate the Admin API Key and Api URL that will be used in the next step.

Add GitHub Repo Secrets

Now, go to your theme repo on Github and go to Settings > Secrets Create two new secrets:

GHOST_ADMIN_API_KEY - use the Custom Integration value Admin API Key
GHOST_ADMIN_API_URL - use the Custom Integration value Api URL

Add GitHub Deploy Config

Once the Custom Integration and the GitHub Secrets are in place you have to add the config file which contains the basic configuration.

Copy and paste the following code into .github/workflows/deploy-theme.yml

name: Deploy Theme
on:
  push: 
    branches:   
      - master
      - main
jobs:
  deploy:
    runs-on: ubuntu-18.04
    steps:
      - uses: actions/checkout@v2
      - name: Deploy Ghost Theme
        uses: TryGhost/action-deploy-theme@v1.4.1
        with:
          api-url: ${{ secrets.GHOST_ADMIN_API_URL }}
          api-key: ${{ secrets.GHOST_ADMIN_API_KEY }}

This configuration will trigger a deployment for every commit which is pushed to the master branch. You have the possibility to customize the "on" trigger to different branches, pull requests or more. To find out more, check out the official GitHub Action Documentation.

Besides the api-url and api-key there are additional config options available:

exclude - list files & folder you would like to exclude (defaults: gulpfile.js and dist/* )
theme-name - use this to override the theme-name set in package.json
file - specify path to a built zip file (exclude and theme-name will be ignored)

That is it, now when you push a new commit to your repository, the deploy should be triggered, updating your theme.

DEV Community: Norbert Hunyadi

How to Deploy Your Ghost Theme with GitHub Actions

Add Custom Ghost Integration

Add GitHub Repo Secrets

Add GitHub Deploy Config