Làm cách nào để tôi có thể tham chiếu hình ảnh trong phần đánh dấu GitLab trong thư mục hiện tại với đường dẫn bắt đầu bằng ./ dấu chấm gạch chéo?


81

Tôi đã lưu trữ tệp Markdown và tệp hình ảnh trong kho lưu trữ Git như sau:

  • readme.markdown
  • images/
    • image.png

Tôi tham khảo hình ảnh từ readme.markdownnhư thế này:

![](./images/image.png)

Điều này hiển thị như mong đợi trong ReText, nhưng không hiển thị khi tôi đẩy repo sang GitLab.

Làm cách nào để tôi có thể tham chiếu hình ảnh từ tệp Markdown để nó hiển thị khi xem trong GitLab?

Câu trả lời:


109

![](images/image.png)mà không có ./tác phẩm cho tôi: https://gitlab.com/cirosantilli/test/blob/bffbcc928282ede14dcb42768f10a7ef21a665f1/markdown.md#image

Tôi đã mở một yêu cầu để việc này được phép tại: http://feedback.gitlab.com/forums/176466-general/suggestions/6746307-support-markdown-image-path-in-current-directory-s , nhưng nó nhập vào khoảng trống Internet khi GitLab kết xuất UserVoice.


2
Đúng. Tôi thử lại mà không có ./và nó hoạt động. Tôi chỉnh sửa bài đăng của mình
PierreF

2
Còn việc xác định kích thước hình ảnh tùy chỉnh (hxw) thì sao?
nguy hiểm 89

@ nguy hiểm89 tài liệu không nói gì github.com/gitlabhq/gitlabhq/blob/master/doc/markdown/… vì vậy tôi cho rằng không thể. Vì vậy, HTML bên trong đánh dấu (dường như cho phép nó: rubydoc.info/gems/html-pipeline/HTML/Pipeline/… ) hoặc ImageMagick nó.
Ciro Santilli 郝海东 冠状 病 六四 事件 法轮功

18

Sự cố tương tự với Gitlab & Hình ảnh trong readme.md

Tôi đã gặp vấn đề tương tự với Biểu trưng của mình bên trong readme.md trong Tiện ích mở rộng của tôi và với Gitlab (chạy trên Ubuntu-Server).

Phiên bản Ubuntu: 16.04.2 LTS

Phiên bản Gitlab: 10.3.4 56dc722

Giải pháp của tôi

Bạn cũng có thể sử dụng một đoạn mã để sử dụng hình ảnh trong readme.md của mình bằng cách chỉ cần làm theo các bước sau:

Trong Tổng quan về Gitlab (Đã đăng nhập)

  1. Chuyển đến dự án mà bạn muốn sử dụng hình ảnh đó
  2. trong topnavigation ở bên phải, nhấp vào nút +
  3. DƯỚI DỰ ÁN CỦA BẠN, nhấp vào đoạn mã mới trong menu thả xuống

dạng đoạn mã mới

  1. Nhập tiêu đề
  2. Ở góc dưới cùng bên phải của RTE-Field, nhấp vào Đính kèm tệp
  3. Chọn tệp của bạn và nhấn Mở
  4. Nhấp vào hộp kiểm Công khai
  5. đặt tên cho đoạn mã (trong Hộp kiểm) [trường bên cạnh trường 1 không phải "tiêu đề"]
  6. Nhấp vào Tạo đoạn mã

Xử lý sự cố

Nếu bạn gặp lỗi sau, bạn đã quên điểm 5:

Biểu mẫu có lỗi sau:

Nội dung không được để trống

Bây giờ chúng ta có một Liên kết tưởng tượng đang hoạt động

Bây giờ, nếu bạn chỉnh sửa lại đoạn mã, bạn có thể sao chép Mã hình ảnh giống như sau:

![Alt-Text](/uploads/472fc65e1a1bc11b355cc03d6c339fd5/logo_.svg)

vào tệp readme.md của bạn.

Nếu bạn cũng muốn sử dụng một liên kết, nó phải trông như thế:

[![Alt-Text](/uploads/4013547485b9e88e98f1af3870116a29/logo_mit_claim.svg)](https://your-destination.com)

Hy vọng nó sẽ giúp ích cho các ppls khác


Không làm việc cho tôi. Cả đoạn mã đều không chứa hình ảnh. Nếu tôi nhấp vào liên kết mà trình duyệt của tôi yêu cầu lưu dưới dạng tệp văn bản: image.svg.txtvà không hiển thị hình ảnh
bet Ngangpfa

3
Cuối cùng, tôi thấy rằng cách giải quyết của bạn cũng phù hợp với tôi, chỉ có một vấn đề khác trong trường hợp của tôi: Tệp svg của tôi đã được xuất bằng inkscape, hoạt động tốt trong các tài liệu đánh dấu cục bộ, nhưng tôi cần đặt svg thuần túy để sử dụng trong gitlab.
betontalpfa

2
  1. Đi tới dự án của bạn
  2. Chọn vấn đề
  3. Tạo vấn đề mới
  4. Trong mô tả vấn đề mới, nhấp vào tệp đính kèm
  5. Duyệt đến tệp của bạn và đính kèm
  6. Một liên kết ở dạng " tên tập tin" sẽ được tạo trên ngăn mô tả.
  7. Sao chép liên kết và dán vào tệp readme.md của bạn
  8. Đừng gửi vấn đề trừ khi bạn đã dự định.

Giải pháp này (có sửa đổi) là giải pháp tôi thích hơn, vì nó cho phép sao chép + dán để thêm hình ảnh vào Readme.md Tóm lại, Trong một vấn đề: 1) tạo URL cho hình ảnh và sau đó 2) sao chép và dán URL mới tới Readme.md (ở chế độ chỉnh sửa) và 3) với chế độ xem trước trong tệp Readme.md mà hình ảnh sẽ hiển thị.
Nexus7_2012

0

Hình ảnh của tôi ở đâu trong .bin/img/thư mục.
Tôi đã phải sử dụng định dạng dưới đây để có được hình ảnh:

![alt text](<./bin/img/some_image.png>) 

Tâm trí <>


Dấu ngoặc nhọn dường như được yêu cầu ít nhất cho gitlab 9.1.4
dschulten

-1

Trong GitLab Markdown, bạn có thể thêm hình ảnh vào tệp Markdown theo hai cách khác nhau.

  1. Kiểu nội tuyến:

    ![alt text](img/markdown_logo.png "Title Text")

  2. Kiểu tham chiếu:

    ![alt text1][logo]

    [logo]: img/markdown_logo.png "Title Text"

Bạn có thể sử dụng bất kỳ phương pháp nào ở trên. Trong trường hợp của bạn, loại bỏ di ./chúc là giải pháp.

![](images/image.png)

Để biết thêm về GitLab Markdown .

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.