なんかwordpress疲れが出てきたので静的サイトをいい感じで作ってくれるHUGOというOSSを使ってみます。
環境は
Windows 10(64bit)
git
githubアカウント
HUGOのインストール
Install Windowsを参考にhugoをインストール。
インストーラーとかないのでバイナリをコピーしてPATHを通すだけ。環境汚さなさそうでいい感じ。
|
|
https://github.com/gohugoio/hugo/releasesからhugo_0.51_Windows-64bit.zip
をダウンロードしてきて、中身をC:\var\hugo\binにコピー。
C:\var\hugo\binにPATHを通す。
|
|
サイト作ってみる
Quick Startを参考にサイトを作ってみます。
|
|
config.tomlに
|
|
を追記。
コンテンツ追加
|
|
.\content\posts\my-first-post.mdを適当に編集。
ローカルでお試し
|
|
http://localhost:1313/にアクセスすると追加したページが出ます。
live-reload的な機能も付いてるみたいなので、コンテンツを編集しながらプレビューもできそうです。
この辺でコミットしとく
|
|
ビルドしてみる
Deploy Your Websiteを参考にBuildします。つっても
|
|
だけですが。
publicフォルダができて、コンテンツがそれっぽく生成されています。
Github pagesで公開してみる
Deployment of Project Pages from /docs folder on master branchを参考に
config.tomlに
|
|
を追加。
ビルドするとdocsフォルダができます。
お試しビルドしたpublicフォルダは消しときます。
んでコミット。
|
|
githubにレポジトリを作ります。
名前はhugo_qsにしました。
pushします。
|
|
レポジトリのserrings->options->GitHub Pagesで”master branch /docs folder”を選んで”save”。
今回の場合は、https://fileszero.github.io/hugo_qs/ にアクセスすれば出るはず。。。
・・・出ませんね。生成されたhtmlを見るとサブディレクトリに配置されることは想定されていないっぽいです。
config.tomlのbaseURLを
|
|
にして、build&commit&push
|
|
一応スタイルとかは適用さていますが、記事がない。。。
記事ファイルのcontent\posts\my-first-post.mdの
draft: true
を
draft: falseにして
build&commit&push
でた、
で
なるほど、wordpressから移行する人が多いのも納得。
サイトの性格にもよると思うけど、こっちの方が保守性いいよね。
wordpressいいんだけど、なんか気を使うことが多くて個人の静的サイトには大げさすぎるような気がする。