Github-Pages-Hexo-CircleCiでホームページを作る_01_準備編

タイトルの通り、ホームページを構築したので、最初の記事の練習と備忘録として記事を作成

ここは準備編


前提条件

  • OS:Windows10 Home
  • Githubアカウントあり
  • ssh設定済み

その他の環境など

  • エディタ:Atom
  • Gitのホームディレクトリを変更している
  • GitHubはssh設定済み

下準備1 node.js

Hexoを動作させるのにnode.jsが必要なためインストール
今回はバージョン管理も必要かと思ったためnodistを使用することにした
ちなみにMacの場合にはnodebrewというものがあるらしい

Nodistのインストール

AssetsのSetup-v0.8.8.exeをダウンロードして手順に従ってインストールする

インストールの確認

nodeの安定板をインストール

Hexoのインストール手順を見たら$ nvm install stableとなっていたため最新の安定板をインストールしようとしたが、
nodistで

nodist stable

とやってみたらエラーになった
Helpコマンド叩いてみてもlastestはいたが、stableキーワードはいなかった。

よくよく調べてみると、

nodistでは0.8.1でstableキーワードが削除されていたようだ
node.jsのサイトを見ると8.11.3Recommended For Most Usersとなっていたため、これをインストールすることにした

下準備2 Github

今回はGithubのGithub Pagesを使用してホームページを作成するため、Github Pages用の設定を行う。

任意のリポジトリを作成する

このホームページに使用する用のリポジトリを作成する。

今回はHomePageというリポジトリを作成した

username.github.io というリポジトリを作れば細かい設定をしなくてもGithub Pagesが使用できるが、
自動的にmasterブランチを使用する設定になってしまう 。今回は、gh-pagesブランチを使用した設定をしたかったため、今回は逆にやりづらいかもしれないと思いやめた
(設定の変更は可能なので、できないことはない)

下準備3 Hexoのインストール

Hexoのインストール手順に従って、以下のコマンドを実行し、インストールする

$ npm install -g hexo-cli
  • インストールの確認

下準備3 CircleCi

circleciに接続してSign Up with GitHubからCircleCiを連携する

これで必要なものが全てそろった状態になった

準備編はここまで