セットアップ

Hexoがインストールされたら、以下のコマンドを実行して、対象の<フォルダ>にHexoを初期化します。

$ hexo init <folder>
$ cd <folder>
$ npm install

初期化後、プロジェクトフォルダは次のようになります。

.
├── _config.yml
├── package.json
├── scaffolds
├── source
| ├── _drafts
| └── _posts
└── themes

_config.yml

サイトの設定ファイルです。ここでほとんどの設定を行うことができます。

package.json

アプリケーションデータです。EJSStylusMarkdownレンダラーはデフォルトでインストールされています。必要に応じて、後でアンインストールすることもできます。

package.json
{
"name": "hexo-site",
"version": "0.0.0",
"private": true,
"hexo": {
"version": ""
},
"dependencies": {
"hexo": "^7.0.0",
"hexo-generator-archive": "^2.0.0",
"hexo-generator-category": "^2.0.0",
"hexo-generator-index": "^3.0.0",
"hexo-generator-tag": "^2.0.0",
"hexo-renderer-ejs": "^2.0.0",
"hexo-renderer-stylus": "^3.0.0",
"hexo-renderer-marked": "^6.0.0",
"hexo-server": "^3.0.0",
"hexo-theme-landscape": "^1.0.0"
}
}

scaffolds

Scaffoldフォルダです。新しい投稿を作成すると、Hexoは新しいファイルをScaffoldに基づいて作成します。

source

ソースフォルダです。サイトのコンテンツをここに配置します。Hexoは、隠しファイルと、名前の先頭にアンダースコア(_)が付いているファイルまたはフォルダ(_postsフォルダを除く)を無視します。レンダリング可能なファイル(例:Markdown、HTML)は処理されてpublicフォルダに配置され、その他のファイルは単純にコピーされます。

themes

テーマフォルダです。Hexoは、サイトのコンテンツとテーマを組み合わせて静的ウェブサイトを生成します。