haxeflixel.com 다운로드 haxeflixel.com 소스 코드 다운로드

haxeflixel.com

웹사이트 데이터

1.0.0

다운로드

flixel | 애드온 | UI | 데모 | 도구 | 템플릿 | 문서 | Haxeflixel.com

에 대한

이것은 Haxeflixel.com의 출처입니다. 정적 사이트 생성에는 110이고 스타일링에는 부트 스트랩 5를 사용합니다.

사이트를 컴파일하려면 NPM / NODEJS가 있어야합니다. 풀 요청을 환영합니다.

nodejs를 설치하십시오

사이트를 복제하고 실행하십시오

git clone https://github.com/HaxeFlixel/haxeflixel.com.git
cd haxeflixel.com

종속성을 설치하고 사이트를 구축하려면 다음 명령을 실행하십시오.

 # downloads dependencies, and clones flixel-docs
npm install

# runs the start command from package.json, which boots up the static site generator and scss styling for live reload
npm run start

http : // localhost : 8080/
content/ content/_layouts/ 및 content/_scss/ directories를 수정하여 해킹을 시작하십시오. 수정 한 파일을 저장하면 사이트가 다시로드됩니다.

더 많은 개발 정보는 기여 코드를 참조하십시오.

기고 문서 (데모 및 쇼케이스)

우리 웹 사이트를 기여하고 개선하려면 포크 또는 기능 지점에서 작업하십시오. 작업 및 테스트 된 변경 사항 만 마스터로 병합됩니다. 개발자 지원 및 변경 사항에 대한 승인을 위해 문제 시스템을 사용하십시오.

문서를 추가하는 방법

flixel-docs 저장소에서 자동으로 가져온 /documentation 문서화 (package.json preinstall 스크립트를 통해 스크립트 /설치 -flixel-docs-repo.js를 실행).

Haxeflixel.com/documentation 페이지 업데이트에 대한 자세한 내용은 Flixel-Docs Repo의 ReadMe를 검토하십시오.

데모를 추가하는 방법

이 예제에 따라 /content/demos 에서 .md 파일을 만듭니다.

 ```
    ---
    title: "Demo-Name"
    layout: demo
    width: 800
    height: 500
    source: "flixel-demos-subdirectory/Demo-Name"
    ---
    Here goes the actual description of the demo in  GitHub-Flavored-Markdown:
    * What the demo displays
    * Who created it
    * What the controls are
    * etc

    HTML is still allowed and can be used for more advanced descriptions.

```

source 데모가 포함 된 Flixel-Demos의 하위 디렉토리를 가리 킵니다.

width 및 height 기본값은 640 및 480으로 기본적으로 생략 되며이 경우 생략해야합니다.

Demo-Name.png 라는 데모의 스크린 샷을 /static/demos/images 에 추가하십시오.

쇼케이스 게임을 추가하는 방법

이 예제에 따라 /content/showcase 에서 .md 파일을 만듭니다.

    ---
    layout: showcase
    title: "Go! Go! PogoGirl"
    itch: https://ohsat-andrej.itch.io/go-go-pogogirl
    website: https://www.ohsat.com/game/go-go-pogogirl/
    steam: https://store.steampowered.com/app/1681010/Go_Go_PogoGirl/
    switch: https://www.nintendo.com/store/products/go-go-pogogirl-switch/
    ps4: https://store.playstation.com/en-us/product/UP0891-PPSA10169_00-GOGOPOGOGIRLRATG
    xbox: https://www.microsoft.com/store/productid/9P10H7L6QCCJ
    date: "2022-02-01"
    ---

    Dates should use YYYY-MM-DD

    Note that by adding a URL to one of the supported targets, the icon will automatically become coloured on the
    [showcase page](https://haxeflixel.com/showcase) and link to that URL.

*.md 파일에 사용 된 것과 같은 제목을 사용하여 쇼케이스의 스크린 샷을 추가하십시오 Go! Go! PogoGirl.png to /static/images/showcase . 그것들은 크기가 크기가 크고 500x260으로 자르므로 동일한 비율을 사용하는 것이 가장 좋습니다.

공식적으로 공개되지 않았지만 특별한 경우에만 허용되는 쇼케이스. 게임 잼 게임에서도 마찬가지입니다.

기여 코드

일반적으로 명령을 설치하고 실행하는 것과 함께 (참조) 다른 유용한 명령 / 워크 플로가 있습니다.

필요한 모든 것은 npm install 로 설치해야합니다. VSCODE를 사용하면 자동 형식 (파일 저장)에 권장 확장 기능을 설치할 수도 있습니다. 그러나 모든 워크 플로는 CLI를 통해 완전히 사용할 수 있어야합니다.

`content/_static`

모든 정적 파일 (일반적으로 / 주로 이미지)은 디렉토리 정보가 팁을 유지 한 사이트의 루트 디렉토리에 복사됩니다. 따라서 content/_static/images/ out/images 로 표시되며 /images/ 로 사이트에서 참조해야합니다.

유용한 명령

`npm run start`

npm run start 실행하면 Eleventy 사이트와 Sass .SCSS가 시작되며 변경 사항이 다시 장착됩니다.

`npm test`

npm test 실행하면 프로젝트에 대한 서식 및 줄무늬 테스트가 실행됩니다. 모든 테스트를 실행하려면 npm test 실행할 수 있습니다 ( test:js , test:liquid and test:prettier ).

그러나 각 테스트를 개별적으로 실행할 수 있습니다.

npm run test:js 표준을 통해 JavaScript를 테스트합니다. 모든 것을 자동으로 수정하려면 npm run NPM 실행 수정을 실행할 수 있습니다.
npm run test:liquid 사이트가 eleventy --dryrun 통해 구축되는지 테스트합니다.
npm run test:prettier Pretier를 사용하여 일반적인 스타일 일관성을 테스트합니다. 불일치를 고치는 쉬운 방법으로 npm run fix:prettier 실행할 수 있습니다.