※記事内に商品プロモーションを含むことがあります。
はじめに
静的サイトジェネレータHugoで使用頻度の高いコマンドをまとめた。
Hugoのバージョンは0.79.0/extended
である。
新しいサイトを作る(hugo new site)
新しいサイトを作るには、hugo new site <site name>
を実行する。実行すると、カレントディレクトリに<site name>
と同じ名前のフォルダが作成され、その中にサイトのテンプレートが出力される。
実行例
> hugo new site mysite
Congratulations! Your new Hugo site is created in C:\...\mysite.
Just a few more steps and you're ready to go:
1. Download a theme into the same-named folder.
Choose a theme from https://themes.gohugo.io/ or
create your own with the "hugo new theme <THEMENAME>" command.
2. Perhaps you want to add some content. You can add single files
with "hugo new <SECTIONNAME>\<FILENAME>.<FORMAT>".
3. Start the built-in live server via "hugo server".
Visit https://gohugo.io/ for quickstart guide and full documentation.
新しい記事を作る(hugo new)
新しいサイトを作るには、hugo new <file path>
を実行する。
<file path>
はcontent
フォルダを基準として、ファイル名も含めて指定する(テーマによって挙動が若干異なるため注意)。
実行例
テーマを未導入の場合、content/posts/test.md
というファイルを作るには、以下を実行する。posts
フォルダがない場合には、自動的に作成される。
> hugo new posts/test.md
C:\...\content\posts\test.md created
また、同じ名前のファイルが既に存在する場合はエラーを返す(上書きはされない)。
> hugo new posts/test.md
Error: C:\...\content\posts\test.md already exists
プレビュー用の仮想サーバを立ち上げる(hugo server)
作成した記事や、サイトのレイアウトをプレビューするためには、hugo server
コマンドを実行する。実行すると仮想サーバが立ち上がるので、ブラウザでアクセスする(デフォルトではhttp://localhost:1313/
)。
仮想サーバの起動中にファイルを修正すると、自動的にプレビューも修正される。そのため、リアルタイムプレビューとしても利用できる。
また、hugo server
コマンドでは、PCのメモリ上にプレビュー用データが展開されるだけであり、実際にファイルが生成される訳ではない。ファイルを生成するためには、hugo
コマンドを実行する(後述)。
オプション
hugo server
コマンドの主なオプションは以下の通り。hugo server -D
のように後ろに付けて実行する。
オプション | 説明 |
---|---|
--bind <IP address> |
IPアドレスを指定(デフォルトはローカルホスト127.0.0.1) |
-D , --buildDrafts |
ドラフト状態のファイルも出力する |
-F , --buildFuture |
未来の日付のファイルも出力する |
-h , --help |
ヘルプを表示する |
-p <port> |
ポート番号を指定(デフォルトは1313) |
-w=false , --watch=false |
リアルタイムプレビューを無効にする(デフォルトはtrue ) |
実行例
hugo server
コマンドの実行例を以下に示す。生成されたページ数、生成時間などが表示される。
仮想サーバを停止するためには、Ctrl+C
を押す。もし停止しなければ、長押し(1秒程度)する。
> hugo server
Start building sites …
| JA
-------------------+------
Pages | 118
Paginator pages | 2
Non-page files | 0
Static files | 132
Processed images | 0
Aliases | 34
Sitemaps | 1
Cleaned | 0
Built in 9443 ms
Watching for changes in C:\...\mysite\{archetypes,content,data,layouts,static,themes}
Watching for config changes in C:\...\mysite\config\_default
Environment: "development"
Serving pages from memory
Running in Fast Render Mode. For full rebuilds on change: hugo server --disableFastRender
Web Server is available at http://localhost:1313/ (bind address 127.0.0.1)
Press Ctrl+C to stop
公開用のファイルを生成する(hugo)
公開用のファイルを生成するには、hugo
コマンドを実行する。
実行すると、public
フォルダに公開用のファイル一式(HTML, CSSなど)が生成される。
オプション
hugo
コマンドの主なオプションは以下の通り。hugo -D
のように後ろに付けて実行する。
オプション | 説明 |
---|---|
-D , --buildDrafts |
ドラフト状態のファイルも出力する |
-F , --buildFuture |
未来の日付のファイルも出力する |
-h , --help |
ヘルプを表示する |
--minify |
HTMLやXMLを圧縮(minify)する |
バージョンを表示する(hugo version)
Hugoのバージョンを表示するには、hugo version
を実行する。
> hugo version
Hugo Static Site Generator v0.79.0/extended windows/amd64 BuildDate: unknown