your pokemon for today

오늘 당신의 포켓몬

이것은 Rad KC Green이 그의 트위터와 Tumblrs에 게시하고 있다는 오늘 삽화를위한 RAD를 보여주는 멋진 작은 갤러리 사이트입니다.

실제로 존재할 필요는 없지만 아직!

Webby End에서는 Lightgallery.js를 Lightboxy 물건에 사용합니다.

Buildy End에서는 Node for Node의 GraphicsMagick을 사용하여 각 그림의 썸네일, 템플릿을위한 Nunjucks 및 Gulp (및 전체 Gulp 플러그인)를 생성합니다.

이 사이트 자체는 https://yourpokemonfor.today/에서 찾아 보는 즐거움을 위해 사용할 수 있습니다.

리포지토리는 많은 이미지 데이터 (현재 및 과거 모두)를 포함하기 때문에 어리석게 거대합니다. 죄송합니다.

직접 구축합니다

그래서 당신은 Digimon Master Huh가되고 싶어요 ???? 다음은 자체 컴퓨터 에서이 사이트의 버전을 구축하는 방법입니다 (Mac OS X를 실행중인 경우).

1. 이 저장소의 사본을 받으십시오 (복제하거나 Zip 사본을 다운로드하여 압축을 풀면).

2. Node.js와 원사가 설치되어 있는지 확인하십시오 (필요한 버전의 engines 아래에있는 package.json ) 및 홈브리.

3. GraphicsMagick 설치 : 명령 줄 인터페이스를 열고 brew install graphicsmagick

4. 프로젝트의 종속성 설치 : 명령 줄 인터페이스에서 프로젝트 폴더로 이동하여 실행 yarn

5. 소스 파일에서 사이트를 빌드하십시오 : 동일한 폴더에서 yarn build 실행하십시오. Finished 'default' 볼 때 사이트가 작성되고 명령 프롬프트가 다시 나타납니다.

   • 이 명령은 사이트를 구축하고 사이트의 모든 이미지를 처리하므로 처음 실행되면 잠시 (최대 10 분) 걸릴 수 있습니다. 후속 빌드가 더 빠릅니다.

6. "빌드"폴더를보십시오 - 귀하의 사이트가 있습니다! 우와!

7. 웹 브라우저에서 사이트를 열려면 "빌드"폴더에서 웹 서버를 실행해야합니다. 여기에서 Mac에서 가장 좋아하는 간단한 방법이 있습니다.

DAT입니다! 변경하는 경우 5 단계를 다시 실행하여 새 버전의 사이트를 작성하십시오. 그런 다음 변경 사항으로 풀 요청을 제출하십시오! 협업은 재미 있습니다.

TODO

당신은 내가 이런 일을하도록 도와주고 싶을 것입니다 ???

• KC의 이미지 만 표시하기 위해 필터링 옵션을 추가하십시오 (아마도 그가하지 않은 이미지 만 보여줄 수 있을까요? 누구든지 그것을 원할까요?)

• 날짜별로 정렬 할 옵션을 추가하십시오

• 소스 파일이 변경 될 때 관련 빌드 파일을 자동으로 재구성하려면 Gulp 구성에 "Watch"작업을 추가하십시오.