Hexo,github.ioブログの作成

2020年5月1日に書かれた投稿です

Hexoとは?

Hexoはブログのフレームワークです.
Jekyl、Hexo、Hugoなどのフレームがありましたが、HexoはJavaScriptベースだったので選びました.
Hexoでgithubを実現.ioページで簡単にブログを作成する方法を紹介したいと思います.

How to use?

githubリポジトリの作成

githubにログインしたら、右上のNew repositoryをクリックしてリポジトリを作成します.

Repository nameは<勘定科目名>です.github.ioに設定します.

Create Repositoryの完了

Hexoインストール

Hexoのインストールには2つの要件があります.

Node.js

Git

これらがコンピュータにインストールされている場合は、npmを使用してHexoをインストールできます.

$ npm install hexo-cli -g
$ hexo init <name>
$ cd <name>
$ npm install

_config.yml

_config.ymlは環境プロファイルです.ほとんどの設定はこのファイルで行うことができます.

# Site
title: 웹 사이트의 제목.
subtitle: 웹 사이트의 부제.
description: 웹 사이트에 대한 설명.
author: 작성자 이름.
language: 웹 사이트의 주 사용언어.

自分のブログのタイトル、サブタイトル、説明、作者などを入力します.
次に#URL部分のurl:を自分のハブアドレスとして入力します.

# URL
## If your site is put in a subdirectory, set url as 'http://yoursite.com/child' and root as '/child/'
url: https://<your_github_url>.github.io/

次にDeployment部分のtypeをgit、repoを自分のgithubに設定します.ioを作成するリポジトリのアドレスを入れます.

# Deployment
## Docs: https://hexo.io/docs/deployment.html
deploy:
type: git
repo: <repository url> #https://github.com/HoJin9622/HoJin9622.github.io
branch: master
message: [message]

Deploy

まず、Gitに配備するためのライブラリをインストールします.

$ npm install hexo-deployer-git --save

次は配置を行うコマンドです.generateは静的ファイルを生成し、deployは静的に生成されたファイルをgithubプライマリブランチにプッシュします.

$ hexo generate
$ hexo deploy

一度に完成させるためには、以下のようにすることができる.

$ hexo deploy --generate

記事の作成

次のコマンドで新しい文章を作成できます.

$ hexo new post [file_title]

生成された文章は次のパスで生成されます.

source
    └── _posts
        └── file_title.md

以下の例のように、文章にタイトル、日付、内容などを付けることができます.

---
title: 'Github Blog 만들기'
date: 2020-05-01 18:01:44
---

Github Blog 만들기!
테스트입니다.