> ## Documentation Index
> Fetch the complete documentation index at: https://developers.hubspot.de/docs/llms.txt
> Use this file to discover all available pages before exploring further.

# Eine kontinuierliche Integration mit einem GitHub-Repository mithilfe von GitHub-Aktionen einrichten

> Richten Sie eine kontinuierliche Integration mit einem GitHub-Repository mithilfe von GitHub-Aktionen ein.

'EMEA DACH (DE) Setting up continuous integration with a GitHub repository using GitHub Actions';

'Richten Sie eine kontinuierliche Integration mit einem GitHub-Repository mithilfe von GitHub-Aktionen ein.';

Als Teil Ihres [Entwicklungsworkflows](/cms/start-building/introduction/developer-environment/creating-an-efficient-development-workflow) ziehen Sie es möglicherweise vor, die Datenquelle Ihrer Produktionscodebasis in der Versionskontrolle zu behalten. Dies wäre besonders hilfreich, wenn Sie als Teil eines Entwicklungsteams arbeiten, damit Sie Änderungen nachverfolgen und bei Bedarf schnell zurücksetzen können.

Mithilfe von [GitHub-Aktionen](https://github.com/features/actions) können Sie eine kontinuierliche Integration mit einem GitHub-Repository einrichten. Dieser Leitfaden geht durch den Integrationsprozess und geht davon aus, dass Sie mit Folgendem vertraut sind:

* [Verwenden von Git](https://docs.github.com/en/get-started/using-git) und GitHub
* Erstellen von Websites mithilfe des [HubSpot CLI](/developer-tooling/local-development/hubspot-cli/install-the-cli)

Im Folgenden erfahren Sie, wie Sie die Integration mit der CMS Hub-Bereitstellungsaktion in GitHub (empfohlen) oder manuell einrichten.

## Lokale Dateien an GitHub senden

Bevor Sie mit GitHub integrieren können, müssen Sie zunächst Ihre Dateien lokal erfassen.

* Wenn Sie ein vorhandenes CMS-Element haben, das sich in HubSpot befindet, z. B. ein Design oder eine Gruppe von Vorlagen, können Sie es abrufen, indem Sie den [fetch](/developer-tooling/local-development/hubspot-cli/install-the-cli)-Befehl wie folgt ausführen: `hs fetch <HubSpot_src> <local_dest>`. Alternativ können Sie alle Dateien im [Entwickler-Dateisystem](/cms/start-building/introduction/overview#developer-file-system) des Accounts herunterladen, indem Sie `hs fetch /` ausführen.
* Um ein neues lokales Projekt zu erstellen, wird empfohlen, mit der [CMS Theme Boilerplate](/cms/start-building/building-blocks/themes/hubspot-cms-boilerplate) zu beginnen. Wenn Sie noch nicht mit der CMS Theme Boilerplate gearbeitet haben, lesen Sie die [Schnellanleitung](/cms/start-building/introduction/classic-hubl-quickstart). Wenn Sie das HubSpot CLI bereits installiert und Ihre lokale Umgebung konfiguriert haben, können Sie ein neues lokales Design über die Boilerplate erstellen, indem Sie `hs create website-theme <new-theme-name>` ausführen. Sie müssen dann Ihre Dateien mit dem [hs upload](/developer-tooling/local-development/hubspot-cli/install-the-cli)-Befehl nach HubSpot hochladen.

Ihr Code ist nun lokal verfügbar und Sie können ihn dann [einem GitHub-Repository hinzufügen](https://docs.github.com/en/migrations/importing-source-code/using-the-command-line-to-import-source-code/adding-locally-hosted-code-to-github). Nachdem Sie Ihre Dateien zu GitHub hinzugefügt haben, fahren Sie mit dem nächsten Schritt fort, um entweder die vorgefertigte GitHub-Aktion von HubSpot zu installieren (empfohlen) oder [die Aktion manuell zu konfigurieren](#manually-configure-the-action).

## Verwenden Sie die CMS Hub-Bereitstellungsaktion in GitHub (empfohlen)

Um den Prozess zu optimieren, hat HubSpot eine GitHub-Aktion erstellt, die Sie in Ihrem GitHub-Projekt installieren können, um die automatische Bereitstellung von Änderungen aus einer Verzweigung in Ihrem HubSpot-Produktions-Account zu verarbeiten.

<CTA id="e0132707-395d-4617-bd9d-0b21c8b129d5" external={true} label="Install automatic CMS deploy GitHub action" />

## Einen Pull Request erstellen und in der Hauptverzweigung zusammenführen

* Erstellen Sie mit Ihren Geheimnissen, Workflows und Skripts in Ihrem GitHub-Repository einen Pull Request und führen Sie ihn in der Hauptverzweigung zusammen.
* Gehen Sie nach dem Zusammenführen des Pull Requests zu **„Aktionen“**. Sie sollten sehen, dass Ihre Bereitstellungsaktion ausgeführt, die dann Ihren Code in Ihrem HubSpot-Account bereitstellt.

## Ihr Element im Design-Manager sperren

Jetzt, da sich Ihre Datenquelle in GitHub befindet, sollten Sie Ihr Element in HubSpot sperren, um zu verhindern, dass dort Änderungen vorgenommen werden. Dadurch wird sichergestellt, dass Änderungen nur durch die Bereitstellungsaktion erfolgen.

So sperren Sie Elemente im Design-Manager:

* Gehen Sie in Ihrem HubSpot-Account zu **„Marketing“** > **„Dateien und Vorlagen“** > **„Design-Tools“**.
* Suchen Sie den Ordner Ihres Elements in der linken Seitenleiste, **klicken Sie mit der rechten Maustaste** und wählen Sie **„Ordner sperren“** aus.

![design-manager-lock-folder](https://www.hubspot.com/hubfs/Knowledge_Base_2021/Developer/design-manager-lock-folder.png)
