새로운 요점 인터페이스를 사용하여 GitHub 요점에서 단일 파일을 삽입하려면 어떻게해야합니까?

새로운 GitHub Gist 인터페이스에는 요점에 모든 파일을 포함하는 전체 요점에 대한 포함 스 니펫이 하나 있습니다. 이전 인터페이스에는 요점의 각 파일에 대한 임베드 코드가 있습니다. 단일 파일을 삽입하는 트릭이 있는지 아는 사람이 있습니까?

github gist

— 트래비스 리드 더
소스

이 질문은 프로그래머가 사용하는 도구 인 요점을위한 "API"에 관한 것입니다. 질문은 코드 공유에 관한 것입니다. 따라서 이것은 전적으로 주제에 관한 것 같습니다. 커뮤니티에서 정의한 범위를 읽으면서 이것이 어떻게 맞지 않는지 확인하기 위해 고군분투합니다. 나는 프로그래머로서 매우 유용한 질문과 대답을 모두 발견했습니다.

— Eric Bloch 2014 년

이 질문은 유용하며 프로그래머에게 유용한 답변이 있습니다. 도대체 왜 이것이 주제에서 벗어난 것으로 폐쇄 되었습니까?

— mydoghasworms 2015 년

여기에 추가 할 예정 : 커뮤니티에서 정의한 범위 내 : "프로그래머가 일반적으로 사용하는 소프트웨어 도구". Github gist는 프로그래머가 일반적으로 사용하는 도구이므로 API에 대한 질문은 전적으로 관련이 있습니다.

— chaseadamsio

답변:

148

왼쪽에서 요점 URL을 타고 후 .js같은 쿼리 문자열 추가 ?file=myFile.blah, 예를

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

— 롤랜드 쿤
소스

예전에는 효과가 있었지만 최근에는 멈춘 것 같아요! 이제 내 블로그 게시물에서 개별 파일을 수행했던 요점의 모든 파일을 뱉어 내고 있습니다! 내 파일을 개별 요점으로 분할해야한다고 생각합니다. (다른 사람이 이것을 경험하고 있습니까?

— nootn

아직도 날 위해 일 : letitcrash.com/post/40198993865/...

— 롤랜드 쿤

이것은 나를 위해 "작동"하지만 스타일링이 실패합니다. 내 스타일링 종류는 포함 된 스크립트에서 지정한 스타일을 재정의하므로 생성 된 마크 업의 줄 번호가 실제 소스 코드와 일치하지 않습니다. 정말 안타깝게도 저는 그것을 정렬 할 수 없었고 CSS를 디버깅하는 작업을 할 수 없었습니다. 그래서 결국 jQuery와 api.github.com에 대한 ajax 호출을 사용했습니다. 그런 다음 외부 하이라이트 기능을 추가했습니다. 요점을 삽입하는 방법을 보여주는 요점은 다음과 같습니다. gist.github.com/DinoChiesa/5624844

— Cheeso

불행히도 미디엄은 여전히이 기능을 지원하지 않습니다 :(

— mochadwi

확인을 계속하기 위해 Blogger에서 계속 작동합니다

— Theko Lekena

이것을 조사 할 수있는 다른 사람들의 참조를 위해.

Wordpress를 사용하는 경우 플러그인 oEmbed-gist 및 단축 코드 스타일을 사용 하여이 작업을 수행 할 수 있습니다 .

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

— xnorcode
소스

GitHub는 사이트에서 이와 동일한 정보를 제공합니다 . 다른 사람들이 말했듯이 공식적인 방법은 ?file=name-of-file.ext라는 파일 만 임베드하기 위해 임베드 코드의 URL 끝에 첨부 하는 것 name-of-file.ext입니다 (물론 파일 이름이 무엇이든 이름을 변경할 수 있습니다). 예를 들어, getGitContents.jsGist at 의 파일 을 포함 https://gist.github.com/westc/afac9258389fdfd2fdaf134ffaa0e923하려면 다음을 사용할 수 있습니다.

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

또한 사용자 이름을 입력하고 모든 요점 및 기본 개별 파일에 대한 임베드 코드를 볼 수있는 이 YourJS 블로그 게시물 이 있습니다.

— 마리오 마 마니
소스