451

http://github.comで、開発者はプロジェクトのHTML、CSS、JavaScript、および画像ファイルを保持しますブラウザでHTML出力を確認するにはどうすればよいですか?

例:https ://github.com/necolas/css3-social-signin-buttons/blob/master/index.html

これを開くと、作成者のコードのレンダリングされたHTMLが表示されません。ページをソースコードとして表示します。

レンダリングされたHTMLとして直接表示することはできますか?それ以外の場合は、結果を確認するために、常にZIP全体をダウンロードする必要があります。

4

10 に答える 10

558

GitHubでHTMLファイルをプレビューする最も快適な方法は、https: //htmlpreview.github.io/にアクセスするか、元のURLの前に追加することです。例:https ://htmlpreview.github.io/?https:// github.com/bartaz/impress.js/blob/master/index.html

于 2012-09-02T05:37:29.260 に答える
97

アーカイブをダウンロードしたくない場合は、GitHubPagesを使用してこれをレンダリングできます。

  1. リポジトリをアカウントにフォークします。
  2. マシン上でローカルにクローンを作成します
  3. ブランチを作成しますgh-pages(ブランチがすでに存在する場合は、それを削除して、それに基づいて新しいブランチを作成しますmaster)。
  4. ブランチをGitHubにプッシュバックします。
  5. `でページを見るhttp://username.github.io/repo

コード内:

git clone git@github.com:username/repo.git
cd repo
git branch gh-pages
# Might need to do this first: git branch -D gh-pages
git push -u origin gh-pages # Push the new branch back to github
Go to http://username.github.io/repo
于 2011-12-09T13:48:07.927 に答える
69

https://rawgit.comのRawGitの作成者および所有者からのメッセージ:

RawGitは耐用年数の終わりに達しました2018年10月8日RawGitは現在日没段階にあり、まもなくシャットダウンされます。5年間は楽しかったですが、すべてを終わらせる必要があります。

先月中にRawGitを介してコンテンツを提供したGitHubリポジトリは、少なくとも2019年10月まで提供され続けます。他のリポジトリのURLは提供されなくなります。

現在RawGitを使用している場合は、できるだけ早く使用を中止してください。

私がそれを使おうとしたとき、私は得ました:

403禁止します

RawGitはまもなくシャットダウンし、新しいリポジトリを提供しなくなります。>>詳細については、 https://rawgit.comにアクセスしてください。

RawGitを使用できます:
https ://rawgit.com/necolas/css3-social-signin-buttons/master/index.html

(この記事の執筆時点では) http://htmlpreview.github.com/よりもうまく機能し、適切なContent-Typeヘッダーを持つファイルを提供します。さらに、本番環境で使用するCDNURLも提供します。

于 2015-01-16T15:08:23.157 に答える
44

githubページで行うのは本当に簡単です。初めて行うときは少し奇妙です。初めてのように、編み方を学びながら3匹の子猫をジャグリングしなければなりませんでした。(わかりました、それはそれほど悪いことではありません)

gh-pagesブランチが必要です。

基本的に、github.comはリポジトリのgh-pagesブランチを探します。ここで見つかったすべてのHTMLページを、通常のHTMLとしてブラウザに直接提供します。

このgh-pagesブランチを取得するにはどうすればよいですか?

簡単。と呼ばれるgithubリポジトリのブランチを作成するだけgh-pagesです。このブランチを作成するときに指定--orphanします。実際にはこのブランチをgithubブランチにマージする必要はなく、HTMLリソースを含むブランチが必要なだけです。

$ git checkout --orphan gh-pages

私のレポの他のすべてのガンクはどうですか、それはどのようにそれに適合しますか?

いや、先に進んで削除するだけです。また、注意を払い、メインブランチにマージしてすべてのコードを削除できない孤立したブランチを作成したため、今すぐ実行しても安全です。

ブランチを作成しましたが、今は何ですか?

このブランチをgithub.comにプッシュして、自動化を開始し、これらのページのホスティングを開始できるようにする必要があります。

git push -u origin gh-pages

しかし..私のHTMLはまだ提供されていません!

githubがこれらのブランチにインデックスを付け、コンテンツを提供するために必要なインフラストラクチャを起動するのに数分かかります。githubによると最大10分。

github.comによってレイアウトされた手順

https://help.github.com/articles/creating-project-pages-manually

于 2014-02-09T09:13:44.960 に答える
18

すべてのコメントを読み、GitHubの設定ページの下に「GitHubPages」のセクションがあることが明確に示されているGitHubテーマページにアクセスするまで、GitHubでは通常のユーザーがGitHubページを作成するのが難しすぎると思いました。 「GitHubPagesのマスターブランチを使用する」オプションを選択します。そしてvoilà!!... https: //username.github.io/reponameでその特定のリポジトリをチェックアウトしてください

私の答えをサポートするスクリーンショット

于 2018-06-16T15:48:44.547 に答える
1

preview with http://htmlpreview.github.com/また、Tampermonkeyを使用する場合は、「raw」、「blame」、「history」ボタンの横にあるアクションメニューにボタンを追加するスクリプトを追加できます。

このようなスクリプト: https ://gist.github.com/vanyakosmos/83ba165b288af32cf85e2cac8f02ce6d

于 2017-08-15T19:58:45.680 に答える
1

GitHub Pagesを構成している場合は、次のようにパブリックURLを取得できます。

https://<username>.github.io/<repository>/index.html

ここで、<username><repository>はそれぞれユーザー名とリポジトリ名のプレースホルダーになります

したがって、結果は次のようになります:http: //necolas.github.io/css3-social-signin-buttons/index.html

于 2021-04-07T20:01:47.410 に答える
0

これは直接的な答えではありませんが、かなり甘い選択肢だと思います。

http://www.s3auth.com/

これにより、基本認証の背後でページをホストできます。プライベートgithubリポジトリのapiドキュメントなどに最適です。apiビルドの一部としてs3を配置するだけです。

于 2012-09-23T01:40:05.240 に答える
0

私は別の方法を見つけました:

  1. まだ行っていない場合は、[生]ボタンをクリックしてください
  2. Ctrl + A、Ctrl + C
  3. F12で「開発ツール」を開く
  4. 「インスペクター」でタグを右クリックし、「HTMLの編集」を選択します
  5. Ctrl + A、Ctrl + V
  6. Ctr + Return

Firefoxでテストされていますが、他のブラウザでも動作するはずです

于 2020-11-16T23:01:50.627 に答える
-3

GithubPagesをオンにするだけです。^ _ ^

[設定]をクリックし、[GitHub Pages]に移動して[ソース]の下のドロップダウンをクリックし、公開するブランチ(メインのHTMLファイルがある場所)aaaとvualaaを選択します。^ _ ^

于 2019-04-20T17:46:12.197 に答える