phoenix-powerhugoのテーマを作成してみました。

particles.jsが思った以上にカッコ良かったので、触ってみようかなと思い、作りました。

Demo : http://syui.github.io/hugo-theme-air/

基本的に以下でプレビューできると思います。

1
2
3
4
5
6
7
8
9
10
11
$ git clone https://github.com/syui/hugo-theme-air

$ cd hugo-theme-air

$ cp config.toml.backup config.toml

$ hugo new post/foo.md

$ hugo server
---------------------------------
$ curl 127.0.0.1:1313/hugo-theme-air

ビルドとアップロードは以下の様な感じのコマンドを叩けばよいのではないかと思います。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
# build
$ hugo

$ cd public

# make repository
# export YOUR_REPOSITORY="https://github.com/username/repository.git"
$ git init
$ git remote add origin $YOUR_REPOSITORY
$ git add .
$ git commit -m "first commit"
$ git push -u origin master

# push branch:gh-pages
$ git checkout -b gh-pages
$ git commit -m "open pages"
$ git push -u origin gh-pages

# preview
$ curl username.github.io/repository

動く背景をカスタマイズするには、static/js/particles.jsを編集します。値はドキュメントの方を読んでください。

https://github.com/VincentGarreau/particles.js/blob/master/README.md#options

あと、テーマを作成したらspf13/hugoThemes/にて、.gitmodulesPull Requestすると良いかもです。

.gitmodules
1
2
3
+ [submodule "theme-name"]
+   path = theme-name
+   url = https://repository-url.git