今回ポートフォリオサイトを僭越ながら作成しデプロイまで行ったのでちょっと書きます。
使用したモノ
・HTML
・CSS
・Heroku(今回のデプロイ先)←無料でいけるヨ
1 そのままデプロイできない…
HTMLファイル、CSSファイルだけだとHerokuに認められなかったです。
そこで一番簡単そうな方法を調べると、PHPアプリに改造するのが良いみたいですのでそうします。
2 PHPファイルに大変身(超簡単だぜ!)
ルートディレクトリにindex.phpファイルを作成し以下を記入
index.php
<?php include_once("index.html"); ?>
3 Json氏をジョイン
package.jsonファイルをルートディレクトリに作成し以下を記入
{}
4 GitHubにPush!!
githubにpushします。
こちらの方の記事が大変参考になるかと思いますのでわからない方はどうぞ。
https://qiita.com/Toshimatu/items/f71a935612a55d6e674e
5 Herokuへgo!
ここではherokuのアカウント作成等々は飛ばしますのでご了承ください。
この辺は以下のリンクが参考になるかと思いますのでどうぞ。
https://blog.proglus.jp/1438/
6 HerokuとGithubリポジトリを紐付ける
ターミナルを開いていただいて
$ heroku login
$ heroku create アプリケーション名
7 herokuを開く
Dashboardからデプロイしたいサイトを選択
Deployを選択
Deployment methodの項目からGitHubを選択しリポジトリ名を入力しconnect!
AutomaticDeploy等は好きにしてください。
Manual deployの項目へ行きDeploy Branchをクリック!
完了