Ubuntu19.10にhexo(ヘクソ)をインストールして利用してみる

ブログ作成に特化したnode.js制の静的サイトジェネレーターであるhexo(ヘクソ)の簡単な使い方です。

hexoインストール用のディレクトリを作成します

## ディレクトリ作成
mkdir hexotest

## 移動
cd hexotest

ローカルインストールでインストールします。

※npm ローカルインストールとグローバルインストールについてはこちら

## hexoインストール
sudo npm i -D hexo-cli

hexoのプロジェクトを作成します

## hexo-projectという名前で作成
npx hexo init hexo-project

## プロジェクトに移動
cd hexo-project

とりあえず、簡易サーバーを起動して画面を確認してみる

## 起動
npx hexo s

ブラウザから http://プライベートIP:4000 にアクセスすると下記の画面が表示されます

topのHexoの文字列を変更するには、

プロジェクト配下の_config.ymlを下記のように編集します

# Site
title: Hexo

↓ 下記に変更

title: Hexoを使ってみる

ブログ記事を作成してみる

下記のコマンドで記事が簡単に作成できます

## testというファイル名で作成
npx hexo n test

コマンドを実行するとsource/_posts配下にtest.mdファイルが生成されます。

これを下記のように編集します

---
title: test
date: 2019-11-18 15:31:21
tags: テストタグ
---

### これはテストブログです
markdownで記述します

サーバーをctrl+Cで停止して、再度起動します

npx hexo s

ブラウザから http://プライベートIP:4000 にアクセスすると下記の画面が表示されます

下記のコマンドを実行するとhtmlファイルが生成されます

## html生成
npx hexo generate

実行するとプロジェクト配下にpublicが生成されhtmlが生成されます

プロジェクト配下

public内