16.davidosomething.com

2016 년 Davidosomething.com

DavidOsomething.com 용 정적 생성 사이트

스택

nvm use (또는 nvm install )이 .nvmrc 읽고 지정된 노드의 버전을 사용하는 NVM을 사용하는 것이 좋습니다.

설치하다

종속성 설치 :

npm install --global gulp jspm
npm install
jspm install

gulp 및 jspm 로컬 DEV 용으로 전 세계적으로 만 설치되는 반면 CI- 배포는 npm run 사용하므로 node_modules/.bin/ 의 BINARIE가 경로에 있습니다. Gulp를 전 세계적으로 설치하지 않으려면 기술적으로 npm run ci-gulp-build 사용할 수 있습니다.

보풀

• gulp lint 모든 보풀 작업을 실행합니다
• gulp lint:js 모든 보풀 작업을 실행합니다
• gulp lint:md:markdownlint md/ 디렉토리에서 MarkdownLint를 실행합니다. Markdown Linting은 빌드 단계가 아니며 주문형으로 만 수행됩니다.
• gulp ci:lint 모든 Lint 작업 (Markdown 제외)을 실행합니다. CI 서버 용입니다.

짓다

• gulp 실행하여 구축하십시오.
• Run gulp serve (브라우저 -Sync를 통해)
• npm start

배포

CI를 통해 빌드 할 package.json 에는 npm 스크립트가 있습니다.

출력은 public/ 으로 생성되며 Travis에서 master 에서 실행되면 디렉토리가 Surge.sh 및 Github Pages Repo에 배포됩니다.

Travis CI의 배포는 bin/travis-deploy.sh 로 구성됩니다.

TODO

• CSS
  • 코드 기후에 대한 보풀 상태
• JS
  • codecov.io에 대한 codecoverage
  • 링크 팝업을 공유 할 수 있습니다
  • 각 기사 및 위젯에 대한보기
  • 핫 모듈 Reload
  • 위젯에 있으면 현재 기사를 강조해야합니다
• HTML
  • 결국 HBS + Metalsmith를 제거하고 React + Gatsby를 사용하십시오.
• 콘텐츠
  • 이미지 추가
    • 이미지 호스팅? 예를 들어 Cloudinary