เป็นไปได้ไหมที่จะสร้างลิงก์ที่สัมพันธ์กับรูปภาพในไฟล์ markdown ในส่วนสำคัญ


98

ฉันมีส่วนสำคัญซึ่งมีไฟล์ markdown และรูปภาพ

มีวิธีเชื่อมโยงกับภาพนี้หรือไม่? สิ่งที่ชอบ![My image](image.png)แทนที่จะเป็น![My image](https://gist.github.com/user/605560c2961cb3025038/raw/b75d2...6e8/img.png)

นี่คือตัวอย่าง

คำตอบ:


168

ณ ตอนนี้ลิงก์รูปภาพสัมพัทธ์กำลังทำงานให้ฉันทั้งในที่เก็บและวิกิ ฉันใช้ไวยากรณ์เช่นนี้:

![Kiku](images/Kiku.jpg)

นี่คือตัวอย่าง:

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


ขอบคุณ! ฉันรู้สึกหงุดหงิดที่พยายามใช้ภาพในเครื่อง แต่มันได้ผล!
อาทิตย์

ความผิดพลาดของฉันคือมีช่องว่างระหว่าง]และ(
ผิดปกติ

1
อย่างน้อยสำหรับ Github ฉันเพิ่งพบว่าคุณไม่สามารถมีช่องว่างในชื่อไฟล์ของคุณได้หรือ GitHub ไม่สามารถจดจำภาพในเครื่องได้ (ฉันไม่แน่ใจว่าการเพิ่มเครื่องหมายคำพูดจะช่วยแก้ปัญหานี้ได้)
Xiaoyong Zhu

5
สิ่งนี้อาจใช้ได้กับ repos Github ปกติ แต่ใช้ไม่ได้กับGists ( gist.github.com )
Beni Cherniavsky-Paskin

1
หากมีอักขระพิเศษบนเส้นทางสัมพัทธ์ของรูปภาพที่คุณพยายามเชื่อมโยงตรวจสอบให้แน่ใจว่าได้เข้ารหัส URL แล้ว
felixperreault

3

อ้างอิงจากhttp://blog.rodneyrehm.de/archives/35-Inc including-Data-From-Github.htmlปัญหาในการใช้งาน https: //gist.github.com/user/605560c2961cb3025038/raw/b75d2 ... 6e8 / img.png

คือb75d2...6e8ส่วนที่แตกต่างกันไปในแต่ละไฟล์ (การทดสอบด่วนยืนยันว่าเป็น git blob id) อย่างไรก็ตามคุณสามารถวางส่วนนั้นได้ซึ่งส่งผลให้ URL ชี้ไปที่เวอร์ชันล่าสุด:

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

หรือใช้ตัวอย่างการทำงาน:

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

เส้นทางสัมพัทธ์?

นอกจากนี้ยังทำงานเป็นเส้นทางสัมพัทธ์raw/dodgetocat_v2.png!
อย่างไรก็ตาม (ปลายปี 2017) github สามารถแสดงส่วนสำคัญเดียวกันได้จาก 2 URL:

[อัปเดตเมื่อธันวาคม 2017 ปัญหาก่อนหน้าของไฟล์ดิบที่ทำหน้าที่เป็นContent-Type: application/octet-streamและเขียนsrcแอตทริบิวต์ของรูปภาพใหม่จะcamo.githubusercontent.comไม่เกิดขึ้นอีกต่อไปอย่างน้อยก็ไม่ใช่สำหรับรูปภาพจากส่วนสำคัญเดียวกัน]

อนิจจาเราไม่สามารถใช้ URL แรกและเชื่อมั่นว่าจะใช้งานได้เสมอไป

  • ขณะนี้ทั้งสองแบบฟอร์มไม่ส่งคืนการเปลี่ยนเส้นทางหรือให้บริการลิงก์ rel = canonical ฉันจะไม่เดิมพันกับ Github ที่จะไม่เปลี่ยนแปลงสิ่งนี้!
  • ลิงก์ส่วนสำคัญภายในทั้งหมด (เช่นจากหน้าของผู้ใช้https://gist.github.com/cben/ ) ละเว้นเครื่องหมายทับ :-(
  • ส่วนแบ่งในผลการค้นหาของ Google ละเว้นเครื่องหมายทับ :-(

(คุณสามารถใช้เส้นทางสัมพัทธ์46d9536baacb7c5d196c/raw/dodgetocat_v2.pngที่จะใช้งานได้โดยไม่มีเครื่องหมายทับ แต่นั่นก็เป็นความคิดที่น่าสงสัยและคุ้มค่าน้อยกว่า - ไม่ยืดหยุ่นกว่า URL แบบเต็มจริงๆ)

ใช้พร็อกซี?

ทั้งสองอย่างสามารถทำงานร่วมกับพร็อกซีที่แก้ไข Content-Type เช่น Rawgit หรือ Bl.ocks.org (ไม่ใช่โดย Github อย่าใช้ในทางที่ผิด) น่าเสียดายที่ Rawgit ไม่แสดง Markdown ให้บริการเฉพาะไฟล์ตามสภาพเท่านั้นและ Bl.ocks.org จะแสดง markdown แต่โครงสร้าง URL เป็นแบบที่ลิงก์สัมพัทธ์จะไม่ทำงาน ซึ่งหมายความว่าคุณสามารถอ้างอิง URL ภายนอกแบบเต็มใน Markdown หรือเทียบเคียงใน HTML :-(

ดูhttps://gist.github.com/cben/46d9536baacb7c5d196c/แยกส่วนสำคัญของคุณและ index.html ดูผ่าน:


2

ใช่ลิงก์สัมพัทธ์ใช้งานได้สำหรับฉัน ฉันใช้ pancake.io เพื่อโฮสต์เพจของฉัน http://pancake.io/2c8aa8/topics/cpp/cpp.md

รูปภาพในเพจนั้นอยู่ในcppโฟลเดอร์

รหัส markdown ที่ใช้สำหรับภาพแรกคือ

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

รหัส markdown (html จริง) ที่ใช้สำหรับภาพที่สองคือ

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

หมายเหตุ: ฉันพลาดส่วนสำคัญ ลองใช้วิธี html หากส่วนสำคัญไม่รองรับไวยากรณ์เส้นทางรูปภาพสัมพัทธ์ markdown


วิธี HTML ใช้ไม่ได้ เป็นปัญหาของ Gist มากกว่า Markdown
alienlebarge

2

ทดสอบแล้ว ... ฉันไม่สามารถใช้ URL สัมพัทธ์บน github wiki

ฉันต้องเพิ่มรูปภาพลงใน wiki repo จากนั้นเบราว์เซอร์ repo และให้ github แสดงให้ฉันเห็น (เพื่อให้ฉันสามารถคว้า url ได้) จากนั้นใช้ URL แบบเต็มใน markdown แต่โชคดีที่ URL นั้นง่ายต่อการคาดเดา:https://github.com/*username*/*reponame*/wiki/*imagename.png*

ฉันส่งสิ่งนี้ไปยังฝ่ายสนับสนุนของ github


1

ไม่ URL สัมพัทธ์ไปยังรูปภาพจากการมาร์กดาวน์ใช้ไม่ได้ดังนั้นคุณจะต้องใช้ URL แบบคงที่แบบยาว:

https://gist.github.com/mattborn/c346c8689a5eaf86e823

อย่างไรก็ตาม URL สัมพัทธ์กับบางไฟล์ใช้งานได้:

http://bl.ocks.org/mattborn/c346c8689a5eaf86e823

โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.