particles.움직이는 별을 js로 그린 Hugo의 주제입니다.

hugo-theme-air

particles.js 생각보다 잘생겨서 만져보고 싶어서 했어요.

Demo : http://syui.github.io/hugo-theme-air/
기본적으로 아래에서 미리 볼 수 있다.

$ 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 

구축과 업로드는 아래 느낌의 명령을 누르면 된다고 생각합니다.

# 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합니다.문서의 값을 읽으십시오.
또 주제spf13/hugoThemes/,.gitmodulesPull Request를 만들었으면 좋겠다.
.gitmodules

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

particles.js

particles.js
Configure, export, and share your particles.js configuration on CodePen:
http://vincentgarreau.com/particles.js/
기본적으로node와bower에서 사용할 수 있기 때문에 설치는 다음과 같다.

$ npm install particles.js

or

$ bower install particles.js --save

설정 파일에 쓰면 본가의 자료고에 샘플이 놓여 있다.예를 들어, bower 를 사용하는 경우 다음과 같습니다.테마 등을 사용할 때 직접 쓰지 않고 이런 설정 파일을 사용하면 쉬울 수 있습니다.

$ git clone https://github.com/VincentGarreau/particles.js

# bower
$ cat particles.js/bower.json
{
  "name": "particles.js",
  "main": "particles.js",
  "homepage": "https://github.com/VincentGarreau/particles.js",
  "authors": [
    "Vincent Garreau <[email protected]>"
  ],
  "description": "A lightweight JavaScript library for creating particles.",
  "keywords": [
    "particle",
    "particles"
  ],
  "license": "MIT",
  "ignore": [
    "**/.*",
    "node_modules",
    "bower_components",
    "test",
    "tests"
  ]
}