私のウェブ開発の旅は2018年9月に始まりました。多くの新しい開発者と同様に、私は學(xué)習(xí)の基礎(chǔ)のバランスをとることと、業(yè)界の急速な進(jìn)化に対応することに苦労しました。シンプルでローカルに保管されているWebサイトの構(gòu)築は、ライブのインターネットアクセス可能なサイトを立ち上げることから何マイルも離れているように感じました。それでも、私はそれをしました！そして、それは予想よりもはるかに困難で、複雑で、費用がかかりませんでした。

それはすべてクリスへの電子メールから始まり、プロセスを明らかにした有益な記事を刺激しました。私は本格的なウェブサイトを持っていませんでした。學(xué)習(xí)を支援するプロジェクトです。この進(jìn)行中のプロジェクトは、ライブローンチプロセスを加速するように動機付けました。これを簡単な「こんにちは、世界！」で複製することもできます。 HTMLファイル。

私は、反応駆動の靜的サイトジェネレーターであるGatsbyを選びました。そのモジュラーアプローチは、物理的な製品と機械設(shè)計の私のバックグラウンドと共鳴しました。レゴ城の建設(shè)など、建物は直感的に感じられ、最終製品の準(zhǔn)備が整うまでコンポーネントを追加しました。

これはチュートリアルではなく、個人アカウントです。うまくいけば、それはあなたにインスピレーションを與え、1年しかコーディングしていなかった人として、正式なトレーニングがなくても達(dá)成可能であることを示しています。

ドメイン登録

當(dāng)初、ドメインを取得することは重要だと感じました。所有権は責(zé)任を暗示しています。人々は私が提供したコンテンツにアクセスします。私は完璧な名前に苦しみ、頭字語ジェネレーターとシソーラスを探索しました。最終的に、私は私のアイデンティティと職業(yè)を簡単に反映したjoshlong.designを選びました。私はまだアドレスバーでそれを見ることを楽しんでいます。

Chrisのアドバイス（部分的に！）に従って、2つのドメインを購入しました：A .comと.design 。 .designには、価格競合が必要でした。 2つのドメインの管理は管理可能です。私は彼らの設(shè)定にアクセスする必要はほとんどありません。

購入プロセスは、あらゆるオンライントランザクションに似た簡単なものでした。 Namecheap（ .com ）とGoogle Domains（ .design ）は同様の経験を提供し、標(biāo)準(zhǔn)的な個人情報と支払い情報を必要としました。 Googleは積極的にアップセルしませんでした。彼らは私がプライバシーを受け入れた無料のWhois保護(hù)を提供しました。ただし、Namecheapは、ホスティング、電子メール、VPN、SSL証明書などのアドオンを積極的に宣伝しました。これは、私のセットアップにはすべて不要です。私はすでにホスティングをしていて、電子メールエイリアスを使用しており、ホスティングは無料のLet's Encrypt SSL証明書を提供しました。

ホスティング

ホストを選択することは、ドメイン登録よりも困難であることが判明しました。私のGatsbyサイトの靜的な性質(zhì)（HTML、JavaScript）は、決定を簡素化しました。 WordPress用に最適化されたようなサーバーが多いソリューションは必要ありませんでした。

ギャツビーの人気を考えると、Netlifyを選びました。彼らのドキュメントは優(yōu)れており、私は快適に無料の層に留まりました。 Netlifyの使いやすさは重要な要因でした。

簡単なgithubメモ：私はGitの専門家ではありません。 VSコードエディターを介して変更をコミットおよびプッシュする手順に従って、リポジトリを作成しました。コマンドラインGitを?qū)Wんでいますが、機能しました。

Netlifyに戻る：アカウントを作成し（クレジットカードは必要ありません）、GitHubリポジトリをリンクし、Netlifyがサイトの展開を視聴しました。 Netlifyの一時的なURLに展開した後、登録ドメインをリンクしました。 Netlifyは、Googleドメインに追加した名前サーバーを提供しました。伝播には約3時間かかりました（異なる場合があります）。最後に、私のドメインは私のライブサイトを指していました！

コンテンツ管理システム（CMS）

CMSの風(fēng)景は広大ですが、ありがたいことに、それをバイパスすることを選択した場合は無関係です。私はこの認(rèn)識に自由を見つけました。私のGatsbyサイトは、MarkdownファイルディレクトリをCMSとして使用しました。これは私のテキストエディターです。 Shoptalk Showで議論されているこのアプローチは、完璧に機能しました。

構(gòu)造一貫性のために、後にnetlifycmsを統(tǒng)合した高速でオープンソースCMSを統(tǒng)合しました。これで、インターネット接続を備えたどこからでも投稿を作成およびドラフトできます。

資産ホスティング（CDNS）

Chrisが説明したように、CDNはWebサイト資産（HTML、CSS、畫像）を保存しています。 Netlifyには無料のCDNが含まれており、サイトの速度とナビゲーションが大幅に改善されました。

旅の結(jié)論

起動する前に、私は地元のサイトに固執(zhí)し、このプロセスが難しすぎて、長く、高価であると信じていました。そうではありません！私のドメイン名は私の唯一のコストでした。パスは驚くほど簡単でした：

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

（ドメインとホスティングに同じプロバイダーを使用している場合は、名前をスキップします。）

ウェブサイトを立ち上げることは達(dá)成可能です。このプロセスには手順が必要ですが、忍耐力があると管理可能です。あなたの創(chuàng)造物を共有することの満足は計り知れません。私の最初の期待を超えています。 Webコミュニティの共同精神は、私の學(xué)習(xí)の旅を通して非常に貴重でした。

私はあなたの経験を聞きたいです！あなたの課題と成功は何でしたか？それは最初に思われたのと同じくらい困難でしたか？

以上がウェブサイトを立ち上げるための初心者の旅の詳細(xì)內(nèi)容です。詳細(xì)については、PHP 中國語 Web サイトの他の関連記事を參照してください。