6
4

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 5 years have passed since last update.

【GitHub Pages】で簡易webサイトを作る

Last updated at Posted at 2019-05-23

#はじめに
GitHub Pagesを使って簡単に静的(HTML, CSS, js)ポートフォリオサイトを作ってみたい!
と思ったので作りました。

HTMLファイルをサーバーに表示させるまでが目的のため見た目は無視しますが、
これから対応するのでその都度記事を更新します。

初めてQiitaに投稿するため、何かありましたらご指摘いただけるとありがたいです。

#GitHub Pagesとは
GitHubPages
無料でサイトを作れる

※無料ユーザーはpublicリポジトリでのみ公開可能

#GitHub Pagesでwebサイトを作る
####リポジトリを作成
無料ユーザーの場合はPublicリポジトリにします。
スクリーンショット 2019-05-23 13.19.30.png
作成後、表示するためにindex.htmlを作成

index.html
<h1>これはサンプルです</h1>

####リポジトリ公開の設定
リポジトリの設定画面(SettingsページのOptions)でサーバーにあげる設定を行います。

下の方にある、GitHub Pagesを見ると、SourceがNoneになっているので
スクリーンショット 2019-05-23 13.21.45.png
master branchに変えます。
スクリーンショット 2019-05-23 13.23.47.png

####GitHubPages URLの取得
公開URLができました。
スクリーンショット 2019-05-23 13.24.07.png

青いURLを押すと、先ほど作成したindex.htmlが公開されました!
スクリーンショット 2019-05-23 13.24.26.png

#GitHub Pagesを使ってみて
こんなに簡単にwebサイトができてびっくりです。
もっといいツールがあればそっちも試したいです!

有識者からみたら、こんなのでって思われるかもしれませんが、
自分のサイトができてワクワクしてます!

#おわり
Qiitaをはじめて書いたのですが、マークダウン方式って楽しいですね。
作ったらまたQiita更新します!

6
4
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
6
4

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?