91

Github wiki は、メインのプロジェクト リポジトリとは別の git リポジトリによって支えられています。

Github チームによるこの投稿では、Wiki マークアップ内の Wiki リポジトリに保存されている画像にリンクできるようにする必要があるように思われます。

画像とフォルダ

Git リポジトリ内でホストされているイメージを参照できるようになりました。

wiki のリポジトリをチェックアウトし、リソース フォルダと画像をそこにプッシュしました。私の質問は、この画像をどのように使用するのですか?

これは可能ですか、それとも何か誤解していますか?

4

16 に答える 16

104

github wiki で画像を表示したい視聴者のために、次の方法が機能することがわかりました。

  • リポジトリの wiki ページ内の [Git Access] タブに移動し、次のような SSH パスを取得します。 git@github.com:USER/REPO.wiki.git ここで、USER はアカウント名、REPO はリポジトリ名。
  • ローカル マシンで任意の Git コマンド ライン ツールを使用して、選択したローカル ディレクトリに cd し、次の方法でリポジトリを取得します。

    git クローン git@github.com:USER/REPO.wiki.git

  • このリポジトリ内にイメージ ディレクトリを作成します。これを「images」と呼び、必要なイメージをディレクトリに配置します。

  • 次に、wiki git ディレクトリを github にプッシュします。
  • 「ページ」タブなどで画像を物理的に見ることはできませんが、ローカル リンクで画像を参照するだけで、それらを見ることができるはずです。以下の Markdown の例:

    ![Alt attribute text Here](images/YOURIMAGE.ext)

  • 次のようにさらにラップすることで、画像をリンク自体として埋め込むこともできます。

    [![Alt attribute text Here](images/YOURIMAGE.ext)](http://Yoursite.com)

また、ローカル コピー内にサブディレクトリを追加して、Wiki の整理に役立てることもできます。これは、[ページ] タブにサブディレクトリが一覧表示されるだけだからです。ただし、新しいディレクトリがプッシュされても、「ページ」タブにはディレクトリが表示されないことに注意してください。

于 2012-09-17T04:49:48.603 に答える
56

相対パスを使用するには、次のようにします。

[[foo.jpg]]

詳細については、画像に関するデモ wiki のページを参照してください

于 2012-05-02T13:34:23.163 に答える
33

に画像を追加するときに、どの回答も機能しないようですreadme.md。私は解決策を持っています:

画像の URL が次の場合:

https://github.com/Username/Repository-Name/blob/master/Directory-Inside-Repository/image.png

に置き換えるblobraw、生の画像の URL が得られます。

https://github.com/Username/Repository-Name/raw/master/Directory-Inside-Repository/image.png

ここで、通常のマークダウンを使用して画像を埋め込みます。

![Image Alt](https://github.com/Username/Repository-Name/raw/master/Directory-Inside-Repository/image.png)

更新:現在、GitHub は別のサブドメインからの生の画像も提供していますraw.github.com。したがって、次のものも使用できます。

https://raw.github.com/Username/Repository-Name/master/Directory-Inside-Repository/image.png

例: https://raw.github.com/Automattic/liveblog/master/screenshot-1.png

于 2012-07-18T19:47:26.683 に答える
28

相対パスは次のように機能します。

ウィキのホームページ:

![text](wiki/images/someimage.png)

ウィキのサブページ:

![text](images/someimage.png)

プレビューを実行すると画像が表示されないことに注意してください。保存しました。

于 2013-02-18T07:34:15.973 に答える
16

ドラッグアンドドロップで画像をすばやくアップロードしたい場合は、次のことを実行できます(ハックですが):

ダミーの問題を作成します。そこに画像をドラッグ アンド ドロップします。アップロードされたマークダウン画像コードをウィキにコピー/貼り付けます。

問題を一度作成したら、何度でも使用してこれを行うことができます。

これが、イメージをレポに置く必要なく、簡単な修正を探している人に役立つことを願っています。

于 2013-11-21T11:32:38.693 に答える
6

理解した。

URLの形式は次のとおりです

https://raw.github.com/wiki/username/project/pathtoimage/imagename.extension

pathtoimageオプションです

于 2012-04-06T15:44:20.123 に答える
5

JamesのURL形式は私には機能しませんでした、おそらくそれは変更されました。利用した:

https://github.com/username/project/wiki/pathtoimage/image.extension

オプションpathtoimageです。

于 2012-05-31T15:49:42.743 に答える
1

ウィキには画像と PDF の両方を入れています。wiki のクローンを作成しimagesfilesディレクトリを追加してから、次のマークダウンを使用して画像リンクを埋め込み、ファイル リンクを追加します。

画像:

[[/images/path/to/image.ext|ALT TEXT]]

Wiki ページがすべてルート レベルにある場合、先頭のスラッシュは必要ありませんが、サブディレクトリを使用すると、絶対パスが正しく解決され、物事が単純になります。

ファイル:

[link text](files/path/to/file.ext "ALT TEXT")

filesこの形式のリンクとして正しく解決するために、Wiki パスの先頭にスラッシュがないことに注意してください。

これについては、 GitHub Gistで詳細に文書化しました

于 2016-02-25T05:36:49.237 に答える
1

相対パスを使用する

Wiki は次の場所にあります。[repositoryname]/wiki

リポジトリ内のファイルは次の場所にあります。[repositoryname]/raw/master/[file path in repository]

したがって、相対パスを使用してください:../raw/master/[file path in repository]

于 2016-02-28T21:08:17.880 に答える
1

次のマークダウンは、対応する GitHub wiki内から GitHubリポジトリの画像を参照します

![My Alt Text](../blob/master/Path/ToAsset/In/Repo.png?raw=true)

上記の例では、リポジトリに次のファイル構造があることを前提としています

    • ToAssets
        • Repo.png

実際の例として、対応する wiki から github でこの画像を参照したい場合は、このマークダウンを使用します

![Azure App Settings](../blob/master/TrelloWorld/TrelloWorld.Server/Assets/Azure_AppSettings.png?raw=true)

注意事項

  1. ケース事項
  2. wiki の特別なホームページにいる場合、../ でレベルを上げる必要はありません。上記の例では、正しいリンクは次のようになります。

ホームページの場合:

![Azure App Settings](blob/master/TrelloWorld/TrelloWorld.Server/Assets/Azure_AppSettings.png?raw=true)
于 2015-04-03T21:18:21.637 に答える
0

@ Drew Noakesから元の質問へのコメントは私のためにそれをしました:

表示したい画像の構文:

[[/images/imageName.png]]

この画像は名前の変更時にのみ表示されました:

wikiPage.md --> wikiPage.wiki

wiki リポジトリでは、次のフォルダー構造が使用されていました。

repository.wiki
   |--wikiPage.wiki
   |--images
        |--imageName.png       

しかし:

.wiki の構文は .md ファイルとは異なります。

于 2016-12-21T07:26:40.023 に答える
0

外部画像のサムネイルを埋め込むには、次を使用します。 ![Image](<external link to the image>)

于 2014-03-04T03:20:14.677 に答える