문제 GFM을 사용하여 지킬로 울타리 된 코드 블록 만들기

gh-pages 블로그에 울타리가있는 코드 블록을 만들려고하는데 문제가 발생합니다.문제 GFM을 사용하여 지킬로 울타리 된 코드 블록 만들기

나는이 내 _config.yml 이제

#Stuff I have added 
highlight: rouge 
markdown: kramdown 

kramdown: 
    input: GFM 
    highlighter: rouge

나는 다음과 같은 코드를 실행하려고하고,

~~~ 
Is this really how code should be represented? 

Answer = NO!!! 
~~~

내에하지만이

이 도와주세요입니다 그냥 좋은 울타리 코드 구조를 원해요 고마워!

출처

2017-10-04 Ian Goode

원하는 출력은 무엇으로 울타리 코드 블록을 만드는 시도? 당신은 어떤 언어도 지정하지 않았고 거기에 코드가 없으므로 아무런 문제가 보이지 않습니다. – marcanuy

코드가 멋진 울타리 구조를 갖기를 원하지만 (내 그림에 표시된 것처럼) 현재 설정 마치 그냥 끔찍한 라인 코드에있는 것처럼 행동합니다. –

"멋진 울타리 구조"란 무엇을 의미합니까? '울타리'는 코드에 들여 쓰기를 사용하는 원래의 Markdown 사양과는 달리 _source_의'~'문자 (또는 일부 변형의 문자)입니다 (그리고 때로는 복사/붙여 넣기 등에 약간 어색함이 있습니다). – matt

에는 소스 코드이 없으므로 소스 코드에 울타리 블록이 표시되지 않습니다. 당신은 아무것도 지정하지 않으면

그것은 사용 :

<div class="highlighter-rouge"><pre class="highlight"><code> 
Is this really how code should be represented? 

Answer = NO!!! 
</code></pre> 
</div>

당신은 항상 highlighter-rouge 같이 생성 된 클래스를 사용하여 출력을 사용자 정의 할 수있는 옵션이 있습니다. 그래도 여전히 기본 구문 강조를 볼 수없는 경우

<div class="language-html highlighter-rouge"><pre class="highlight"><code><span class="nt">&lt;html&gt;</span> 
<span class="nt">&lt;body&gt;</span> 
<span class="nt">&lt;p&gt;</span>Is this really how code should be represented?<span class="nt">&lt;/p&gt;</span> 
<span class="nt">&lt;div&gt;</span>Answer = NO!!!<span class="nt">&lt;/div&gt;</span> 
<span class="nt">&lt;/body&gt;</span> 
<span class="nt">&lt;/html&gt;</span> 
</code></pre> 
</div>

~~~ html 
<html> 
<body> 
<p>Is this really how code should be represented?</p> 
<div>Answer = NO!!!</div> 
</body> 
</html> 
~~~

더 spific 스타일을 생성합니다 : 당신이 언어를 지정하면 다른 한편으로

, , 그 클래스를 포함하는 CSS가 빠져있다. 지 메릭은 이미 포함되어있는 _syntax-highlighting.scss과 함께 제공되지만 원하는 색 구성표를 사용할 수있다. 예를 들어 기본 테마는 이것을 사용한다. https://github.com/jekyll/minima/blob/master/_sass/minima/_syntax-highlighting.scss

또는 당신은 당신이 원하는대로 루즈 테마 설치할 수 있습니다 https://github.com/jneen/rouge/tree/master/lib/rouge/themes

$ rougify foo.rb 
$ rougify style monokai.sublime > syntax.css

출처

2017-10-04 23:03:00 marcanuy

트리플 역 따옴표 ``` 대신 트리플 물결 ~~~

 
``` 
Is this really how code should be represented in GFM? 

Answer = YEP!!! 
```

출처

2017-10-05 02:49:42 ashmaroli

아니, 나는 이미'''~와 ~와 함께 redcarpet와 GFM없이 kramdown을 사용해 보았습니다. 모든 결과는 나에게 내 코드의 라인 펜싱 (line by fence)과 동일한 총 라인을 제공한다. –

@marcanuy의 업데이트 된 답변으로 문제가 해결되지 않으면 직접 repo에 공개 링크를 게시해야 상황을 직접 재현하려고 할 수 있습니다. 그렇지 않으면 이것이 끝납니다 XY 문제 – ashmaroli

문제 GFM을 사용하여 지킬로 울타리 된 코드 블록 만들기

답변

관련 문제