Windows環境でHexoとVSCodeでGithub PagesにDeployする方法

Posted on | Edited on | In

準備

・Github Pagesの用意
・VSCodeの拡張機能 vscode-hexo をインストール

爆速のブログ生成

VSCodeでターミナルを開き、以下を順に打ち込みます。

1
2
3
hexo init [適当なプロジェクト名]
cd [適当なプロジェクト名]
npm install

これで、[適当なプロジェクト名]フォルダが作成されて、ブログ生成に必要なインストール等は完了しています。

続いて、ターミナルで以下を打ち込みます。

1
hexo server

ターミナルに

INFO Hexo is running at http://localhost:4000 . Press Ctrl+C to stop.

などと表示されているかと思います。

Ctrl+Cでアクセスするとブログを確認する事ができます。
正常に動作していれば、これでとりあえずブログ自体の生成には成功です。

Github Pagesへのデプロイ

まずは必要なHexoプラグインをインストールします。

1
npm install hexo-deployer-git

続いて、[適当なプロジェクト名]/_config.ymlを開き、以下の場所を設定します。

1
2
3
4
5
6
# Deployment
## Docs: https://hexo.io/docs/deployment.html
deploy:
  type: git
  repo: https://github.com/[username]/[repositoryname].git
  branch: master

続いて、ターミナルで以下を打ち込むとデプロイされます。

1
hexo deploy -g

しかし出来ない

デプロイ時に以下のようなエラーが出る方がいると思われます。
私はここでハマりました。

1
2
3
4
Fatal: HttpRequestException encountered.
bash: /dev/tty: No such device or address
error: failed to execute prompt script (exit code 1)
...

結論
gitの設定を行うと上手くいきました。
globalじゃないといけないのが辛いけど。

1
2
3
4
> git config --global credential.helper wincred
> git config --global user.name "ユーザー名"
> git config --global user.email "githubに登録しているメールアドレス"
>