AlibabaCloudは静的なWebサイトを展開します

0.まえがき

• メモを取る三部作の最後のステップに属します：
  • 最初のステップ：Markdownを介してメモを取り、自分に合ったMarkdownエディターを選択します。
  • ステップ2：MarkdownファイルをWebサイトに変換します。つまり、適切な静的Webサイトジェネレーターを選択します。
  • ステップ3：生成された静的Webサイトを展開し、ドメイン名を設定します。
• より便利な方法は、Github PagesにWebサイトをデプロイすることです。一般的な静的Webサイトジェネレーターには、このためのツールがあります。
• この記事では、静的Webサイトを独自のクラウドサーバー（Alibaba Cloud）にデプロイし、独自のドメイン名を設定する方法について説明します。
  • 利点：自由度が高く、アクセス速度はGithubPagesよりもはるかに高速です。
  • 短所：非常に面倒、本当に面倒。
  • ステップ：
    • ステップ1：クラウドサーバーとドメイン名を購入します。
    • 2番目のステップ：ウェブサイトの登録。
      • サーバーが国内サーバーの場合、ドメイン名をバインドする場合は、ファイルする必要があります。
      • Githubは海外に展開されているため、申請せずにドメイン名を直接指定できます。
    • ステップ3：ブログと静的ウェブサイトジェネレーターをクラウドサーバーにデプロイします。
    • ステップ4：静的Webサイトを表示するようにクラウドサーバーでnginx / apache / tomcatなどを構成します。
• この記事では、2番目のステップ（Alibaba Cloud Webサイトのファイリング）と4番目のステップ（静的Webサイトのnginxデプロイメント）に焦点を当てます。

1.ウェブサイトへの提出

• Alibaba Cloudは、Webサイトのファイリングサービスを提供し、ファイリングの手順を紹介します。
  • 
  • 
• 誰かに助けを求めるためにお金を使うことはできますが、それは必要ではないと思います...
• 個人のウェブサイトを提出するためのステップ
  • 最初のステップ：準備。
    • ドメイン名とサーバーIPを準備します
    • IDカードを脇に置いておきます（以前に撮った写真は使用できないようです。今すぐ撮る必要があります）
    • ウェブサイトの名前を選択するには、少なくとも3つの漢字、重複する文字がない、「ブログ」という単語を表示できないなど、いくつかの要件があります。
  • 2番目のステップ：Alibaba Cloudに入り、レコードレビューのために送信します。これは4つのステップに分かれています。
    • 基本情報：自分の住所、名前、ID番号、ドメイン名を書いてください。
    • スポンサー情報：実際、それはあなた自身の情報です。
    • ウェブサイト情報：実際にはウェブサイトの名前です。
    • 情報のアップロード：ファサードは非常に不思議に書かれています。実際には、IDカードを使用して写真を撮り、その短いビデオを撮ることです。さらに、この部分はAlibabaCloudモバイルアプリで実行されます。
      
  • ステップ3：Alibaba Cloudのレビューを待ちます。実際、Alibaba Cloudから電話で情報を確認し、エラーが発生した場合は転送されます。
    • おもしろいことに、カスタマーサービスの女性との窒息アンプ（背景：以前にウェブサイトに「QinghuanPersonalBlog」という名前を付けました）：
      • カスタマーサービスシスター：ブログという単語は表示されません。
      • 私：それは「Qinghuan」と呼ばれています。
      • カスタマーサービスシスター：3語以上。
      • 私：それは「QingHuanhuan」と呼ばれています。
      • カスタマーサービスシスター：冗長性は許可されていません。
      • 私：シスター私は間違っていました、それについて考えさせてください。。（心の内面：カスタマーサービスの姉妹は、私が1日に何回会ったかわかりません）
  • ステップ4：ファイリングビューローによるSMS検証。SMSリマインダーに従ってください。
  • ステップ5：辛抱強く待ちます。

2. AlibabaCloudは静的なWebサイトを展開します

• 使用したツール：
  • 静的ウェブサイト生成ツール：vuepress（実際、すべてのツールは同じです）
    • いわゆる静的ウェブサイトジェネレータは、静的ウェブサイトを生成することです...
    • vuepressで使用されるコマンドは npm run docs:dev
    • いわゆる「生成されたウェブサイト」は、実際にはjs / html / cssの束を含むフォルダーです。
  • Webサーバー：nginx
• 静的WebサイトのAlibabaCloudの展開の本質は、nginxを構成することです。

2.1.Nginxのインストールと一般的なコマンド

• インストール：私はUbuntuを使用しているので、sudo apt install nginxインストールを通じて直接実行します。
• 一般的に使用されるコマンド：
  • オン/オフ/再起動：service nginx start/stop/restart
  • nginxのバージョンを確認してください：nginx -v
  • 構成ファイルのパスを表示します。nginx -t
    • 
  • 助けて：nginx -h

2.2.nginx構成

• 構成ファイルのパスを表示します。
  • デフォルトでは、です/etc/nginx/nginx.conf
  • nginx -t現在のプロファイルパスコマンドを表示できます。
  • また、することができますnginx -h見-cオプションのデフォルト値を確認します。
• httpブロックのincludeコマンドに注目して、カスタム構成ファイルがどこにあるかを確認します
  • そうでない場合は、自分で文を追加できます。
  • たとえば、私のプロファイルには1つありますinclude /etc/nginx/conf.d/*.conf;。つまり、カスタム構成ファイルは、/etc/nginx/conf.d既に.conf終了しているフォルダー名の下に配置できます。
• 構成ファイルを自分で作成する主な内容はいくつかあります。
  • ポートを設定します。listen
  • マップする必要のあるIPとドメイン名はserver_name関連しています。複数ある場合は、スペースを使用して区切ります
  • 生成されたWebサイトが配置されrootているlocationパス。これは、ポスト相対パスとスプライスされます。
  • エントリファイル、つまりindex次のファイルには、スペースで区切られた複数のスペースがあります

    server {
        listen       80;
        server_name  47.92.88.222 yeahflash.com;
        location / {
            root /root/deploy_blogs/docs/.vuepress/dist;
            index index.html;
        }
    }

2.3。マイニングピット

• 現象：
  • デフォルト設定を使用して、ページを正常に表示します。
  • /usr/share/nginx/htmlディレクトリへの静的なWebサイトを正しく表示できます。
  • ローカルパスの設定~/path/to/distは404です。
• 理由：
  • 権限の問題……
  • Ubuntu18.04のAliCloud、ユーザー名はroot、~パスは/rootパス
  • このパスの権限は700であり、nginxは管理者によって開始されていないようであるためroot、読み取りと書き込みの権限がありません...