GitHub wiki（gollum）リポジトリ内に画像を埋め込みますか？

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

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

画像とフォルダ

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

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

これは可能ですか、それとも私は何かを誤解しましたか？

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

[[foo.jpg]]

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

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

• リポジトリのwikiページ内の[GitAccess]タブに移動し、SSHパスを取得します。SSHパスは次のようになります。git@ github.com：USER / REPO.wiki.gitここで、USERはアカウント名、REPOはリポジトリ名。

• ローカルマシンで、選択したローカルディレクトリにcdするGitコマンドラインツールを使用し、次の方法でリポジトリを取得します。

  git clone git@github.com：USER / REPO.wiki.git

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

• そして、wikigitディレクトリをgithubにプッシュします

• [ページ]タブなどで画像を物理的に表示することはできませんが、ローカルリンクで画像を参照するだけで、画像を表示できるはずです。以下のマークダウンの例：

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

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

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

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

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

画像のURLが次の場合：

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

に置き換えるblobとraw、生の画像の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

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

ウィキのホームページ：

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

ウィキのサブページ：

![text](images/someimage.png)

プレビューを行うと画像が表示されないことに注意してください、私はそれを保存しました。

ドラッグアンドドロップで画像をすばやくアップロードしたい場合は、次の操作を実行できます（ハックですが）。

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

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

これが、画像をリポジトリに常駐させる必要なしに、迅速な修正を探している人に役立つことを願っています。

これを行うための実用的な方法は次のとおりです。

• githubの問題に移動します
• コメントセクションでは、ファイルを添付できます。画像をドラッグアンドドロップ、選択、または貼り付けるだけです。
• テキストエリアに表示されているコード/リンクをコピーします
• ウィキに貼り付けます
• 利益！

@tibyソリューションと比較して、問題を作成または変更する必要はありません。

理解した。

URLは次のようにフォーマットされます

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

pathtoimage オプションです

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

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

どこにpathtoimageオプションです。

最後に、nerdwinによって説明された方法を使用して画像をリポジトリに取得し、を使用してwikiに表示させました。 ![test](test.jpg)

次のマークダウンは、対応するGitHubwiki内から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. ウィキの特別なホームページを表示している場合は、.. /でレベルを上げる必要はありません。上記の私の例では、正しいリンクは次のようになります。

ホームページの場合：

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

相対パスを使用する

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

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

したがって、相対パスを使用するだけです。 ../raw/master/[file path in repository]

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

画像：

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

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

ファイル：

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

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

これをGitHubの要点でより詳細に文書化しました

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

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

表示したい画像の構文：

[[/images/imageName.png]]

この画像は、名前を変更した場合にのみ表示されました。

wikiPage.md --> wikiPage.wiki

Wikiリポジトリでは次のフォルダ構造が使用されました。

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

だが：

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

答えの多くは私にはうまくいきませんでした、これが最終的にうまくいったものです：

![](../raw/master/Images/ImportantImage.png)

「Markdown」エディタモードと次のようなサブページを使用する：

https://github.com/project/repo/wiki/MyPage

-ジョン