search
LoginSignup
7
Help us understand the problem. What are the problem?

posted at

updated at

Organization

Tips: Hexoで静的サイト構築

各種静的サイト構築を試す遊びに興じてしまいそれぞれをメモしている。
3000文字Tips - 知ると便利なTipsをみんなへ届けよう にあやかりHexoで静的サイト構築までを書きます。

公式

node.js と git があればよい。

npm install -g hexo-cli
npx hexo init <フォルダ名> 例えば npx hexo init blog

で初期インストール。
cd blog する。

npx hexo clean
npx hexo generate
npx hexo server

localhost:4000 に起動する。
または npx hexo server -p 5000 などすると 5000 に起動する。

npm install hexo-deployer-git --save
しておくと、

npx hexo deploy -g

でgitにお手軽デプロイできる。

プラグイン一覧

テーマ

例: https://github.com/klugjo/hexo-theme-alpha-dust

なら、上の blog フォルダ内で
git clone https://github.com/klugjo/hexo-theme-alpha-dust themes/alpha-dust してくる。

テーマごとの設定

.\themes\(テーマ名フォルダ) 内の _config.yml に書くと反映される。

# Extensions
## Plugins: https://hexo.io/plugins/
## Themes: https://hexo.io/themes/
## theme: landscape
theme: alpha-dust

ページ作成

npx hexo new "welcome"
で、welcome ページができる。

参考

読み方はヘクソで良いのかな。日本語で綴るとちょっと残念なのが玉にキズ。GitHub Pages と組み合わせると blog作成は非常に簡単。

以上です。

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
What you can do with signing up
7
Help us understand the problem. What are the problem?