GitHub PagesでWebページを公開してみよう

GitHub Pagesで Webページを公開してみよう 3年5組 ** ** Twitter @robosyunn 2020/05/23

自己紹介・ @robosyunn ・苫小牧高専 3年情報系・高専プロコン競技部門がんばりたい・
自作PCはいいぞ・ガジェットすき

GitHub とは？ Git…バージョン管理システムバージョン管理：「ある時点でファイルを別に保存する」こと (手動でやるとファイル名が悲惨なことになる) 簡単に賢く履歴を管理してくれるのがGit 色々な機能があるが、今回は割愛 GitHub…Gitを使ったウェブサービスプログラムコードを公開したりいろいろできる割愛
すごい

GitHub Pages とは？ GitHubのサービスのひとつ静的なページ(HTML や CSS, 画像など) であれば無料でWebサイトを公開できる特徴
・ドメイン取得やサーバー構築などの工程無し & 無料で公開可能・プッシュしたら自動更新(オートデプロイ) ...etc めんどくさいことを考えなくていいので楽！

作り方・GitHubのアカウントを作る・ユーザ名.github.ioという名前のリポジトリを作る・ターミナルでリポジトリをクローンして移動 $ git clone https://github.com/ユーザ名/ユーザ名.github.io.git $ cd
ユーザ名.github.io

作り方・index.htmlを作成し、中身を書く・コミットしてプッシュし、数分待つ・https://ユーザ名.github.io/にアクセスすると表示される！

作り方・ブラウザ上から直接編集することもできますお手軽だね

作ってみた https://robosyunn.github.io/ 土日で作ってみた初めてHTMLとCSSを触ったわりにはいい感じになった気がする

まとめ・ GitHub Pagesで簡単にWebサイトを公開できる・リポジトリを作ってその中でHTMLとCSSを書くだけ・ Pushすれば自動更新・作ってみよう！

ありがとうございました。

GitHub PagesでWebページを公開してみよう

GitHub PagesでWebページを公開してみよう

たにしゅん

Other Decks in Programming

Featured

Transcript