現在のディレクトリのGitLabマークダウンで、パスが./ドットスラッシュで始まる画像を参照するにはどうすればよいですか?


85

次のように、Markdownファイルと画像ファイルをGitリポジトリに保存しました。

  • readme.markdown
  • images/
    • image.png

私はreadme.markdownこのように画像を参照します:

![](./images/image.png)

これはReTextで期待どおりにレンダリングされますが、リポジトリをGitLabにプッシュしてもレンダリングされません。

GitLabで表示したときにレンダリングされるように、Markdownファイルから画像を参照するにはどうすればよいですか?

回答:


113

![](images/image.png)./私のための作品なし:https//gitlab.com/cirosantilli/test/blob/bffbcc928282ede14dcb42768f10a7ef21a665f1/markdown.md#image

http://feedback.gitlab.com/forums/176466-general/suggestions/6746307-support-markdown-image-path-in-current-directory-sで、これを許可するリクエストを開きましたが、 GitLabがUserVoiceをダンプしたときに、インターネットの無効になりました。


2
それは本当だ。なしで再試行する./と機能します。私は自分の投稿を編集します
PierreF 2014年

2
カスタム画像サイズ(hxw)を定義するのはどうですか?
危険89 2016年

@ danger89のドキュメントには何も書かれていませんgithub.com/gitlabhq/gitlabhq/blob/master/doc/markdown/…だから不可能だと思います。したがって、マークダウン内のHTML(許可されているようです:rubydoc.info/gems/html-pipeline/HTML/Pipeline/…)またはImageMagickのいずれかです。
CiroSantilli郝海东冠事病六四事件法轮功

19

readme.mdのGitlabとImagesに関する同様の問題

拡張機能のreadme.md内のロゴとGitlab(Ubuntuサーバーで実行)でも同じ問題が発生しました。

Ubuntuバージョン:16.04.2 LTS

Gitlabバージョン:10.3.4 56dc722

私の解決策

次の手順に従うだけで、readme.mdで画像使用のスニペットを使用することもできます。

Gitlabの概要(ログイン)

  1. その画像を使用したいプロジェクトに移動します
  2. 右側のトップナビゲーションで[ +]ボタンをクリックします
  3. プロジェクトの下で、ドロップダウンの新しいスニペットをクリックします

新しいスニペットフォーム

  1. タイトルを入力してください
  2. RTEフィールドの右下隅にある[ファイルを添付]をクリックします
  3. ファイル選択し[開く]を押します
  4. [公開]チェックボックスをクリックします
  5. スニペットに(チェックボックスの下に)名前を付けます[ 1の横のフィールド「ヘッダー」ではなく、]
  6. [スニペットを作成]をクリックします

トラブルシューティング

次のエラーが発生した場合は、ポイント5を忘れています。

フォームに次のエラーが含まれています。

コンテンツを空白にすることはできません

これで、動作するImagelinkができました

これで、スニペットを再度編集すると、次のようにイメージコードをコピーできます。

![Alt-Text](/uploads/472fc65e1a1bc11b355cc03d6c339fd5/logo_.svg)

readme.mdファイルに。

リンクも使用したい場合は、次のようにする必要があります。

[![Alt-Text](/uploads/4013547485b9e88e98f1af3870116a29/logo_mit_claim.svg)](https://your-destination.com)

それが他のpplに役立つことを願っています


私のために働いてはいけません。どちらのスニペットにも画像は含まれていません。:私は私のブラウザはテキストファイルとして保存するように依頼するリンクをクリックするとimage.svg.txt、画像を表示してはいけない
betontalpfa

3
最後に、あなたの回避策も私にとってはうまくいくことがわかりました。私の場合は別の問題がありました。私のsvgファイルはinkscapeによってエクスポートされました。これはローカルのマークダウンドキュメントでうまく機能しますが、gitlabで使用するにはプレーンなsvgを設定する必要があります。
betontalpfa

興味深いですが、これは著者の要求を満たしているとは思いません。彼らは、ドキュメントを自己完結型に保ち、バージョン管理で特定の画像ファイルと特定のドキュメント間のリンクを維持したいと考えているようです。あなたのソリューションは基本的に、画像ファイルのファイルホスティングサービスとしてGitLabスニペットを使用しています。
mtalexan

また、作成者自身(GitLabにログインして認証されている間)以外の誰かがファイルを表示したい場合、このソリューションは機能しないと思います。スニペットには、リポジトリ自体から完全に分離されたファイルにアクセスできるユーザーを制限するアクセスが許可されています。
mtalexan

2
  1. プロジェクトに移動します
  2. 問題を選択する
  3. 新しい問題を作成する
  4. 新しい問題の説明で、添付ファイルをクリックします
  5. ファイルを参照して添付します
  6. ファイル名説明ペインに「」形式のリンクが生成されます。
  7. リンクをコピーして、readme.mdファイルに貼り付けます
  8. 意図しない限り、問題を提出しないでください。

このソリューション(変更あり)は、コピーと貼り付けでReadme.mdに画像を追加できるため、私が好むソリューションです。つまり、問題の場合:1)画像のURLを生成し、2)コピーして貼り付けます。 Readme.mdへの新しいURL(編集モード)および3)画像が表示されるReadme.mdファイルのプレビューモード。
Nexus7_20 1220

あなたの解決策は基本的に、GitLab Issueシステムを悪用して、GitLabをイメージのファイルサーバーとして機能させることです。作者は、リンクされたバージョン管理と自己完結型のドキュメントを望んでいるようです。あるいは、パブリックに共有されたファイルなどとして、画像をクラウドストレージに追加することもできます。この解決策は興味深いものですが、私はそれが要求を満たすとは思いません。
mtalexan

1

.bin/img/フォルダー内の私の画像。
画像を取得するには、以下の形式を使用する必要がありました。

![alt text](<./bin/img/some_image.png>) 

気をつけて <>


先のとがった括弧は、少なくともgitlab 9.1.4
dschulten 2010

-1

GitLab Markdownでは、2つの異なる方法でMarkdownファイルに画像を追加できます。

  1. インラインスタイル:

    ![alt text](img/markdown_logo.png "Title Text")

  2. 参照スタイル:

    ![alt text1][logo]

    [logo]: img/markdown_logo.png "Title Text"

上記の方法のいずれかを使用できます。あなたの場合、削除する./ことが解決策になります。

![](images/image.png)

GitLabMarkdownの詳細については。

弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.