JavaScript13(Netlyfyにデプロイする)

1:Netlifyにデプロイする準備

index.htmlに以下の記述にする

タイトルとサイトの説明とアイコンの設定をしているよ

MinifyJavaScriptCSSのスペースを除去する作業をして貼り付け

画像を圧縮してサイズを小さくする

手動でもいいが、自動化する場合は別の記事で記載します

2:netlifyにデプロイする

https://www.netlify.com/

リンクからnetlify公式に飛んでGet started for freeをクリック

自分が登録しているGitサービスを選び(ここではGitHubを選び、以降はGitHubで説明)サインインする

GitHubの右上のアイコンからYour repositoriesをクリック

Newをクリック

Repository nameに名前をつけてCreate repositoryをクリック

uploading an existing fileをクリック(コマンドでもどちらでも良い)

ここにファイルをドラッグ&ドロップ

アップロードが終わったらCommit changes

netlifyでこのような画面が出たらNew site from Gitをクリック

GitHubを選択

デプロイしたいGitHub Appを選択

Deploy siteをクリック

新しくSitesに追加されていればOK(名前はランダムなので注意)

名前を変えたい場合Domain settingsをクリック

Optionsをクリックして名前を変更してSave

リンクからサイトがアップされているのを確認できる

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です