Backlog の Git で Markdown 内の画像を表示したいという要件があったので調べました。
Backlog上(ブラウザ)で画像を表示 したい場合です。(Markdownエディタ等での表示は考慮していません)
現時点ではリポジトリ内ファイル参照はサポートしていないようです。 Wikiを使いましょういうことなのでしょうが、Gitでドキュメント管理する場合等に使えるかもしれない小ネタです。

GitHub での構文

1
2
3
Images
![GitHub Logo](/images/logo.png)
Format: ![Alt Text](url)

Backlog Git 上の .md での画像表示

Backlog上(ブラウザ)で画像ファイル自体が表示できるので、そのURLを指定すれば可能です。

1
2
3
4
5
# raw
![代替文字列](https://{{ Backlog Space }}.backlog.jp/git/{{ Backlog Project }}/{{ Git Repository }}/raw/{{ branch }}/{{ Path }}/{{ File }})
 
# preview
![代替文字列](https://preview-{{ Backlog Space }}.backlog.jp/git/{{ Backlog Project }}/{{ Git Repository }}.git/{{ branch }}/{{ Path }}/{{ File }})

尚、HTML直書きは未対応でした。

例

  • リポジトリ内ファイル
1
2
3
4
5
practice
├── TEST1.md
├── TEST2.md
└── img
    └── logo.png
  • Backlogスペース名: hoge
  • Backlogプロジェクト名: PCT
  • Gitリポジトリ名: practice
  • Gitブランチ: master
01
02
03
04
05
06
07
08
09
10
11
12
13
14
15
16
17
18
19
## Raw
 
- Markdown
 
![raw md](https://hoge.backlog.jp/git/PCT/practice/raw/master/img/logo.png)
 
- HTML
 
<img src="https://hoge.backlog.jp/git/PCT/practice/raw/master/img/logo.png" alt="raw html" title="raw html">
 
## Preview
 
- Markdown
 
![preview md](https://preview-hoge.backlog.jp/git/PCT/practice.git/master/img/logo.png)
 
- HTML
 
<img src="https://preview-hoge.backlog.jp/git/PCT/practice.git/master/img/logo.png" alt="preview html" title="preview html">

リポジトリ内ファイル参照(未サポート)例

相対パスでの指定だと表示されません。

1
2
3
4
5
6
7
- Markdown
 
![md](img/logo.png)
 
- HTML
 
<img src="img/logo.png" alt="html" title="html">

元記事ははこちら

「Backlog Git README.md で画像表示」