Có thể tạo liên kết tương đối đến hình ảnh trong tệp đánh dấu theo ý chính không?


92

Tôi có một ý chính chứa một tệp đánh dấu và một hình ảnh.

Có cách nào để tạo liên kết tương đối với hình ảnh này không? Một cái gì đó như ![My image](image.png)thay vì![My image](https://gist.github.com/user/605560c2961cb3025038/raw/b75d2...6e8/img.png)

Đây là một ví dụ

Câu trả lời:


160

Hiện tại, các liên kết hình ảnh tương đối đang hoạt động đối với tôi, trong cả kho lưu trữ và wiki. Tôi đang sử dụng cú pháp như thế này:

![Kiku](images/Kiku.jpg)

Đây là một ví dụ:

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


cảm ơn! Tôi đã thất vọng khi cố gắng sử dụng hình ảnh địa phương nhưng điều này đã hiệu quả!
nhật

Sai lầm của tôi đã có một khoảng trống giữa ](
Uncommon

Ít nhất là đối với Github, tôi vừa phát hiện ra rằng bạn không thể có khoảng trắng trong tên tệp của mình hoặc GitHub không thể nhận dạng hình ảnh cục bộ (tôi không chắc việc thêm dấu ngoặc kép sẽ giải quyết được điều này)
Xiaoyong Zhu

4
Điều này có thể hoạt động trên các repos Github thông thường, nhưng không hoạt động trên Gist ( gist.github.com ).
Beni Cherniavsky-Paskin

Tôi thấy rằng bạn không thể có bất kỳ độ sâu thư mục nào trên ý chính nhưng nếu mọi thứ đều ở mức gốc thì bạn có thể có nhiều tệp trong một ý chính. Giao diện người dùng web không cho phép bạn tải lên bất kỳ thứ gì khác ngoài văn bản, nhưng nếu bạn kéo repo ý chính xuống cục bộ, bạn có thể cam kết nó. Tôi nhận thấy nếu bạn có 2FA trong tài khoản của mình, bạn sẽ cần tạo mã thông báo truy cập cá nhân: github.com/settings/tokens . Thật không may, nó sẽ tạo ra một đường dẫn mà bạn không thể có cục bộ, vì vậy bạn phải tải chúng lên và sau đó sử dụng một đường dẫn tuyệt đối đến hình ảnh.
CTS_AE

3

Theo http://blog.rodneyrehm.de/archives/35-Including-Data-From-Github.html , vấn đề trong việc sử dụng https: //gist.github.com/user/605560c2961cb3025038/raw/b75d2 ... 6e8 / img.png

b75d2...6e8phần khác nhau trên mỗi tệp (một thử nghiệm nhanh xác nhận đó là git blob id). Tuy nhiên, bạn có thể bỏ phần đó dẫn đến URL trỏ đến phiên bản mới nhất:

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

hoặc để lấy một ví dụ làm việc:

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

Đường dẫn tương đối?

Điều này cũng hoạt động như một đường dẫn tương đối raw/dodgetocat_v2.png!
Tuy nhiên (tính đến cuối năm 2017) github có thể hiển thị cùng một ý chính từ 2 URL:

[CẬP NHẬT Tháng 12 năm 2017. Các vấn đề trước đây về tệp thô được phục vụ Content-Type: application/octet-streamvà viết lại srcthuộc tính của hình ảnh sẽ camo.githubusercontent.comkhông còn xảy ra nữa, ít nhất là không xảy ra đối với các hình ảnh từ cùng một ý chính.]

Than ôi, chúng ta không thể chỉ sử dụng URL đầu tiên và tin tưởng rằng nó luôn hoạt động.

  • Hiện tại, không có biểu mẫu nào trả lại chuyển hướng hoặc cung cấp liên kết rel = canonical. Tôi sẽ không đặt cược vào Github để không bao giờ thay đổi điều này!
  • Tất cả các liên kết ý chính nội bộ (ví dụ: từ trang của người dùng https://gist.github.com/cben/ ) đều bỏ qua dấu gạch chéo :-(
  • Gists trong kết quả tìm kiếm của Google bỏ qua dấu gạch chéo :-(

(Bạn có thể sử dụng đường dẫn tương đối 46d9536baacb7c5d196c/raw/dodgetocat_v2.pngsẽ chỉ hoạt động mà không có dấu gạch chéo ở cuối, nhưng đó cũng là ý tưởng đáng nghi vấn và ít giá trị hơn - không thực sự linh hoạt hơn URL đầy đủ.)

Sử dụng proxy?

Cả hai đều có thể được giải quyết bằng proxy sửa chữa Loại nội dung, ví dụ: Rawgit hoặc Bl.ocks.org (không phải bởi Github, đừng lạm dụng chúng). Thật không may, Rawgit không hiển thị Markdown, chỉ phân phát các tệp như hiện tại và Bl.ocks.org có hiển thị đánh dấu nhưng cấu trúc URL như vậy nên các liên kết tương đối sẽ không hoạt động. Điều này có nghĩa là bạn có thể tham chiếu URL bên ngoài đầy đủ trong Markdown hoặc tương đối trong HTML :-(

Xem https://gist.github.com/cben/46d9536baacb7c5d196c/ đã tách ý chính của bạn và index.html của nó được xem qua:


2

Có, liên kết tương đối đang làm việc cho tôi. Tôi đang sử dụng pancake.io để lưu trữ các trang của mình. http://pancake.io/2c8aa8/topics/cpp/cpp.md

Các hình ảnh trên trang đó nằm trong cppthư mục.

Mã đánh dấu được sử dụng cho hình ảnh đầu tiên là

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

Mã đánh dấu (thực sự là html) được sử dụng cho hình ảnh thứ hai là

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

LƯU Ý: Tôi đã bỏ lỡ phần chính. Hãy thử cách html nếu gist không hỗ trợ cú pháp đường dẫn hình ảnh tương đối đánh dấu.


Cách HTML không hoạt động. Đó là thêm một vấn đề của Gist hơn Markdown
alienlebarge

2

vừa được kiểm tra ... tôi không thể sử dụng các url tương đối trên github wiki.

tôi đã phải thêm hình ảnh vào repo wiki, sau đó duyệt repo và yêu cầu github hiển thị nó cho tôi (vì vậy tôi có thể lấy url). sau đó sử dụng url đầy đủ trong phần đánh dấu. nhưng may mắn thay, các url rất đơn giản để dự đoán:https://github.com/*username*/*reponame*/wiki/*imagename.png*

tôi đã gửi mục này cho bộ phận hỗ trợ github.


Khi sử dụng trang web của chúng tôi, bạn xác nhận rằng bạn đã đọc và hiểu Chính sách cookieChính sách bảo mật của chúng tôi.
Licensed under cc by-sa 3.0 with attribution required.