hexoとやらを試してみた

hexo

hexo.io

githubのアカウントあれば誰でもブログを公開できる

まずはリポジトリ作成

[username].github.io というリポジトリを作成

hexoの準備

公式通りに hexoをグローバルにインストール

$ npm install hexo-cli -g

以下のコマンドでディレクトリを作成

$ hexo init blog

作成されたディレクトリに移動して、モジュールをインストール

$ cd blog
$ npm install

インストールできたら、以下のコマンドで起動

$ hexo server

http://localhost:4000/にアクセスすると雛形ができている

githubで公開

作成されたディレクトリ配下にあるconfig.ymlを弄る config.ymlではサイトのタイトル等を変更可能

deploy:
  type: git
  repo: https://github.com/[username]/[username].github.io.git
  branch: master

編集したら、以下のコマンドでデプロイ

hexo deploy -g

エラーがでた
どうやら、hexo-deployer-gitというモジュールをインストールしないといけないよう
ってことでインストール

$ npm install hexo-deployer-git --save

改めてデプロイ

$ hexo deploy -g

https:[username].github.io/にアクセスすると先程http://localhost:4000/でみたページにアクセス可能

※反映にそれなりに時間が掛かる

テーマの導入

hexo.io

こちらのサイトから気に入ったプラグインclone

例えば、これなら github.com READMEにあるようにコマンドを実行

$ git clone https://github.com/mkkhedawat/clexy themes/clexy
$ git clone https://github.com/mkkhedawat/clexy themes/clexy
$ yarn remove hexo-renderer-ejs
$ yarn add hexo-renderer-jade
$ yarn add hexo-prism-plugin

_config.ymlを編集

prism_plugin:
  mode: 'preprocess'    # realtime/preprocess
  theme: 'default'
  line_number: false    # default false
theme: clexy

デプロイ

hexo deploy -g

記事の投稿

以下のコマンドを実行

$ hexo new post 新規ページ

source/post/新規ページ.mdが作成されているので弄ってpushすれば記事が投稿できる

ところで、hexoってなんて読むんだろう・・・？