Làm thế nào để hiển thị hình ảnh trong tệp Markdown trên Github?


82

Tôi muốn hiển thị một số hình ảnh trong tệp Markdown trên Github. Tôi thấy nó hoạt động theo cách này:

![Figure 1-1](https://raw.github.com/username/repo/master/images/figure 1-1.png "Figure 1-1")

Nhưng tôi cần cộng tác với những người khác nên tôi không muốn tên người dùng và tên repo được mã hóa cứng.

Tôi đã cố gắng sử dụng cái này:

![Figure 1-1](images/figure 1-1.png "Figure 1-1")

Nó hoạt động trên đĩa cục bộ của tôi nhưng không hoạt động trên Github.

Có ai biết về vấn đề này?

Câu trả lời:


139

Tôi đã tự tìm ra câu trả lời.

Chỉ cần thêm ? Raw = true vào url hình ảnh sẽ tạo ra mẹo:

![](images/table 1-1.png?raw=true)

2
Điều này phù hợp với tôi khi xem các tệp Markdown trực tiếp trên GitHub, nhưng không hiệu quả với tệp README.markdown được hiển thị trên trang chính của dự án.
jmohr

@jmohr Tôi nghĩ rằng các tệp README trên trang chính nên được coi là một ngoại lệ.
WoooHaaaa

Điều này đã hoạt động trên tệp README trên trang chính đối với tôi.
Mike Grace

1
Github vẫn không cho phép SVG ngay cả với raw. stackoverflow.com/questions/13808020/…
Yeo

20

Tôi vừa gặp vấn đề tương tự và hóa ra là do khoảng trống trong URL. Mã hóa URL theo cách thủ công không gian như đã %20sửa nó.

Vì vậy, bằng cách sử dụng ví dụ của bạn, tôi đã thay đổi:

![](images/table 1-1.png)

đến:

![](images/table%201-1.png)

Chỉnh sửa: Tôi đã hỏi github về điều này và đó là hành vi được mong đợi kể từ khi họ chuyển sang một thông số kỹ thuật mới để hiển thị Markdown. Đặc tả rõ ràng không cho phép các khoảng trắng trong URI, vì một khoảng trắng hiện được sử dụng để tách URI khỏi tiêu đề hình ảnh tùy chọn. Phần liên quan của thông số kỹ thuật là ở đây:

https://github.github.com/gfm/#example-471 - Đích không được chứa dấu cách hoặc ngắt dòng, ngay cả khi được đặt trong dấu ngoặc nhọn

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.