Penurunan harga untuk menyisipkan dan menampilkan gambar pada repo GitHub

40

Menurut dokumentasi GitHub , sintaks penurunan harga untuk menyisipkan gambar adalah:

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

Mengikuti sintaks contoh mereka, sepertinya saya tidak dapat membuatnya berfungsi.

Bahkan contoh logo GitHub tidak berfungsi.

Apa yang saya lewatkan? Atau itu bug GitHub?

github markdown nic
sumber
Ubah URL menjadi jalur lengkap lengkap dengan HTTP dan lihat ke mana Anda akan pergi
Eight Days of Malaise
@EightDaysofMalaise: Itu memang triknya ... Bisakah Anda menulis ini sebagai jawaban? Saya melaporkan kesalahan dokumentasi ke Github.
nic
Saya pikir dokumentasi mereka berubah. "Gambar" , "gambar" dan "logo" tidak lagi disebutkan di halaman.

Jawaban:

34

Anda mungkin kehilangan path / lokasi penuh ke gambar yang ingin Anda sertakan dalam file Penurunan harga Anda.

Contoh yang diberikan adalah path relatif, di mana gambar bersandar pada server yang sama dengan file. Dalam bantuan, itu akan menganggap gambar sebenarnya terletak di:

https://github.com/images/logo.png

Tapi itu bukan file atau lokasi yang valid.

Untuk memastikan Anda dapat membuat gambar dari mana pun Anda melihatnya, lebih aman untuk memasukkan URL lengkap, yang akan menyertakan nama domain.

Jadi, contoh Anda akan menggunakan sesuatu yang mirip dengan ini:

![Bilby Stampede](http://example.com/images/logo.png)
Delapan Hari Malaise
sumber
24

Menanggapi jawaban di atas:

Pada 30 Januari 2013, GitHub sekarang mengizinkan tautan relatif .

Namun, pastikan Anda menambahkan? Raw = true ke akhir URL. Berikut ini sebuah contoh:

![Image](../blob/master/public_html/img/nokia.png?raw=true)

Karena cara GitHub menangani URL, jika Anda tidak menambahkan? Raw = true ke URL sumber browser Anda akan mencoba memuat halaman yang menampilkan gambar.

Chris Morris
sumber
Apakah Anda yakin pembaruan itu juga termasuk menggunakan src?
Eight Days of Malaise
1
Ya, benar. Padahal, Anda harus menambahkan "? Raw = true" ke bagian akhir URL. Berikut ini sebuah contoh :! [Gambar] (../blob / master / public_html / img / nokia.png? Raw = true)
Chris Morris
Baru saja memperbarui jawabannya :).
Chris Morris
1
Ini berfungsi untuk file Penurunan harga saya tetapi saya mendapatkan kesalahan dengan pandoc: pandoc: Kesalahan menghasilkan PDF dari sumber TeX. ! Kesalahan LaTeX: Ekstensi grafik tidak dikenal: .png? Raw = true. Lihat manual LaTeX atau LaTeX Companion untuk penjelasan. Ketik H <kembali> untuk bantuan segera. ... l.175 ... 2014-04-08_Bergman2011_Fig2.png? raw = true}
djhocking
2

Saya ingin menguji penurunan harga saya secara lokal sebelum mendorong suatu tempat hanya dapat dilihat melalui URL. Jadi saya ingin URL relatif yang dapat saya gunakan di mana saja. GitHub sekarang mendukung itu.

imagesSubdirektori Anda , dengan asumsi file tersebut berada di direktori yang sama dengan file Markdown Anda, tidak memerlukan garis miring di awal - coba:

markdown ![GitHub Logo](images/logo.png)

dari pada

markdown ![GitHub Logo](/images/logo.png)

brannerchinese
sumber