Die Reise eines Anfängers zum Starten einer Website

Meine Webentwicklungsreise begann im September 2018. Wie viele neue Entwickler hatte ich Mühe, die Grundlagen des Lernens in Einklang zu bringen, um mit der schnellen Entwicklung der Branche Schritt zu halten. Der Aufbau einer einfachen, lokal gelagerten Website fühlte sich kilometerweit von der Start einer live, im Internet zugänglichen Site entfernt an. Trotzdem habe ich es getan! Und es war weitaus weniger entmutigend, komplex und kostspielig als erwartet.

Alles begann mit einer E -Mail an Chris und inspirierte einen informativen Artikel, der den Prozess klarstellte. Ich hatte keine vollwertige Website-nur ein Projekt, um mein Lernen zu unterstützen. Dieses laufende Projekt motivierte mich, den Live -Startprozess zu beschleunigen. Sie könnten dies sogar mit einer einfachen "Hallo, Welt!" Replizieren. HTML -Datei.

Ich entschied mich für Gatsby, einen reagierten statischen Site-Generator. Der modulare Ansatz fand mit meinem Hintergrund in physikalischem Produkt und mechanischer Konstruktion mit. Das Gebäude fühlte sich intuitiv an, wie beim Bau eines Lego -Burgs und das Hinzufügen von Komponenten, bis das Endprodukt fertig war.

Dies ist kein Tutorial, sondern ein persönlicher Bericht. Hoffentlich inspiriert es Sie und zeigt, dass es auch ohne formelle Ausbildung erreichbar ist, als jemand, der erst seit einem Jahr kodiert.

Domänenregistrierung

Anfänglich war es bedeutsam, eine Domäne zu erwerben. Eigentum implizite Verantwortung - Menschen würden auf Inhalte zugreifen, die ich zur Verfügung gestellt habe. Ich verbrachte Wochen, um den perfekten Namen zu quälen und Akronymgeneratoren und Thesaurien zu erkunden. Letztendlich entschied ich mich für joshlong.design , eine einfache Reflexion meiner Identität und meines Berufs. Ich genieße es immer noch, es in der Adressleiste zu sehen.

Nach Chris 'Rat (teilweise!) Kaufte ich zwei Domains: a .com und a .design . Der .design erforderte einige Preisvergleich. Das Verwalten von zwei Domänen ist überschaubar. Ich muss selten auf ihre Einstellungen zugreifen.

Der Kaufprozess war unkompliziert, ähnlich wie bei jeder Online -Transaktion. Namecheap ( .com ) und Google Domains ( .design ) boten ähnliche Erfahrungen, die Standardinformationen und Zahlungsinformationen erfordern. Google hat sich nicht aggressiv aggressiv verkündet. Sie boten kostenlose Whois -Schutz an, die ich für Privatsphäre akzeptierte. Namecheap hat jedoch aktiv Add-Ons wie Hosting-, E-Mail-, VPNS- und SSL-Zertifikate beworben-für mein Setup alle unnötig. Ich hatte bereits Hosting, benutzte einen E -Mail -Alias ​​und mein Hosting bot ein kostenloses Let's Encrypt -SSL -Zertifikat.

Hosting

Die Wahl eines Gastgebers erwies sich als schwieriger als die Registrierung von Domain. Die statische Natur (HTML, JavaScript) meiner Gatsby -Site vereinfacht die Entscheidung. Ich brauchte keine serverlastige Lösung wie eine für WordPress optimierte.

Angesichts Gatsbys Popularität habe ich mich für Netlify entschieden. Ihre Dokumentation ist ausgezeichnet und ich blieb bequem in der freien Stufe. Die Benutzerfreundlichkeit von Netlify war ein wesentlicher Faktor.

Ein kurzer GitHub -Hinweis: Ich bin kein Git -Experte. Ich habe ein Repository erstellt, das Anweisungen befolgt, um Änderungen über meinen VS -Code -Editor zu begehen und zu verabschieden. Es hat funktioniert, obwohl ich jetzt den Befehlszeilen-Git lerne.

Zurück zu Netlify: Ich habe ein Konto erstellt (keine Kreditkarte benötigt), mein Github -Repository verknüpft und mich angesehen hat, wie Netlify meine Website bereitstellt. Nachdem ich für die temporäre URL von Netlify bereitgestellt hatte, habe ich meine registrierte Domain verknüpft. Netlify stellte Namenserver zur Verfügung, die ich zu Google Domains hinzugefügt habe. Die Ausbreitung dauerte ungefähr drei Stunden (sie kann variieren). Schließlich zeigte meine Domain auf meine Live -Site!

Content -Management -Systeme (CMS)

Die CMS -Landschaft ist groß, aber zum Glück irrelevant, wenn Sie sie umgehen möchten. Ich fand die Freiheit in dieser Erkenntnis. Meine Gatsby -Site verwendete ein Markdown -Dateiverzeichnis als CMS - My Texteditor. Dieser Ansatz, der in ShopTalk Show besprochen wurde, funktionierte perfekt.

Für strukturelle Konsistenz habe ich später NetlifyCMS, ein schnelles Open-Source-CMS, integriert. Jetzt kann ich Beiträge von überall mit einer Internetverbindung erstellen und entwerfen.

Asset Hosting (CDNs)

Ein CDN speichert, wie Chris erklärte, die Website -Vermögenswerte (HTML, CSS, Bilder). Netlify beinhaltete eine kostenlose CDN, die die Geschwindigkeit und die Navigation der Standort erheblich verbessert.

Die Schlussfolgerung der Reise

Vor dem Start überlegte ich, mich an lokalen Websites zu halten und zu glauben, dass der Prozess zu schwierig, langwierig und teuer ist. Es war nicht! Mein Domain -Name war meine einzigen Kosten. Der Weg war überraschend einfach:

 <code>Code > Buy Domain > Find/Buy Hosting > Update Nameservers > Upload Code > Live!</code>

(Überspringen Sie den Namenserver, wenn Sie denselben Anbieter für Domain und Hosting verwenden.)

Das Starten einer Website ist erreichbar. Der Prozess erfordert Schritte, aber mit Geduld ist er überschaubar. Die Zufriedenheit, Ihre Schöpfung zu teilen, ist immens und übertrifft meine anfänglichen Erwartungen. Der kollaborative Geist der Web -Community war während meiner Lernreise von unschätzbarem Wert.

Ich würde gerne Ihre Erfahrungen hören! Was waren Ihre Herausforderungen und Erfolge? War es so entmutigend, wie es ursprünglich schien?

Das obige ist der detaillierte Inhalt vonDie Reise eines Anfängers zum Starten einer Website. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!