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!