🌍

github.ioでページ公開できるGitHub Pagesを使ってみる

2020/10/12に公開

よくWebページで、xxx.github.ioで公開している事例がある。GitHub Pagesと言う。あれでページを公開してみる。
参考：https://www.tam-tam.co.jp/tipsnote/html_css/post11245.html

1. レポジトリを作成

https://github.com/

右上の＋から、New Repositry。「GitHubPagesTest」という名前にしてみた。「Create Repositry」する。

    % cd ~/dev
    % git clone https://github.com/eto/GitHubPagesTest.git
    % cd GitHubPagesTest
    % cat > index.html

~/dev/GitHubPagesTest/index.html というファイルを作成する。中身は下記のように、適当に。

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Hello!</title>
</head>
<body>
<p>Hello, world!</p>
</body>
</html>

プッシュする。

    % git add index.html
    % git commit -m "Initialize repository"
    % git push origin master

これで、https://github.com/eto/GitHubPagesTest を見てみると、プッシュされている。

2. GitHub Pagesとして公開する

https://github.com/eto/GitHubPagesTest を表示する。
Setting→GitHub PagesのSourceのところで、Noneを「master」に変更する。「Save」を押す。これで公開されました。早いね。
https://eto.github.io/GitHubPagesTest/ を見てみると、表示されています。

3. 注意点

容量制限がある。
リポジトリは1GBの推奨上限。
帯域は、月100GBのソフトな帯域幅制限。
1時間10ビルドのソフトな制限がある。
参照：https://docs.github.com/ja/free-pro-team@latest/github/working-with-github-pages/about-github-pages

done!

Discussion