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

1 min read読了の目安(約1100字

よく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

2. GitHub Pagesとして公開する

3. 注意点

done!