Design und Betrieb der Website

Die Homepage für die persönliche Entwicklung ist Cloudflare + GitHub. So erstellen Sie eine mit KI aktualisierte statische Website und die Kosten

Nachdem ich eine D-U-N-S-Nummer erhalten und die App eingeführt hatte, erstellte ich eine Unternehmenswebsite zur persönlichen Weiterentwicklung. Wir erklären den Unterschied zwischen einer statischen Website und einem CMS, die Aktualisierung von Artikeln mit KI, die Veröffentlichung mit GitHub Actions sowie das Registrierungsverfahren und die Kosten von Cloudflare Pages.

öffentlich aktualisieren
  • Cloudflare
  • GitHub
  • persönliche Entwicklung

Wenn Sie selbst eine App erstellen, benötigen Sie neben der Entwicklung der App selbst auch eine Homepage, auf der Sie Ihr Unternehmen vorstellen und Unterstützung leisten können.

SANGE Studio benötigt außerdem eine Website, um sich auf den Erhalt einer D-U-N-S-Nummer vorzubereiten und eine Einführungsseite für die App vorzubereiten. Ich möchte eine Konfiguration erstellen, die möglichst wenig Geld kostet und weniger Zeit für die tägliche Verwaltung in Anspruch nimmt. Die Option besteht darin, eine statische Site mit Cloudflare zu veröffentlichen und die Dateien mit GitHub zu verwalten.

Bei der Aktualisierung eines Artikels hilft KI bei der Erstellung und Änderung des HTML-Codes, und Menschen überprüfen den Inhalt und die Anzeige, bevor sie ihn veröffentlichen. Wir glauben, dass diese Konfiguration in vielen Situationen für private Unternehmensseiten ausreichend ist.

In diesem Artikel erläutern wir die Gründe für die Wahl, das Veröffentlichungsverfahren und die Kosten. Bei den Preisen und Spezifikationen handelt es sich um Informationen mit Stand vom 27. Oktober 2026.

1. Bereiten Sie die Website vor, nachdem Sie die D-U-N-S-Nummer erhalten und die App eingeführt haben.

Eine D-U-N-S-Nummer ist eine 9-stellige Nummer, die ein Unternehmen oder eine Geschäftseinheit identifiziert. Im Allgemeinen benötigen Sie diese Nummer, wenn Sie ein Google Play-Organisationskonto erstellen.

Zusätzlich zur D-U-N-S-Nummer benötigt Google Play auch eine „Organisationswebsite“ als Registrierungsinformationen für ein Organisationskonto. [1]

Hier kommt man leicht durcheinander. Es ist eine Sache, dass Google Play eine Website verlangt; Es ist eine andere Sache, dass eine Website einheitlich für alle D-U-N-S-Nummernanträge erforderlich ist. Die Informationen, die Sie für die Beantragung einer D-U-N-S-Nummer benötigen, finden Sie in den Anweisungen des von Ihnen verwendeten Schalters.

In jedem Fall sind eine Seite, die die Realität Ihres Unternehmens erläutert, und eine App-Einführungs-/Supportseite für spätere Vorgänge hilfreich. Sie können klein anfangen, indem Sie die folgenden Inhalte vorbereiten:

SeiteZu veröffentlichende Inhalte
obenInformationen zum Geschäftsnamen, zum Geschäft, an dem wir beteiligt sind, und zur App
GeschäftseinführungErläuterungen, die nicht im Widerspruch zu den Bewerbungsinformationen stehen, wie z. B. Angaben zum Betreiber und zum Unternehmen
App-EinführungFunktionen, Bildschirmbilder, Links zu Google Play
UnterstützungSo erreichen Sie uns und häufig gestellte Fragen
DatenschutzerklärungErläuterung basierend auf tatsächlicher Datenerfassung und Nutzung externer Dienste

Das bedeutet nicht, dass die bloße Vorbereitung einer Website die Prüfung besteht. Es ist wichtig, dass die von Ihnen veröffentlichten Informationen mit den tatsächlichen Geschäfts- und Bewerbungsdetails übereinstimmen.

2. Statische Websites sind eine gute Option, wenn Sie Kosten und Verwaltungsaufwand reduzieren möchten.

Um eine Homepage zu haben, müssen Sie nicht unbedingt einen Mietserver beauftragen oder WordPress installieren.

Cloudflare Pages ist ein Dienst, mit dem Sie HTML, Bilder usw. veröffentlichen können. Er ist im kostenlosen Plan verfügbar und kann auch über die vom Dienst bereitgestellte URL veröffentlicht werden: ○○.pages.dev. [2]

GitHub wird als Ort zum Verwalten der Dateien Ihrer Site und zum Änderungsverlauf verwendet. Sie können überprüfen, wann und wo etwas behoben wurde, und wenn es ein Problem gibt, können Sie Hinweise hinterlassen, um zum vorherigen Zustand zurückzukehren.

Die Organisation der Rollen sieht folgendermaßen aus:

RolleWas zu verwenden ist
Erstellen und Ändern von Sätzen und HTMLKI und Menschen
Verwalten Sie Dateien und ändern Sie den VerlaufGitHub
Automatisieren Sie den Veröffentlichungsprozess nach der BestätigungGitHub Actions
Bereitstellung von Seiten für BetrachterCloudflare Pages

Cloudflare ist nicht der einzige günstigste Dienst auf dem Markt. Es gibt auch kostenlose Dienste. Darüber hinaus ist es eine Option, die zu Ihrem Zweck passt und zu geringen Kosten eine Website zur Einführung in die Persönlichkeitsentwicklung eröffnet.

Veröffentlichungsmechanismus und jede Rolle
  1. KI + MenschArtikel/HTML erstellen und prüfen
  2. GitHubDateien verwalten und Verlauf ändern
  3. GitHub-AktionenGenehmigte Änderungen veröffentlichen
  4. Cloudflare PagesVerteilen Sie HTML und Bilder an Leser

Verwaltet auf GitHub und veröffentlicht auf Actions. Cloudflare Pages liefert Seiten an Leser.

3. Unterschied zwischen statischem Hosting und CMS

Statisches Hosting ist ein System, das den Zuschauern vorab erstelltes HTML und Bilder so liefert, wie sie sind.

Ein CMS ist ein System, das die einfache Verwaltung und Aktualisierung von Artikeln und Bildern ermöglicht. WordPress ist ein typisches Beispiel. Sie können über den Verwaltungsbildschirm Artikel schreiben und Datum und Uhrzeit der Veröffentlichung festlegen.

Streng genommen handelt es sich bei den beiden nicht um Antonyme. Es gibt auch eine Konfiguration, die Artikel mit einem CMS verwaltet und fertige Seiten als statische Site bereitstellt. Zum besseren Verständnis vergleichen wir hier eine Konfiguration, bei der HTML auf GitHub verwaltet wird, und eine Konfiguration, bei der Sie allgemeines WordPress selbst installieren und betreiben.

Artikel zum VergleichenStatische Site, die HTML verwaltetAllgemeine WordPress-Selbstbedienung
So aktualisieren SieÄndern und veröffentlichen Sie die DateiBearbeiten und veröffentlichen Sie über den Verwaltungsbildschirm
Verarbeitung beim BetrachtenLiefern Sie die vorbereitete DateiFunktioniert mit PHP, Datenbank usw. Einige Konfigurationen verwenden Cache.
WartungVerwalten Sie Dateien, veröffentlichen Sie Routen, Nutzungstools usw.Verwalten Sie die Haupteinheit, Themen, Plugins, Ausführungsumgebung usw.
Geplanter BeitragBereiten Sie einen separaten Mechanismus zur Steuerung der Veröffentlichung vorStandardmäßige geplante Veröffentlichungsfunktion verfügbar
Geeignete Anwendungen fürGeschäftseinführung, App-Einführung, Kleingruppen-BlogWebsites mit vielen Editoren, häufigen Updates und Websites, bei denen Bearbeitungsfunktionen wichtig sind

HTML ist eine Datei, die die Struktur einer Seite beschreibt. Traditionell war es bei statischen Websites ein mühsamer Teil, den Code jedes Mal zu berühren, wenn Sie einen Artikel hinzufügten. Wenn Sie bei dieser Aufgabe von KI unterstützt werden, fällt Ihnen die Auswahl leichter.

4. Angesichts der Reaktion auf Schwachstellen und der Entwicklung der KI möchten wir den Offenlegungsmechanismus verkleinern.

Die Veröffentlichung einer Website ist nicht das Ende. Wenn in der von Ihnen verwendeten Software eine Schwachstelle festgestellt wird, müssen Sie diese aktualisieren oder überprüfen. In der offiziellen WordPress-Dokumentation wird außerdem erläutert, wie Sie die Haupteinheit, Plugins usw. aktualisieren und Berechtigungen und Authentifizierung verwalten. [3]

Bei der Persönlichkeitsentwicklung ist die Zeit, die für die Aufrechterhaltung zur Verfügung steht, begrenzt. Wenn der Schwerpunkt auf Geschäftseinführungen und App-Einführungen liegt, wollte ich die Notwendigkeit reduzieren, dass ich die Programme und Datenbanken bedienen muss, die beim Durchsuchen ausgeführt werden, sowie den Anmeldebildschirm zum Bearbeiten von Artikeln, der für die Öffentlichkeit zugänglich ist.

Indem Sie sich auf die rein statische Dateiverteilung konzentrieren, können Sie die Anzahl der Eintrittspunkte für Angriffe reduzieren, die auf solche Bereiche abzielen. Allerdings können auch statische Websites beschädigt werden, wenn GitHub- oder Cloudflare-Konten gekapert oder bösartiges JavaScript eingemischt wird. Die Sicherheit wird sowohl von der Konfiguration als auch vom Betrieb bestimmt.

Der Grund, warum ich mich für eine statische Site entscheiden möchte, liegt nicht darin, dass alle Schwachstellen heutzutage durch CMS verursacht werden. Dies liegt daran, dass für die benötigte Funktionalität weniger verwaltet werden muss.

Darüber hinaus kann KI jetzt bei der Erstellung von HTML und CSS helfen, wodurch der Aufwand für die direkte Bearbeitung von Dateien verringert wird. Dies vereinfacht die Sicherheitskonfiguration und reduziert den Aufwand für Updates. Diese Kombination ist auf persönlicher Ebene attraktiv.

5. Artikel werden mithilfe von KI in HTML konvertiert, von Menschen überprüft und anschließend veröffentlicht.

Der erwartete Aktualisierungsablauf besteht aus den folgenden sechs Schritten.

  1. Organisieren Sie das Thema des Artikels, den Inhalt, den Sie vermitteln möchten, und das Erlebnis.
  2. Bitten Sie AI, eine Artikelseite zu erstellen, die dem vorhandenen Design entspricht.
  3. Registrieren Sie die vorgeschlagene Änderung auf GitHub.
  4. Menschen überprüfen den Text, die Beweise, die Bildschirmdarstellung und Änderungen.
  5. Integrieren Sie die bestätigten Änderungen zur Veröffentlichung in den Zweig main.
  6. GitHub-Aktionen werden auf Cloudflare-Seiten veröffentlicht.

Der Mechanismus zum Überprüfen vorgeschlagener Änderungen auf GitHub wird als „Pull-Request“ bezeichnet, und der Vorgang des Einbindens der bestätigten Änderungen wird als „Merge“ bezeichnet. Selbst wenn Sie es alleine ausführen, können Sie einen Schritt zur Überprüfung zwischen Erstellung und Veröffentlichung einrichten.

Anfragen an AI können beispielsweise wie folgt spezifiziert werden.

Bitte konvertieren Sie dieses Manuskript in HTML und verwenden Sie dabei die vorhandene Artikelseite als Referenz. Organisieren Sie Ihre Überschriften, Tabellen und Referenzlinks so, dass sie auf Smartphones leicht lesbar sind. Bitte aktualisieren Sie auch die Artikelliste und Sitemap. Bitte fügen Sie keine Erfahrungen oder Zahlen hinzu, die nicht im Manuskript stehen, und weisen Sie auf Aussagen hin, die einer Bestätigung bedürfen.

Vor der Veröffentlichung prüfen wir die Korrektheit des Textes, die Darstellung auf Smartphones, Linkziele, Bildrechte und ob persönliche oder vertrauliche Informationen beigemischt sind. Auch KI-Reviews können unterstützend eingesetzt werden, allein die gegenseitige Überprüfung der KIs ist jedoch keine Garantie für die Richtigkeit.

Wenn Sie mehr Artikel haben, können Sie mit dem Schreiben des Textkörpers in Markdown und der Generierung von HTML fortfahren. Ich denke, es ist am besten, nicht von Anfang an ein großes System zu erstellen und es erst dann einzuführen, wenn Updates zur Belastung werden.

Vom Schreiben des Artikels bis zur Veröffentlichung
  1. 1. Bereiten Sie das Manuskript vorOrganisieren Sie den Inhalt, den Sie vermitteln möchten
  2. 2. Mit KI in HTML konvertierenAn vorhandenes Design anpassen
  3. 3. Menschliche BestätigungÜberprüfen Sie Text, Beweise und Anzeige
  4. 4. Spiegelt sich in den wichtigstenAktionen wider, die auf Seiten veröffentlicht werden

Zwischen der Erstellung durch KI und der Veröffentlichung wird es eine Phase geben, in der Menschen den Inhalt und die Darstellung prüfen.

6. Fügen Sie Dienste hinzu, wenn Sie Veröffentlichungsreservierungen oder Bearbeitungsfunktionen benötigen.

Bei statischen Websites reicht das einfache Schreiben eines zukünftigen Datums in den HTML-Code nicht aus, um die Website für die Veröffentlichung zu reservieren. Wenn Sie eine Datei hochladen, können Sie sie möglicherweise über die URL anzeigen, auch wenn sie nicht in der Artikelliste aufgeführt ist.

Wenn eine geplante Veröffentlichung erforderlich ist, ziehen Sie ein Headless-CMS in Betracht, das Datum und Uhrzeit der Veröffentlichung verwalten kann, oder einen Dienst, der eine geplante Bereitstellung unterstützt. Ein Headless-CMS ist ein CMS, das Artikelverwaltungsfunktionen bereitstellt und unabhängig von der Seitendarstellung und -verteilung verwendet werden kann.

In diesem Fall sollten Sie den Artikel erst zum angegebenen Datum und zur angegebenen Uhrzeit in die Veröffentlichungsdatei aufnehmen und ihn zum angegebenen Zeitpunkt mit dem Veröffentlichungsprozess verbinden. Stellen Sie außerdem sicher, dass private Manuskripte nicht in Vorschauen oder öffentlichen Repositories angezeigt werden.

Es gibt auch eine Möglichkeit, die regelmäßige Ausführung von GitHub-Aktionen einzurichten, die Ausführung kann sich jedoch verzögern, sodass sie nicht für Anwendungen geeignet ist, die strenge Zeitgarantien erfordern. [8]

Wenn mehrere Personen täglich Bilder bearbeiten, genehmigen, verwalten und die Veröffentlichung planen müssen, ist ein CMS von großem Wert. Wir planen, die Konfiguration zu überprüfen, wenn die notwendigen Bearbeitungsfunktionen zunehmen.

7. Von der Registrierung bei Cloudflare bis zur Webseitenveröffentlichung

Hier zeigen wir Ihnen, wie Sie mit „Direct Upload“ von Cloudflare Pages aus GitHub-Aktionen veröffentlichen. Der Cloudflare-Beamte stellt auch Anweisungen für diese Kombination bereit. [4]

Cloudflare verfügt auch über eine statische Verteilungsoption namens Workers Static Assets, die Einstellungen und Befehle in diesem Artikel gelten jedoch für Seiten. Der Bildschirmname kann sich ändern. Überprüfen Sie daher bitte den Dienstnamen und die Einstellungen, bevor Sie fortfahren.

Schritt 1: Erstellen Sie Cloudflare- und GitHub-Konten

Erstellen Sie ein Konto bei Cloudflare und GitHub und führen Sie die E-Mail-Verifizierung durch. Richten Sie für beide die Multi-Faktor-Authentifizierung ein.

Sie können mit dem kostenlosen Plan beginnen. Selbst wenn Sie über eine bestehende Originaldomäne verfügen, können Sie die Veröffentlichung über die von Pages bereitgestellte URL überprüfen.

Schritt 2: Holen Sie sich Ihre eigene Domain

Eine benutzerdefinierte Domain ist ein Name im Web, den Sie erwerben und weiterhin verwenden, z. B. example.com. Dies ist ein separater Vertrag von Cloudflare Pages, der die Dateien Ihrer Website speichert. Der Erwerb einer eigenen Domain kostet Geld und Sie müssen eine Verlängerungsgebühr zahlen, um sie nach dem Erwerb weiterhin nutzen zu können. Sie können es mit dem kostenlosen pages.dev veröffentlichen, aber wenn Sie es weiterhin als Unternehmensseite verwenden möchten, ist es einfacher, Sie anzuleiten, wenn Sie eine eindeutige Domain vorbereiten, die Ihrem Firmennamen entspricht. Wenn Sie es bereits haben, müssen Sie sich kein neues besorgen.

Zu den Quellen gehören Cloudflare Registrar und andere Domain-Registrierungsdienste. Wenn Sie sie alle auf einmal mit Cloudflare verwalten möchten, können Sie sie mit dem folgenden Verfahren erhalten. [11]

  1. Melden Sie sich bei Cloudflare an und öffnen Sie „Domains registrieren“ unter „Domain-Registrierung“.
  2. Suchen Sie nach Ihrem gewünschten Domainnamen und sehen Sie, welche Optionen verfügbar sind. Wählen Sie einen Namen, der Ihrem Firmennamen ähnelt und kurz und einfach einzugeben ist.
  3. Überprüfen Sie die Abschlussgebühr, die Vertragsjahre und das nächste Verlängerungsdatum. Wir vergleichen nicht nur den günstigen Preis für das erste Jahr, sondern auch Verlängerungsgebühren, Steuern und Zahlungswährungen.
  4. Geben Sie den Namen, die Adresse, die Telefonnummer und die E-Mail-Adresse des Registranten genau ein und registrieren Sie die Zahlungsmethode. Die Informationen des Cloudflare-Registranten müssen in ASCII-Zeichen eingegeben werden, geben Sie also japanische Namen und Adressen in lateinischen Zeichen usw. ein.
  5. Überprüfen Sie die Bedingungen und den Zahlungsbetrag und bestätigen Sie Ihren Kauf.
  6. Überprüfen Sie Ihre Registrierungsbestätigungs-E-Mail und führen Sie die erforderliche Überprüfung der E-Mail-Adresse durch. Überprüfen Sie auch Ihre Einstellungen für die automatische Verlängerung und das Ablaufdatum Ihrer Zahlungsmethode.

Mit Cloudflare Registrar erworbene Domains nutzen die Nameserver von Cloudflare. Es handelt sich nicht um einen Dienst, der es Ihnen ermöglicht, nach dem Erwerb frei zum DNS-Nameserver eines anderen Unternehmens zu wechseln. Wenn die gewünschte Domain-Endung nicht verfügbar ist, beziehen Sie sie außerdem von einem kompatiblen Drittanbieter. [11]

Ihre Webseite wird nicht angezeigt, wenn Sie nur eine Domain erwerben. Anschließend veröffentlichen Sie Ihre Website auf Pages und verbinden sie in Schritt 8 mit Ihrer eigenen Domain. Auch wenn Sie Ihre Domain bei einem anderen Unternehmen erworben haben, können Sie sie in Verbindung mit Pages verwenden, ohne Ihre Domain-Registrierung an Cloudflare übertragen zu müssen.

Ein Domänenabonnement umfasst nicht unbedingt Postfächer für diese Domäne. Wenn Sie E-Mails über info@example.com usw. senden und empfangen möchten, ziehen Sie einen separaten E-Mail-Dienst in Betracht.

Schritt 3: Erstellen Sie ein Repository auf GitHub

Ein Repository ist ein Repository für die Dateien und den Änderungsverlauf Ihrer Site. Erstellen Sie es aus dem „Neuen Repository“ von GitHub mit dem Namen, zum Beispiel sange-studio-web.

Wenn Sie mit privaten Manuskripten arbeiten, erleichtert die Auswahl von „Privat“ die Verwaltung. Aber auch in einem privaten Repository werden im öffentlichen Ordner abgelegte Dateien an die Site übermittelt.

Legen Sie nur die Dateien, die Sie öffentlich machen möchten, im Ordner public ab. Beispielsweise ist public/index.html die Startseite, public/apps/index.html die App-Liste und public/privacy/index.html die Datenschutzrichtlinie. Dadurch können Sie den Bereich eingrenzen, in dem Manuskripte und Konfigurationsdateien versehentlich auf die Site verteilt werden.

Sie können einfach mit public/index.html beginnen. Lassen Sie AI eine Geschäftseinführungsseite erstellen und überprüfen Sie die Anzeige in Ihrem Browser.

Schritt 4: Erstellen Sie ein Cloudflare Pages-Projekt

Gehen Sie auf dem Cloudflare-Administratorbildschirm zu „Mitarbeiter und Seiten“, um eine Anwendung zu erstellen, und wählen Sie „Datei-Upload“ (Direkter Upload) für Seiten aus. Legen Sie einen Projektnamen fest und laden Sie den Inhalt des Ordners public hoch, um ihn zum ersten Mal zu veröffentlichen. [5]

Greifen Sie auf https://project name.pages.dev zu, das an dieser Stelle angezeigt wird, und überprüfen Sie die oberste Seite. Der Projektname und die Konto-ID werden in späteren Einstellungen verwendet.

Mit Direct Upload erstellte Projekte können später nicht auf den mit Git verknüpften Typ umgestellt werden. Wenn Sie wechseln möchten, müssen Sie ein neues Projekt erstellen. [5]

Schritt 5: Erstellen Sie ein öffentliches API-Token

API-Tokens sind Anmeldeinformationen für die Veröffentlichung von GitHub Actions in Cloudflare.

Erstellen Sie auf dem Bildschirm „Cloudflare-API-Tokens“ ein benutzerdefiniertes Token und legen Sie die Berechtigungen auf „Konto → Cloudflare-Seiten → Bearbeiten“ fest. Grenzen Sie Ihre Zielkonten auf diejenigen ein, die Sie benötigen. [4]

Die von Ihnen erstellten Token werden nicht direkt in HTML- oder GitHub-Dateien geschrieben.

Schritt 6: Registrieren Sie Authentifizierungsinformationen in GitHub Secrets

Öffnen Sie im GitHub-Repository „Einstellungen → Geheimnisse und Variablen → Aktionen“ und fügen Sie die folgenden beiden als Repository-Geheimnisse hinzu.

NamenZu registrierender Wert
CLOUDFLARE_API_TOKENAPI-Token erstellt
CLOUDFLARE_ACCOUNT_IDCloudflare-Konto-ID für die Veröffentlichung

Secrets ist eine Funktion, die Authentifizierungsinformationen speichert, die in Veröffentlichungsprozessen verwendet werden. [4]

Schritt 7: Sichtbarkeitseinstellungen für GitHub-Aktionen hinzufügen

Erstellen Sie .github/workflows/deploy.yml in Ihrem Repository und speichern Sie den folgenden Inhalt: Ersetzen Sie your-pages-project durch den Namen Ihres Pages-Projekts.

name: Deploy website

on:
  push:
    branches: [main]
  workflow_dispatch:

permissions:
  contents: read

concurrency:
  group: production-website
  cancel-in-progress: false

jobs:
  deploy:
    runs-on: ubuntu-latest
    timeout-minutes: 10
    steps:
      - name: Checkout
        uses: actions/checkout@v6

      - name: Check entry page
        run: test -f public/index.html

      - name: Deploy to Cloudflare Pages
        uses: cloudflare/wrangler-action@v4
        with:
          apiToken: ${{ secrets.CLOUDFLARE_API_TOKEN }}
          accountId: ${{ secrets.CLOUDFLARE_ACCOUNT_ID }}
          command: pages deploy public --project-name=your-pages-project --branch=main

Basierend auf dem offiziellen Beispiel haben wir eine minimale Konfiguration, die nur verfügbar gemacht wird, wenn main aktualisiert wird. [4] Es gibt keinen HTML-Generierungsprozess, daher sind keine Build-Einstellungen erforderlich. In diesem Beispiel dient die Prüfung nur dazu, die Existenz der Top-Seite zu bestätigen, sodass eine Überprüfung des Inhalts und der Anzeige separat durchgeführt wird.

Bitte stellen Sie außerdem sicher, dass der Produktionszweig auf Seitenseite zum ersten Mal main ist. Nachdem Sie die Konfigurationsdatei in main wiedergegeben haben, überprüfen Sie das Ausführungsergebnis in GitHubs „Aktionen“ und öffnen Sie die Site nach Erfolg.

Das Obige ist eine Versions-Tag-Spezifikation, die der Lesbarkeit Priorität einräumt. Für den kontinuierlichen Betrieb können Sie die Kontrolle über den öffentlichen Pfad verschärfen, indem Sie die Aktion an einen bestätigten Commit-SHA anheften und Aktualisierungen überprüfen.

Schritt 8: Legen Sie die erworbene Originaldomäne auf „Pages“ fest

Fügen Sie die Domäne, die Sie verwenden möchten, über „Benutzerdefinierte Domänen → Domäne einrichten“ im Pages-Projekt hinzu. [6]

Mit Cloudflare Registrar erworbene Domänen sind für die Verwendung des DNS von Cloudflare konfiguriert. Wenn Sie eine Stammdomäne wie example.com verwenden, die von einem anderen Unternehmen erworben wurde, fügen Sie die Domäne zu Cloudflare hinzu und ändern Sie sie in die Nameserver, die im Admin-Bildschirm Ihres Registrators angegeben sind. Wenn Sie eine bestehende E-Mail verwenden, werden vor der Änderung auch die DNS-Einträge wie MX und TXT übernommen.

Für Subdomains wie www.example.com können Sie auch einen CNAME in einem externen DNS-Dienst festlegen. Anstatt nur DNS-Einträge hinzuzufügen, verknüpfen Sie diese in beiden Fällen zunächst mit benutzerdefinierten Domänen in Pages. [6]

Überprüfen Sie nach der Aktivierung, ob Sie mit HTTPS öffnen können und ob Bilder, Links und die Smartphone-Anzeige korrekt sind. Wenn Sie Ihre eigene Domain zu einer offiziellen URL machen möchten, fügen Sie auch kanonische und Sitemap-URLs hinzu.

Es gibt auch eine Möglichkeit, mit weniger Einstellungen zu beginnen.

Wenn Sie keine Veröffentlichungskontrolle mit GitHub Actions benötigen, ist es einfacher, GitHub-Repositorys direkt in Pages zu integrieren, was weniger Einrichtung erfordert. Die Konfiguration besteht darin, im Seitenerstellungsbildschirm „Git-Repository importieren“ auszuwählen, den Produktionszweig auf main, kein Framework, den Build-Befehl auf exit 0 und das Ausgabeziel auf public festzulegen. [9]

Mit dieser Methode erkennt Cloudflare Änderungen an GitHub und veröffentlicht sie, sodass Sie keine öffentlichen API-Tokens und Aktionen einrichten müssen. Es ist nicht erforderlich, die Aktionsmethode und die automatische Veröffentlichung der Direktlink-Methode gleichzeitig auszuführen.

Verbinden Sie Ihre eigenen Domain- und Site-Dateien
  1. Einzigartige DomainBeispiel: example.com
  2. DNS-EinstellungenDomänenverbindungsziel angeben
  3. Seiten konfigurierenMit benutzerdefinierten Domänen verknüpfen
  4. Website anzeigenVeröffentlichung mit HTTPS überprüfen

Das Erhalten einer Domain und das Veröffentlichen einer Seite sind zwei verschiedene Aufgaben. Passen Sie die DNS-Einstellungen und die Zuordnungen auf der Seitenseite an.

8. Wie viel kostet es?

Wenn Sie eine kleine Website wie diesen Artikel haben, die HTML, CSS und Bilder vertreibt, können Sie mit dem Hosting und der Dateiverwaltung für nur 0 Yen pro Monat beginnen.

ArtikelKostenErgänzung
Cloudflare Pages Free0 USD pro MonatWird zum Veröffentlichen statischer Websites verwendet
GitHub Free0 USD pro MonatVerwalten Sie Dateien und ändern Sie den Verlauf
GitHub Actions0 USD innerhalb des kostenlosen LimitsKostenlose private GitHub-Repositorys sind auf 2.000 Minuten pro Monat und 500 MB Artefaktspeicher begrenzt. Teilen Sie Ihr Konto mit anderen Benutzern
Von Pages bereitgestellte URLZusätzliche Kosten: 0 Yen○○.pages.dev
eigene DomainSeparate Erwerbs-/Erneuerungsgebühr erforderlichVariiert je nach Domain-Endung, Registrar und Vertragsbedingungen
AIHängt vom genutzten Dienst abKostenloser Plan, monatlicher Vertrag, API-Nutzungsgebühr usw.
Offenlegung/Formular der Reservierung usw.Hängt vom genutzten Dienst abFügen Sie nur die Funktionen hinzu, die Sie benötigen

Laut Cloudflare ist die Anzahl der Anfragen und die Bandbreite für Pages unbegrenzt, es gibt jedoch Einschränkungen wie die Anzahl der Dateien und die Nutzungsbedingungen. Der kostenlose Plan ermöglicht 500 Git-verknüpfte Builds pro Monat und maximal 20.000 Dateien. Unterscheiden Sie bei der Verarbeitung und dem direkten Hochladen mit GitHub-Aktionen zwischen dem Build-Frame auf der Cloudflare-Seite und dem Ausführungs-Frame auf der GitHub-Seite. [2][7]

GitHub Actions kann kostenlos auf dem von GitHub gehosteten Standard-Runner für öffentliche Repositorys ausgeführt werden. Achten Sie darauf, das kostenlose Kontingent in privaten Repositorys nicht zu überschreiten. Große Läufer und Lagerkapazität sind weitere Anforderungen. [10]

Wenn Sie beispielsweise 30 Mal im Monat einen Veröffentlichungsprozess von jeweils 3 Minuten in einem privaten Repository ausführen, beträgt die Gesamtzeit 90 Minuten. Wenn Sie das Kontingent nicht für andere Zwecke verbrauchen und Ihre Speicherkapazität innerhalb des Kontingents liegt, können Sie 2.000 Minuten pro Monat nutzen.

Wenn Sie bereits über eine eigene Domain verfügen, fallen beim Hinzufügen einer Website keine Kosten für den Erwerb einer neuen Domain an. Es fallen jedoch weiterhin Verlängerungsgebühren für bestehende Domains an. Beurteilen Sie den Preis Ihrer eigenen Domain nicht nur anhand des Rabatts für das erste Jahr; Überprüfen Sie auch den Verlängerungspreis.

Bitte beachten Sie, dass die Kosten für das Hinzufügen von APIs, Datenbanken, Seitenfunktionen usw. nicht in dieser statischen Website-Schätzung enthalten sind.

Wählen Sie für die persönliche Weiterentwicklung eine Konfiguration, die Ihnen den Weiterbetrieb ermöglicht.

Geschäftseinführung, Anwendungseinführung, Support, Blog, aktualisiert von einer kleinen Anzahl von Personen. Für diese Zwecke ist der Betrieb einer statischen Site mit Cloudflare und GitHub eine gute Option.

KI hilft beim Erstellen und Ändern von Seiten, und Menschen überprüfen und genehmigen den Inhalt, der dann automatisch veröffentlicht wird. Wenn die notwendigen Bearbeitungsfunktionen zunehmen, fügen Sie zu diesem Zeitpunkt ein CMS oder externe Dienste hinzu.

Für einen persönlichen Betrieb wie SANGE Studio möchten wir eine Konfiguration wählen, die es uns ermöglicht, weiterhin Geschäftsinformationen bereitzustellen und gleichzeitig Zeit für die Anwendungsentwicklung zu gewinnen.

Referenzmaterialien

  1. Erforderliche Informationen zum Erstellen eines Google Play Console-Kontos
  2. Cloudflare Pages-Produktinformationen
  3. WordPress-Beamter: WordPress härten
  4. Cloudflare offiziell: Direkter Upload und CI-Integration
  5. Cloudflare offiziell: Direkter Upload
  6. Cloudflare offiziell: Benutzerdefinierte Domänen
  7. Cloudflare Pages-Beschränkungen
  8. GitHub offiziell: Ereignis planen
  9. Cloudflare offiziell: Statisches HTML
  10. GitHub Actions-Preise und kostenloses Kontingent
  11. Cloudflare-Beamter: Registrieren Sie eine neue Domain
← Zur Liste der Entwicklungsblogartikel gehen