Thay đổi kích thước hình ảnh trong wiki của GitHub bằng Markdown


255

Tôi đang viết một trang wiki trên GitHub và tôi đang sử dụng Markdown.

Vấn đề của tôi là tôi đang đặt một hình ảnh lớn (hình ảnh này nằm trong kho lưu trữ của chính nó) và tôi cần thay đổi kích thước nó.

Tôi đã thử các giải pháp khác nhau, nhưng chúng không hoạt động:

![image](http://url.to/image.png "Title" {width=40px height=400px})

![image](http://url.to/image.png = 250x250)

![image](http://url.to/image.png = 250x)

[[http://url.to/image.png = 250x]]

Có cách nào để có được nó?

Nó là tốt hơn mà không có HTML.


Câu trả lời:


373

Cập nhật:

Mã (bên ngoài / nội bộ):

![test](https://github.com/favicon.ico)

Mã (nội bộ / bên ngoài để định cỡ ):

<img src="https://github.com/favicon.ico" width="48">

Thí dụ:

kiểm tra


Câu trả lời cũ:

Điều này sẽ làm việc:

[[ http://url.to/image.png | chiều cao = 100px]]

Nguồn: https://guides.github.com/features/mastering-markdown/


Cảm ơn. <img src="..." width="48">hoạt động trong READMEs cho hình ảnh được tải lên GitHub.
Sam Dutton

@SamDutton: Nó dường như cũng hoạt động tốt đối với hình ảnh được lưu trữ ở nơi khác.
Jonik

1
Kiểm tra nó ngày hôm nay. Github sẽ không nhận ra cú pháp của [] (.. = 400) hoặc [] (... = 400px), vì vậy nếu tôi cần thay đổi kích thước ảnh, tôi phải sử dụng cú pháp <img />.
spikeyang

1
Câu trả lời gạch bỏ hoạt động nếu hình ảnh được thêm vào chính wiki.
Eduardo

2
Những gì @Eduardo đã nói ... 'Câu trả lời cũ' mà bạn đã bỏ qua là những gì tôi đã tìm kiếm trên mạng cho các trò chơi điện tử vẫn hoạt động tuyệt vời cho các đường dẫn tương đối (tài sản bên trong wiki). Ngoài ra, tôi đã phải thêm một hoặc hai hình ảnh bên trong một bảng. Nhân vật tẩu đã khiến tôi đau buồn vì định dạng bảng điển hình trong đánh dấu. Thoát khỏi đường ống bên trong một ô bảng vẫn còn hiệu lực : [[ http://url.to/img.png \| height=48px]].
DanMad

57

Trên GitHub, bạn có thể sử dụng HTML trực tiếp thay vì Markdown:

<a href="url"><img src="http://url.to/image.png" align="left" height="48" width="48" ></a>

Điều này sẽ làm cho nó.


10
Cảm ơn giải pháp, có thể không có mã html?
fhuertas

1
Chỉ muốn lưu ý rằng bạn có thể loại trừ widthđể nó có thể tự động điều chỉnh độ rộng dựa trên chiều cao.
Tôi là một con rồng ếch

2
Không chỉ trên Github; Tôi tin rằng HTML nội tuyến được cho phép trong Markdown nói chung ...
Nicolas Miari

các br và hr không giúp đỡ.
JoshYates1980

2

Gần 5 năm chỉ sau định dạng HTML trực tiếp hoạt động đối với hình ảnh trên GitHub và các tùy chọn đánh dấu khác vẫn ngăn hình ảnh tải khi chỉ định một số kích thước tùy chỉnh ngay cả với kích thước sai. Tôi thích chỉ định chiều rộng mong muốn và lấy chiều cao được tính toán tự động, ví dụ:

<img src="https://github.com/your_image.png" alt="Your image title" width="250"/>


2

Tôi đã sử dụng các phương pháp được mô tả ở trên. Bây giờ tôi đang sử dụng phương pháp tương tự nhưng đơn giản hơn với tôi.

  1. Đầu tiên tạo thêm tệp README.md vào dự án của bạn.
  2. Sau đó tải lên các ảnh chụp màn hình hoặc bất kỳ hình ảnh mô tả nào cần thiết vào thư mục chính của dự án của bạn.
  3. Sau khi tải lên hình ảnh Tài sản sử dụng html để giới thiệu trực tiếp các tài sản này mà không cần sử dụng liên kết như bên dưới

Như thế này:

<img src="icon.jpg" width="324" height="324">

<p align="center">
  <img src="screen1.png" width="256" height="455">
  <img src="screen2.png" width="256" height="455">
  <img src="screen3.png" width="256" height="455">
</p>

Ở ví dụ trên tôi đã sử dụng đoạn văn để căn chỉnh hình ảnh cạnh nhau. Nếu bạn sẽ sử dụng hình ảnh duy nhất, chỉ cần sử dụng mã như dưới đây

<img src="icon.jpg" width="324" height="324">

Chúc một ngày tốt lành!


0

Các trang GitHub hiện sử dụng kramdown làm công cụ đánh dấu để nó có thể sử dụng cú pháp sau:

Here is an inline ![smiley](smiley.png){:height="36px" width="36px"}.

http://kramdown.gettalong.org/syntax.html#images

Tôi chưa thử nó trên wiki GitHub.


1
@nicobo Tôi đã thử dường như nó không hoạt động cho hình ảnh bên ngoài?
310291

Điều này hoạt động trong các trang GitHib sử dụng Jekyll, FYI (Tôi nhận ra đây không chính xác là câu hỏi của OP)
DavidJ

0

Điều này giải quyết các câu hỏi khác nhau, làm thế nào để có được hình ảnh trong ý chính (trái ngược với github) ở vị trí đầu tiên?


Vào tháng 12 năm 2015, dường như chỉ liên kết đến các tệp trên github.comhoặc cloud.githubusercontent.comhoặc công việc tương tự. Các bước làm việc cho tôi trong một ý chính:

  1. Tạo một ý chính, nói Mygist.md(và tùy chọn nhiều tệp hơn)
  2. Đi đến hộp "Viết bình luận" ở cuối
  3. Nhấp vào "Đính kèm tệp ... bằng cách chọn chúng"; chọn tập tin hình ảnh địa phương của bạn
  4. GitHub lặp lại một chuỗi dài trong đó đặt hình ảnh, ví dụ: [khan-lasso-squared] ( https://cloud.githubusercontent.com/assets/1280490/12011119/596fdca4-acc2-11e5-84d0-4878164e04b.png )
  5. Cắt-dán mà bằng tay vào của bạn Mygist.md.

Nhưng: Người GitHub có thể thay đổi hành vi này vào ngày mai mà không cần ghi lại.


7
Đâu là khía cạnh thay đổi kích thước?
koppor
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.