it-swarm.dev

Github에서 angular.js 기반 정적 블로그를 호스팅 할 수 있습니까?

Github 페이지를 통해 Jekyl 기반 정적 사이트/블로그를 호스팅 할 수 있다는 것을 알고 있습니다. AngularJS 기반의 정적 사이트/블로그에서 동일한 작업을 수행 할 수 있습니까?

50
user883807

모든 angular UI github 페이지가 실제로 angular 데모가있는 앱)임을 고려하면 예라고 말할 수 있습니다.

http://angular-ui.github.io/

http://angular-ui.github.io/bootstrap/

기타

38
lucuma

Html5 모드를 사용할 수는 없지만 URL에서 #을 제거합니다. html5 모드를 사용하는 경우 단일 페이지 앱부터 모든 요청을 루트 URL로 리디렉션해야합니다. GitHub 페이지에서 서버 측 코드를 사용할 수 없으므로이 작업을 수행 할 수 없습니다. 따라서 URL의 #을 신경 쓰지 않으면 계속하십시오. html5 모드를 사용하려면 다른 곳에서 호스팅을 찾아야합니다.

Angular 문서에서 ...

"Using [html5] mode requires URL rewriting on server side, basically you have to 
 rewrite all your links to entry point of your application (e.g. index.html)"

EDIT : 당신이 정말로 원한다면이 작업을하기 위해 영리한 핵을 사용할 수 있습니다. 해킹에 대해 자세히 설명합니다 here . 요약하면 index.html의 이름을 404.html로 바꾸면 github에서 모든 경로에서 서비스를 제공합니다.

92
Charlie Martin

Jekyll과 Angular) 사이에 하나의 충돌이 있습니다.

Jekyll에 포함 된 Liquid는 {{ }} 표현식을 평가합니다. angular 해석하여 Liquid와 충돌하지 않는) 표현식을 변경하려면 다음을 사용하십시오.

var myapp;
myApp = angular.module('myApp', []);

myApp.config([
  '$interpolateProvider', function($interpolateProvider) {
    return $interpolateProvider.startSymbol('{(').endSymbol(')}');
  }
]);

체크 아웃 이 블로그 게시물

12
Connor Leech

그래 넌 할수있어. 최근에 AngularJS/TypeScript 및 github 페이지를 가지고 놀았으며 사이트를 배포 할 수있었습니다.
AngularJS는 자바 스크립트이므로 실제로는 괜찮은 웹 서버를 사용할 수 있습니다 (예 : github 페이지. demo 입니다.
소스 코드 here 를 찾을 수 있습니다. 이 저장소에는 적절한 자바 스크립트 파일을 얻기 위해 컴파일해야하는 TypeScript 소스 코드가 포함되어 있습니다. 그런 다음 기본적 으로이 파일을 index.html에 넣으십시오.

1
trojan03