web-dev-qa-db-ja.com

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

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

この投稿 Githubチームによると、wikiマークアップ内のwikiリポジトリに保存されている画像にリンクできるように聞こえます。

画像とフォルダ

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

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

これは可能ですか、何か誤解しましたか？

githubwikigollum-wiki
79
James McMahon

相対パスを使用するには：

[[foo.jpg]]

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

53
Benjamin Oakes

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

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

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

    git clone [email protected]：USER/REPO.wiki.git

  • ここで、このリポジトリ内に画像ディレクトリを作成し、それを「画像」と呼び、任意の画像をディレクトリに入れます

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

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

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

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

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

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

94
Ryan Q

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)

PDATE：現在、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

30
its_me

相対パスはこのように機能します：

ウィキのホームページ：

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

ウィキのサブページ：

![text](images/someimage.png)

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

25
Werner

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

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

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

これがレポジトリにイメージを常駐させる必要なく、迅速な修正を探している人の助けになることを願っています。

14
tiby

これを実行する実用的な方法を次に示します。

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

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

7
Jacob Yiendedoi

理解した。

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

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

pathtoimageはオプションです

6
James McMahon

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

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

ここで、pathtoimageはオプションです。

5
Ninjakannon

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

2
rupweb

次のマークダウンは、対応するGitHubwiki内からGitHubrepo内の画像を参照します

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

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

  • 道
    • ToAssets
      • に
        • Repo.png

実世界の例では、対応するwikiからgithubで this image を参照したい場合、このマークダウンを使用します

![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)
1
Josh

相対パスを使用する

wikiは[repositoryname]/wikiにあります

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

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

1
Samuel P

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

画像：

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

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

ファイル：

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

この形式のリンクとして正しく解決するためのWiki filesパスの先頭にスラッシュはありません。

GitHub Gist で詳細に文書化した

1
Subfuzion

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

0
delta24

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

表示したい画像の構文：

[[/images/imageName.png]]

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

wikiPage.md --> wikiPage.wiki

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

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

しかし：

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

0
rocksteady