1
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 1 year has passed since last update.

【Git】GitHubからCSSを読み込む方法【CSS】

Posted at

リポジトリを作成する

リポジトリを作成します。
作成方法については以下のページをご参照ください。

CSSファイルをpush

CSSファイルを作成し、pushします。

GitHub Pagesで公開

GitHub Pagesを使用します。
GitHubのリポジトリのSettignsページを開きます。
image220726_050503.png
下画像四角のPagesを選択します。
image220726_050711.png
Sourceの欄で「None」が選択されていますので「main」を選択します。
選択したら「Save」をクリックします。
image220726_050916.png
すると下画像四角のようにURLが表示されます。
image220726_051041.png
表示されているURLにCSSファイルまでのパスを追加してアクセスし、内容が表示されるか確認します。
image220726_051732.png

HTMLファイルで読み込み

CSSファイルを読み込むためHTMLファイルに以下のように追記します。

index.html
<!DOCTYPE html>
<html>
  <head>

    <link rel="stylesheet" href="CSSが表示されることを確認したURL" type="text/css">

  </head>
  <body>

  </body>
</html>

以上でCSSファイルが読み込まれます。

1
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
1
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?