GitHubで簡単にブログができるようになる「HubPress.io」を試してみた！

なんだかんだでブログを3年も続けている@deepblue_willです。

ブログを書く方法は今ではいろいろあります。私みたいにWordpress使ってもいいですし、Hatenaブログなどのブログサービスもいいと思います。そんな中エンジニアにお馴染みのGitHubを利用してブログをやる方法を発見したので今日はそれを紹介したいと思います。

HubPress.io

HubPress | A web application to build your Blog on GitHub

エンジニアおなじみのGitHub。最近ではデザイナーの方も使っているようです。

馴染みのあるツールでブログをやれたら抵抗もないですし、

GitHubなら無料

でできるのでいいですよね。

GitHubに作成できるGitHub Pagesを利用してブログが作れてしまうWebアプリケーションです。

(GitHub Pagesについては→「

たった3分！無料！GitHubにWebページ(GitHub Pages)を作る方法

」で詳しく解説してます！)

非常に簡単に作れちゃうのでほんと素敵なアプリです。

当然作るためにはGitHubのアカウントが必要なので作っておきましょう！

早速ブログを作ってみた

まずGitHubにあるhubpress.ioのリポジトリを自分のリポジトリへフォークします。

手順

{username}.github.ioのリポジトリがない方

1. フォークしたリポジトリ名を「{username}.github.io」を変更します。(Settingsから変更できます。)
2. hubpress/config.jsonのusernameとrepositoryNameは↑で変更したリポジトリ名に変更します。

3. ブラウザで「http://{username}.github.io/」にアクセス
4. 以下のような画面が出てくればOK！

2の手順で{username}.github.ioが作れない方

1. Settingsからデフォルトのブランチを「gh-pages」に変更する

2. リポジトリを「gh-pages」に切り替える

3. hubpress/config.jsonのusernameとrepositoryNameを変更する

4. ブラウザで「http://{username}.github.io/{repositoryName}」にアクセス

管理画面へログイン

「http://{username}.github.io/{repositoryName}/

hubpress

」もしくは「http://{username}.github.io/

hubpress

」にアクセスすると上記のようなログイン画面が表示されます。

ここにGitHubのアカウントを入力するとログインすることができます。

ログインすると以下のような画面が表示されて、ブログを書くことができるようになります。

ブログを書いてみた

書き方は非常にシンプルです。

Markdown

で書くことができるので、知っている方にとっては簡単にブログを書くことができます。

書いたMarkdownは

プレビューをその場で確認

できるので、いちいち他のツールで確認する手間が省けます。

書き終わったら、右下の「

保存

」ボタン→「

公開

」ボタンの順でクリックすればブログを公開できます。

公開したブログを確認する場合は、「http://{username}.github.io/({repositoryName})/」

にアクセス。

下のような画面にならない場合は、

ブラウザを再読み込み

すると更新されます。

ただ、まだ出来たてで色々バグがあるのか、書く上で以下を注意した方がよいです。

• 公開日を指定できる:published_at:記法yyyy-mm-ddで記述する。(yyyy/mm/ddで書いたらちゃんと公開されなかった。。)
• エディタにURLを書くとキャレットがおかしくなる。(Markdownの[リンク名](URL)の記法も効かない)
• 同じ日を公開日にした記事を2つ投稿できない？

最後に

管理画面の「

SETTINGS

」からいろいろカスタマイズ可能です。

Google Analytics

の設定もできます。

とはいえ、すこし面倒な部分(例えば、画像は

images/

にPushしないといけない)などいうあるので、ゆるくブログやりたい人向きですかね。

私みたいにちょっと弄りたいひとも含め、GitHubのアカウントお持ちの方はためしてみてください！

ではでは。