Apakah mungkin untuk membuat tautan relatif ke gambar dalam file penurunan harga dalam intinya?

98

Saya punya intisari yang berisi file penurunan harga dan gambar.

Adakah cara untuk membuat tautan relatif ke gambar ini? Sesuatu seperti, ![My image](image.png)bukan![My image](https://gist.github.com/user/605560c2961cb3025038/raw/b75d2...6e8/img.png)

Berikut ini contohnya

github markdown gist alienlebarge
sumber

Jawaban:

168

Sampai sekarang, tautan gambar relatif berfungsi untuk saya, baik di repositori dan wiki. Saya menggunakan sintaks seperti ini:

![Kiku](images/Kiku.jpg)

Berikut contohnya:

https://github.com/mark-anders/relative-image-url

markand
sumber
Terima kasih! Saya frustrasi mencoba menggunakan gambar lokal tetapi ini berhasil!
Minggu
Kesalahan saya adalah memiliki spasi antara ]dan(
Uncommon
1
Setidaknya untuk Github, saya baru tahu bahwa Anda tidak dapat memiliki spasi di nama file Anda, atau GitHub tidak dapat mengenali gambar lokal (saya tidak yakin menambahkan tanda kutip akan menyelesaikan masalah ini)
Xiaoyong Zhu
5
Ini dapat berfungsi pada repo Github biasa, tetapi tidak pada Gists ( gist.github.com ).
Beni Cherniavsky-Paskin
1
Jika ada karakter khusus di jalur relatif gambar yang Anda coba tautkan, pastikan itu dikodekan url.
felixperreault
3

Menurut http://blog.rodneyrehm.de/archives/35-Inc Included-Data-From-Github.html , masalah dalam menggunakan https: //gist.github.com/user/605560c2961cb3025038/raw/b75d2 ... 6e8 / img.png

adalah bahwa b75d2...6e8bagian tersebut bervariasi per file (eksperimen cepat memastikan bahwa itu adalah id git blob). Namun Anda dapat melepaskan bagian itu sehingga URL mengarah ke versi terbaru:

https://gist.github.com/user/605560c2961cb3025038/raw/img.png

atau untuk mengambil contoh kerja:

https://gist.githubusercontent.com/cben/46d9536baacb7c5d196c/raw/dodgetocat_v2.png

Jalur relatif?

Ini juga berfungsi sebagai jalur relatif raw/dodgetocat_v2.png!
Namun (per akhir 2017) github dapat membuat inti yang sama dari 2 URL:

[DIPERBARUI Desember 2017. Masalah sebelumnya tentang file mentah yang berfungsi sebagai Content-Type: application/octet-streamdan penulisan ulang srcatribut gambar camo.githubusercontent.comtidak lagi terjadi, setidaknya tidak untuk gambar dari inti yang sama.]

Sayangnya, kami tidak bisa hanya menggunakan URL pertama dan memercayainya untuk selalu berfungsi.

  • Saat ini tidak ada formulir yang mengembalikan pengalihan, juga tidak menyajikan tautan rel = canonical. Saya tidak akan bertaruh pada Github untuk tidak pernah mengubah ini!
  • Semua tautan inti internal (mis. Dari halaman pengguna https://gist.github.com/cben/ ) menghilangkan garis miring :-(
  • Inti dalam hasil penelusuran Google menghilangkan garis miring :-(

(Anda dapat menggunakan jalur relatif 46d9536baacb7c5d196c/raw/dodgetocat_v2.pngyang hanya akan berfungsi tanpa garis miring, tapi itu juga ide yang dipertanyakan, dan kurang sepadan - tidak benar-benar lebih fleksibel daripada URL lengkap.)

Menggunakan proxy?

Keduanya dapat dikerjakan dengan proxy yang memperbaiki Jenis Konten, misalnya Rawgit atau Bl.ocks.org (bukan oleh Github, jangan menyalahgunakannya). Sayangnya Rawgit tidak merender Markdown, hanya menyajikan file sebagaimana adanya, dan Bl.ocks.org tidak membuat penurunan harga tetapi struktur URL sedemikian rupa sehingga tautan relatif tidak akan berfungsi. Ini berarti Anda dapat mereferensikan URL eksternal lengkap dalam Penurunan harga, atau relatif dalam HTML :-(

Lihat https://gist.github.com/cben/46d9536baacb7c5d196c/ membagi inti Anda, dan index.html dilihat melalui:

Beni Cherniavsky-Paskin
sumber
2

Ya, tautan relatif berfungsi untuk saya. Saya menggunakan pancake.io untuk menghosting halaman saya. http://pancake.io/2c8aa8/topics/cpp/cpp.md

Gambar di halaman itu ada di cppfolder.

Kode penurunan harga yang digunakan untuk gambar pertama adalah

![C++ Var Types](basic_cpp_var_types.png)

Kode penurunan harga (sebenarnya html) yang digunakan untuk gambar kedua adalah

<div style='float: center'>
  <img style='width: 600px' src="prefixpostfixincrement.png"></img>
</div>

CATATAN: Saya melewatkan bagian intinya. Coba cara html jika intinya tidak mendukung sintaks jalur gambar relatif penurunan harga.

Kaushal Modi
sumber
Cara HTML tidak berfungsi. Ini lebih merupakan masalah Gist daripada Markdown
alienlebarge
2

diuji sekarang ... saya tidak dapat menggunakan url relatif di wiki github.

saya harus menambahkan gambar ke repo wiki, lalu browser repo dan meminta github menunjukkannya kepada saya (jadi saya bisa mengambil url). lalu gunakan url lengkap di penurunan harga. tetapi untungnya, urlnya mudah diprediksi:https://github.com/*username*/*reponame*/wiki/*imagename.png*

saya mengirimkan isse ini ke dukungan github.

xero
sumber