Tumblr 블로그에서 색상으로 구분 된 Python 스 니펫을 표시하는 방법

21

나는 텀블러 관리 블로그 를 가지고 있는데, 여기에는 많은 파이썬 관련 게시물이 게시되어 있습니다. 게시물의 Python 스 니펫을 색상으로 표시하려면 어떻게합니까?

tumblr

— 램 라쿰
소스

14

자바 스크립트, CSS를 포함 시키면됩니다.

몇 가지 예를 확인하면 다음 과 같습니다.

배포판 다운로드

문서에 스크립트 및 스타일 시트를 포함 시키십시오 (css 및 js 파일이 서버에 있는지 확인하고 스크립트 및 링크 태그에서 경로를 조정해야합니다)

<link href="prettify.css" type="text/css" rel="stylesheet"/>

<script type="text/javascript" src="prettify.js"></script>

문서의 본문 태그에 onload = "prettyPrint ()"를 추가하십시오.

원하는 색상을 갖도록 스타일 시트를 수정하십시오.

— 리 피스
소스

이 방법으로 내가 가진 유일한 문제는 code태그를 specific 으로 표시해야한다는 것입니다 class.Markdown 구문을 사용하는 경우 좋지 않습니다. 운 좋게도 페이지로드시 JS를 사용하는 것은 문제가되지 않습니다.

— Mladen Jablanović가

8

hilite.me 를 사용할 수 있습니다

hilite.me 는 코드 스 니펫을 꽤 인쇄 된 HTML 형식으로 변환하여 블로그 게시물, 이메일 및 웹 사이트에 쉽게 포함시킬 수 있습니다.
소스 코드를 왼쪽 창에 복사하고 언어와 색 구성표를 선택한 다음 "강조 표시!"를 클릭하십시오. 오른쪽 분할 창의 HTML을 이제 블로그 나 이메일에 붙여 넣을 수 있으며 외부 CSS 또는 Javascript 파일이 필요하지 않습니다.

— chanchal1987
소스

7

나는 이것을하기 위해 Github의 요지 를 사용 한다. 붙여 넣어 요점을 만든 다음 tumblr를 포함한 모든 웹 페이지에 포함시킬 수 있습니다.

— 마크
소스

여기에 문제가 있습니다 .JS가 필요하므로 사용자가 활성화하지 않았거나 사용자가 검색 로봇 인 경우 코드가 보이지 않습니다.

— Mladen Jablanović가

나는 이것을 두 번 이상 공표 할 수 있기를 바랍니다. @ MladenJablanović 요즘 JavaScript 없이는 대부분의 웹을 사용할 수 없습니다. 나는 그것이 실제로 문제가되지 않는다고 생각합니다.

— Octavian A. Damiean 2016 년

이 작업을 수행하는 방법에 대해 자세히 설명해 주시겠습니까? 방금 시도해 보았고 내장 script요소 를 요소 로 렌더링 했습니다. 텀블러는 HTML 모드를 사용하더라도 이들을 이스케이프 처리합니다. 어떤 아이디어?

— cottsak