[GitHub: Gist] วิธีปรับขนาดที่แสดงในบล็อก

สรุปสาระสำคัญคืออะไร

Gist เป็นหนึ่งในบริการของ GitHub และเมื่อใช้ Git คุณสามารถจัดการและเผยแพร่ซอร์สโค้ดในหน่วยของไฟล์เดียวได้ (หลายไฟล์ก็ใช้ได้)

https://qiita.com/hkusu/items/18cbe582abb9d3172019

นอกจากนี้ยังมีประโยชน์เมื่อวางซอร์สโค้ดลงในบล็อก แต่ขนาดจะคงที่เนื่องจากกรอบการแสดงผลมีขนาดเล็กตามค่าเริ่มต้น ฉันต้องการขยายให้ใหญ่ขึ้น

วิธีปรับขนาด

คุณสามารถปรับเปลี่ยนได้โดยป้อนข้อมูลต่อไปนี้ใน CSS

/*gist表示サイズ変更*/
.gist iframe.render-viewer {
	height: 700px !important;
	width: 1000px !important;
}

ปรับเป็นแนวตั้ง

ข้อเสียคือนำไปใช้กับส่วนสำคัญทั้งหมดในบล็อกของคุณ ดังนั้นหากคุณมีโค้ดเพียงเล็กน้อย คุณจะจบลงด้วยพื้นที่ว่างจำนวนมากในกรณีดังกล่าว คุณอาจแก้ไขได้โดยการตั้งค่าคลาส CSS เพิ่มเติม เช่น ขนาดใหญ่ ขนาดกลาง และขนาดเล็ก