ฉันจะฝังไฟล์เดียวจาก GitHub ด้วยอินเทอร์เฟซ gist ใหม่ได้อย่างไร


100

อินเทอร์เฟซ GitHub Gist ใหม่มีข้อมูลโค้ดแบบฝังหนึ่งรายการสำหรับส่วนสำคัญทั้งหมดซึ่งฝังไฟล์ทั้งหมดไว้ในส่วนสำคัญ อินเทอร์เฟซเก่ามีโค้ดฝังสำหรับแต่ละไฟล์ในส่วนสำคัญ ใครทราบว่ามีเคล็ดลับในการฝังไฟล์เดียวหรือไม่?


26
คำถามนี้เกี่ยวกับ "API" สำหรับส่วนสำคัญซึ่งเป็นเครื่องมือที่โปรแกรมเมอร์ใช้ คำถามเกี่ยวกับการแบ่งปันรหัส ดังนั้นสิ่งนี้จึงดูเหมือนอยู่ในหัวข้อทั้งหมด เมื่อฉันอ่านขอบเขตที่กำหนดโดยชุมชนฉันก็พยายามที่จะเห็นว่าสิ่งนี้ไม่เหมาะสม ฉันพบว่าทั้งคำถามและคำตอบมีประโยชน์มากในฐานะโปรแกรมเมอร์
Eric Bloch

2
คำถามนี้มีประโยชน์และมีคำตอบที่เป็นประโยชน์สำหรับโปรแกรมเมอร์ เหตุใดสิ่งนี้จึงถูกปิดเป็นนอกประเด็นบนโลก
mydoghasworms

จะเพิ่มที่นี่: ในขอบเขตที่กำหนดโดยชุมชน: "เครื่องมือซอฟต์แวร์ที่โปรแกรมเมอร์ใช้กันทั่วไป" Github gist เป็นเครื่องมือที่โปรแกรมเมอร์ใช้กันทั่วไปดังนั้นคำถามใด ๆ เกี่ยวกับ API จึงเกี่ยวข้องทั้งหมด
Chaseadamsio

คำตอบ:


149

นำ URL ส่วนสำคัญจากด้านซ้ายมือและต่อจากนั้น.jsเพิ่มสตริงข้อความค้นหา?file=myFile.blahเช่น

<script src="https://gist.github.com/4505639.js?file=macroBuild.scala" type="text/javascript"></script>

1
สิ่งนี้เคยได้ผล แต่เมื่อเร็ว ๆ นี้ฉันคิดว่ามันหยุดแล้ว! ในบล็อกโพสต์ของฉันตอนนี้มันกำลังคายไฟล์ทั้งหมดในส่วนสำคัญที่มันใช้ทำแต่ละไฟล์! ฉันคิดว่าฉันจะต้องแยกไฟล์ออกเป็นแต่ละส่วน :( มีใครประสบปัญหานี้อีกไหม
nootn

2
ยังคงทำงานให้ฉัน: letitcrash.com/post/40198993865/…
Roland Kuhn

สิ่งนี้ "ใช้ได้ผล" สำหรับฉัน แต่การจัดแต่งทรงผมล้มเหลว ประเภทการจัดรูปแบบของฉันเองจะแทนที่สไตล์ที่ระบุโดยสคริปต์ที่ฝังไว้และด้วยเหตุนี้หมายเลขบรรทัดในมาร์กอัปที่สร้างขึ้นจึงไม่สอดคล้องกับซอร์สโค้ดจริง โชคไม่ดีจริงๆฉันไม่สามารถเข้าแถวได้และไม่ได้ทำหน้าที่ในการดีบัก CSS ดังนั้นฉันจึงทำมันด้วย jQuery และ ajax โทรไปที่ api.github.com จากนั้นฉันก็เพิ่มฟังก์ชันไฮไลต์ภายนอก นี่คือสาระ
Cheeso

1
น่าเสียดายที่ Medium ยังไม่รองรับฟีเจอร์นี้ :(
mochadwi

เพียงเพื่อดำเนินการยืนยันต่อไปสิ่งนี้ยังใช้ได้กับ Blogger
Theko Lekena

0

สำหรับการอ้างอิงของบุคคลอื่นที่อาจกำลังพิจารณาเรื่องนี้

หากคุณใช้ Wordpress คุณสามารถทำได้ด้วยปลั๊กอินoEmbed-gistและรูปแบบรหัสย่อ:

[gist id = "your-gist-id-here" file = "your-file-name.js"]


0

GitHub ให้ข้อมูลเดียวกันนี้ที่นี่ในเว็บไซต์ของพวกเขา อย่างที่คนอื่นบอกวิธีที่เป็นทางการคือแนบ?file=name-of-file.extท้าย URL ของโค้ดสำหรับฝังเพื่อฝังเฉพาะไฟล์ที่เรียกname-of-file.ext(แน่นอนว่าคุณสามารถเปลี่ยนชื่อเป็นชื่อไฟล์ของคุณก็ได้) ตัวอย่างเช่นหากฉันต้องการฝังgetGitContents.jsไฟล์จาก Gist ที่https://gist.github.com/westc/afac9258389fdfd2fdaf134ffaa0e923ฉันสามารถใช้สิ่งต่อไปนี้:

<script src="https://gist.github.com/westc/afac9258389fdfd2fdaf134ffaa0e923.js?file=getGitContents.js"></script>

นอกจากนี้ยังมีบล็อกโพสต์ YourJSเกี่ยวกับเรื่องนี้ซึ่งช่วยให้คุณสามารถป้อนชื่อผู้ใช้ของคุณและดูรหัสฝังสำหรับส่วนสำคัญทั้งหมดของคุณและไฟล์แต่ละไฟล์

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