web-dev-qa-db-ja.com

Githubでangular.jsベースの静的ブログをホストできますか？

Githubページを介してJekylベースの静的サイト/ブログをホストできることを知っています。 AngularJSに基づく静的サイト/ブログでも同じことができますか？

angularjsgithub-pages
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 docs ...

"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：本当にやりたい場合は、巧妙なハックを利用してこの作業を行うことができます。ハッキングの詳細な概要は こちら です。要約すると、index.htmlを404.htmlに名前変更すると、githubはすべてのルートでそれを提供します

92
Charlie Martin

ジキルと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は単なるJavaScriptであるため、実際には任意の適切なウェブサーバーを使用できます。 githubページ。 デモ です。
ソースコードを見つけることができます こちら 。このリポジトリには、適切なjavascriptファイルを取得するためにコンパイルする必要があるTypeScriptソースコードが含まれています。次に、基本的にこのインクルードをこのファイルをindex.htmlに入れて完了です。

1
trojan03