다채로운 코드 스 니펫을 사용하려면 지글지 블로그의 Pygments에서 CSS 파일을 생성해야합니까?

Question

지킬과 파이그를 처음 사용했습니다. 하지만 다채로운 코드 스 니펫을 삽입하는 방법을 모르겠습니다.

{% highlight ruby %} 
def foo 
    puts 'foo' 
end 
{% endhighlight %} 

내가 그러나이 코드에 대한 색이없는, 클래스를 포함한 HTML 소스 코드를 참조하십시오

나는 성공적으로이 같은 가격 인하와 함께, 공식 단계에 따라, Pygments를 설치했습니다.

Pygments에서 일부 CSS 파일을 생성하고 포함해야합니까? 그리고 어떻게? 당신은 https://github.com/madhur/madhur.github.com/blob/master/files/css/syntax.css

내 REPO 에서 샘플을 채취 한 다음 테마에 따라 사용자 정의 할 수 있습니다

syntax.css

Answer 1

당신은 포함해야합니다. 광산은 어두운 배경에 맞게 사용자 정의됩니다.

Answer 2

예, Pygments 코드 강조 표시 작업을 수행하려면 CSS 클래스를 설치하거나 만들어야합니다. Pygments를 설치 한 후,이 명령 줄에서 다음을 실행하여 수행 할 수 있습니다

pygmentize -S default -f html > pygments.css 

이것은 현재 디렉토리의 기본과 pygments.css 파일을 만들 것이다; pygments -L style은 사용 가능한 모든 스타일을 나열합니다.

당신은 당신의 HTML 트리에이 이동하고 전화 대응으로 할 수 있습니다 :

<link rel="stylesheet" type="text/css" href="/path/to/pygments.css"> 

을 또는 pygments.css의 내용을 복사하고 기존 스타일 시트에 넣습니다. 그렇게하면 시작할 수 있습니다. 거기에서 CSS를 편집하여 적절하게 사용자 정의 할 수 있습니다.

---

두 노트 :

1. 당신은 아마 이미 이런 짓을했지만, 지킬과 Pygments 새로운 사람들의 이익을 위해, 당신은 아마도 추가해야 pygments: true을 _config.yml 파일에 붙여서 Pygments를 작동 시키십시오. (또는 같은 효과를 jekyll --pygments으로 지킬를 실행합니다.)

2. 원래 Jekyll installation documentation이 질문에 질문을 받았다 때 Pygments가 작동하게하는 방법에 대한 매우 명확하지 않았다. 나는 그때부터 'Pygments Usage'섹션을 추가하여 거기에서도 명확한 정보를 얻을 수있게 도와주었습니다.