ปรับขนาดรูปภาพใน wiki ของ GitHub โดยใช้ Markdown


255

ฉันกำลังเขียนหน้าวิกิบน GitHub และฉันใช้ Markdown

ปัญหาของฉันคือฉันวางภาพขนาดใหญ่ (ภาพนี้อยู่ในพื้นที่เก็บข้อมูลของตัวเอง) และฉันต้องการปรับขนาด

ฉันได้ลองวิธีแก้ไขปัญหาต่าง ๆ แล้ว แต่ไม่ได้ผล:

![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]]

มีวิธีรับไหม

เป็นที่ต้องการโดยไม่มี HTML


คำตอบ:


373

Updated:

รหัส (ภายนอก / ภายใน):

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

รหัส (ภายใน / ภายนอกสำหรับปรับขนาด ):

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

ตัวอย่าง:

ทดสอบ


คำตอบเก่า:

สิ่งนี้น่าจะใช้ได้:

[[ http://url.to/image.png | height = 100px]]

ที่มา: https://guides.github.com/features/mastering-markdown/


ขอบคุณ <img src="..." width="48">ทำงานใน README สำหรับภาพที่อัปโหลดไปยัง GitHub
Sam Dutton

@ SamDutton: ดูเหมือนว่าจะทำงานได้ดีสำหรับรูปภาพที่โฮสต์ที่อื่น
Jonik

1
ทดสอบวันนี้ Github จะไม่รู้จักไวยากรณ์ของ [] (.. = 400) หรือ [] (... = 400px) ดังนั้นหากฉันต้องการปรับขนาดรูปภาพฉันต้องใช้ไวยากรณ์ <img />
spikeyang

1
คำตอบที่มีเครื่องหมายกากบาทจะทำงานหากภาพนั้นถูกเพิ่มเข้าไปในวิกินั้น
Eduardo

2
@Eduardo พูดอะไร ... 'คำตอบเก่า' ที่คุณขีดฆ่าออกไปคือสิ่งที่ฉันได้ทำการท่องอินเทอร์เน็ตเพื่อ - ยังใช้งานได้ดีสำหรับเส้นทางญาติ (สินทรัพย์ภายใน wiki) นอกจากนี้ฉันต้องเพิ่มหนึ่งหรือสองภาพภายในตาราง ตัวละครไปป์ให้ความเศร้าแก่ฉันเพราะรูปแบบตารางทั่วไปใน markdown [[ http://url.to/img.png \| height=48px]]หนีท่อภายในเซลล์ของตารางยังคงเป็นที่ถูกต้อง:
DanMad

57

บน GitHub คุณสามารถใช้ HTML โดยตรงแทน Markdown:

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

สิ่งนี้ควรทำ


10
ขอบคุณสำหรับการแก้ปัญหาเป็นไปได้หรือไม่หากไม่มีรหัส html
fhuertas

1
เพียงแค่ต้องการให้ทราบว่าคุณสามารถแยกได้widthเพื่อให้สามารถปรับขนาดความกว้างตามความสูงได้โดยอัตโนมัติ
ฉันเป็นกบมังกร

2
ไม่ใช่แค่ Github เท่านั้น ฉันเชื่อว่าจะอนุญาตให้ใช้ HTML แบบอินไลน์ภายใน Markdown โดยทั่วไป ...
Nicolas Miari

br's และ hr's ไม่ช่วยอะไร
JoshYates1980

2

เกือบ 5 ปีหลังจากการจัดรูปแบบ HTML โดยตรงสำหรับภาพบน GitHub และตัวเลือกการทำเครื่องหมายอื่น ๆ ยังคงป้องกันไม่ให้ภาพโหลดเมื่อระบุขนาดที่กำหนดเองแม้ในขนาดที่ผิด ฉันต้องการระบุความกว้างที่ต้องการและรับความสูงที่คำนวณโดยอัตโนมัติเช่น

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


2

ฉันได้ใช้วิธีการที่อธิบายไว้ข้างต้น ตอนนี้ฉันกำลังใช้วิธีการซึ่งเป็นวิธีที่คล้ายกัน แต่ง่ายขึ้นสำหรับฉัน

  1. ขั้นแรกให้สร้างไฟล์เพิ่ม README.md ในโครงการของคุณ
  2. จากนั้นอัพโหลดภาพหน้าจอหรือภาพคำอธิบายใด ๆ ที่จำเป็นในไดเรกทอรีหลักของโครงการของคุณ
  3. หลังจากอัปโหลดเนื้อหารูปภาพใช้ html เพื่ออ้างอิงเนื้อหาเหล่านี้โดยตรงโดยไม่ต้องใช้ลิงก์ด้านล่าง

แบบนี้:

<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>

จากตัวอย่างด้านบนฉันได้ใช้ย่อหน้าเพื่อจัดเรียงภาพแบบเคียงข้างกัน หากคุณกำลังจะใช้ภาพเดียวเพียงใช้รหัสดังต่อไปนี้

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

ขอให้มีความสุขมาก ๆ ในวันนี้!


0

ขณะนี้หน้า GitHub ใช้kramdownเป็นเอ็นจิ้น markdown เพื่อให้คุณสามารถใช้ไวยากรณ์ต่อไปนี้:

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

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

ฉันยังไม่ได้ทดสอบกับ GitHub wiki


1
@nicobo ฉันพยายามดูเหมือนว่าจะไม่ทำงานกับภาพภายนอกใช่หรือไม่
user310291

ใช้งานได้ในหน้า GitHib โดยใช้ Jekyll, FYI (ฉันรู้ว่านี่ไม่ใช่คำถามของ
OPs

0

นี่คือคำถามที่แตกต่างกันวิธีการรับภาพในส่วนสำคัญ (ตรงข้ามกับ GitHub) markdown ในสถานที่แรก?


ในเดือนธันวาคม 2558 ดูเหมือนว่าจะเชื่อมโยงไปยังไฟล์บน github.comหรือcloud.githubusercontent.comหรือสิ่งที่คล้ายกันเท่านั้น ขั้นตอนที่เหมาะกับฉันในเรื่องย่อ:

  1. สรุปสาระสำคัญพูดMygist.md(และเลือกไฟล์เพิ่มเติม)
  2. ไปที่ช่อง "เขียนความคิดเห็น" ในตอนท้าย
  3. คลิก "แนบไฟล์ ... โดยเลือก"; เลือกไฟล์ภาพในเครื่องของคุณ
  4. GitHub echos เป็นสตริงที่มีความยาวที่มันใส่รูปภาพเช่น! [khan-lasso-squared] ( https://cloud.githubusercontent.com/assets/1280390/12011119/596fdca4-acc2-11e5-84d0-4878164e04bb.png )
  5. Mygist.mdตัดวางด้วยมือของคุณลงใน

แต่คน GitHub อาจเปลี่ยนพฤติกรรมนี้ในวันพรุ่งนี้โดยไม่ต้องบันทึก


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