hogehoge〜〜

プログラミングの勉強記録です

nginxサーバのページにCSS・画像をおくには

CSSファイルの置き方

ページのルートディレクトリ(index.htmlが置いてある場所)と同じ場所に、CSSファイルをおく。(複数あるときはディレクトリを作ってもOK)

htmlファイルのなかで<link>タグで参照する。

 

画像の置き方

CSSと同様に、ページのルートディレクトリの中に画像をおく。htmlファイルの中で<img>タグで参照する。(imgディレクトリにまとめることがほとんどだと思う)

 

ローカルPCからNginxサーバに画像を転送する方法

scpコマンドを使う。

$ scp -P ポート番号 ~/Desktop/hoge.png(ローカルの画像のパス) リモートサーバのユーザー名@URLまたはIPアドレス:~/img/(リモートサーバのパス)

※ローカル画像のパスについて もしディレクトリごと送信する場合は「-r ~/Desktop/hoge(ローカルの画像のパス)」のようにオプションをつける。

※リモートサーバのパスについては権限が必要なディレクトリに直で送ると弾かれてしまうため、一旦ユーザーのディレクトリに送信する方がいいかもしれない(きっと方法があると思うのだが…)

f:id:nekono2_9_9:20200810214139g:plain
現在のページの様子
https://yobailo.work/