Github pages
Github pagesは無料でサイトが公開できます。
![](https://github.githubassets.com/assets/campaign-social-031d6161fa10.png)
Gitという仕組みを使うとコマンドラインで簡単にデプロイ(今回の場合カンタンに言うとブログの更新みたいなもの)できます。
Github に pages用のリポジトリを作る
Githubのアカウントの作り方は、別途調べてください。
![](https://qiita-user-contents.imgix.net/https%3A%2F%2Fcdn.qiita.com%2Fassets%2Fpublic%2Farticle-ogp-background-412672c5f0600ab9a64263b751f1bc81.png?ixlib=rb-4.0.0&w=1200&mark64=aHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk3MiZoPTM3OCZ0eHQ9JUUzJTgwJTkwMjAxOSVFNSVCOSVCNDElRTYlOUMlODglRTclOEYlQkUlRTUlOUMlQTglRTMlODAlOTFHaXRIdWIlRTMlODIlQTIlRTMlODIlQUIlRTMlODIlQTYlRTMlODMlQjMlRTMlODMlODglRTQlQkQlOUMlRTYlODglOTAlRTYlOTYlQjklRTYlQjMlOTUmdHh0LWNvbG9yPSUyMzIxMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT01NiZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZzPTVhNmFiM2EyMTZiZTc1ZDk1OGMwOTg1MTMzZjVkMWIx&mark-x=142&mark-y=57&blend64=aHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZoPTc2Jnc9NzcwJnR4dD0lNDBva3VtdXJha2VuZ28mdHh0LWNvbG9yPSUyMzIxMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT0zNiZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZzPTM0YjlhMjA4ODVhOWI0MzgwZjU1ZmE4YWQ2YmQ4N2E4&blend-x=142&blend-y=436&blend-mode=normal&txt64=aW4gUWlpdGFkb27jg6bjg7zjgrbjg7zkvJo&txt-width=770&txt-clip=end%2Cellipsis&txt-color=%23212121&txt-font=Hiragino%20Sans%20W6&txt-size=36&txt-x=156&txt-y=536&s=91908a43ff844a9228fb8db4b7f96787)
![](https://prog-8.com/shared/images/ogp/document/ja/github-pages.png)
Github pagesのためのリポジトリについて、
Repository Nameは、ユーザー名.github.io にすると、
URLがキレイに https://ユーザー名.github.io になります。
↓こちらがすごく参考になります!
![](https://dotstud.io/img/blog/105/00_eyecatch.png)
Gitのインストール
GitのWindows版をインストールします。
![](https://realslowlife.com/rs/wp-content/uploads/2020-01-30_06h45_10-1024x704.png)
Windowsをクリック
![](https://realslowlife.com/rs/wp-content/uploads/2020-01-30_06h45_58.png)
設定していきます
![](https://realslowlife.com/rs/wp-content/uploads/2020-01-30_06h46_19.png)
そのまま
![](https://realslowlife.com/rs/wp-content/uploads/2020-01-30_06h46_28.png)
そのまま
![](https://realslowlife.com/rs/wp-content/uploads/2020-01-30_06h46_44.png)
そのまま
![](https://realslowlife.com/rs/wp-content/uploads/2020-01-30_06h47_24.png)
Vimにしました。
![](https://realslowlife.com/rs/wp-content/uploads/2020-01-30_06h47_39.png)
そのまま
![](https://realslowlife.com/rs/wp-content/uploads/2020-01-30_06h47_51.png)
そのまま
![](https://realslowlife.com/rs/wp-content/uploads/2020-01-30_06h51_16.png)
そのまま
![](https://realslowlife.com/rs/wp-content/uploads/2020-01-30_06h50_34.png)
このまま
![](https://realslowlife.com/rs/wp-content/uploads/2020-01-30_06h51_28.png)
そのまま
![](https://realslowlife.com/rs/wp-content/uploads/2020-01-30_06h51_39.png)
Use windows default console windowに
![](https://realslowlife.com/rs/wp-content/uploads/2020-01-30_06h51_55.png)
そのまま
![](https://realslowlife.com/rs/wp-content/uploads/2020-01-30_06h52_03.png)
インストールされます
![](https://realslowlife.com/rs/wp-content/uploads/2020-02-03_09h20_32.png)
Git Bashというアプリがインストールされます。
これで、WindowsのコマンドプロンプトからGitが使えるようになりました。
デプロイツールのインストール
最初だけ
npm install hexo-deployer-git --save
で、デプロイツールをインストールします。
Configファイルの修正
Hexoをインストールしたフォルダのトップにある _config.yml ファイルをエディタで開きます。
URLとDeploymentの部分に、Gitのアドレスを入力します。
# URL
## If your site is put in a subdirectory, set url as 'https://yoursite.com/child' and root as '/child/'
url: https://username.github.io/
root: /
permalink: :year/:month/:day/:title/
permalink_defaults:
# Deployment
## Docs: https://hexo.io/docs/deployment.html
deploy:
type: git
repo: git@github.com:username/username.github.io.git
branch: master
と入力して保存します。
デプロイ
あとはブログを書いたら
hexo d -g
で、ブログを生成してデプロイしてくれます。
エラーが出てデプロイできない場合は↓こちらが参考になるかもしれません。
Hexoの更新は簡単だけどわかるようになるまでが大変
静的サイトジェネレーターHexoは、初心者向けの情報が少ない為、ゆきづまると調べるのに苦労します。
設定できてしまえば更新はあっという間に簡単なんですが、そこにたどり着くまで丸一日かかりました😅
これはとてもパソコン初心者の方におすすめできるレベルのものではない気がいたします。
設定全部してあげて、更新の仕方を教えてさしあげれば出来るかもしれません。
私もまだテーマの変更やカスタマイズなんて全然できないレベルです。。。楽しみが増えたとおもってがんばりまーす。