jekyll 문법에서 주석 처리하는 방법

지킬 주석 : comment

• 블로그에 노출시키고 싶지 않은 내용은 comment와 endcomment 태그로 감싸면 주석처리 된다.

{% comment %}

<div>폰트
  <select id="fontName">
    <option value="none">폰트선택</option>		
    <option value="궁서">궁서</option>		
    <option value="궁서체">궁서체</option>		
    <option value="굴림">굴림</option>		
    <option value="굴림체">굴림체</option>		
    <option value="돋움">돋움</option>		
    <option value="돋움체">돋움체</option>		
    <option value="맑은 고딕">맑은 고딕</option>		
    <option value="바탕">바탕</option>		
    <option value="바탕체">바탕체</option>		
  </select>
</div>

{% endcomment %}

html 코드 그대로 출력하기 : raw

• 간혹, 몇몇 Jekyll 블로그 테마에서는 html태그를 코드블록으로 감싸도 html태그로 인식하여 그대로 해석해 블로그에 html 결과를 출력하는 경우가 있다.

• 이때는, raw와 endraw 태그로 실행하지 않고자 하는 태그를 감싸주면 된다.

방법 (1)

<div>폰트
  <select id="fontName">
    <option value="none">폰트선택</option>		
    <option value="궁서">궁서</option>		
    <option value="궁서체">궁서체</option>		
    <option value="굴림">굴림</option>		
    <option value="굴림체">굴림체</option>		
    <option value="돋움">돋움</option>		
    <option value="돋움체">돋움체</option>		
    <option value="맑은 고딕">맑은 고딕</option>		
    <option value="바탕">바탕</option>		
    <option value="바탕체">바탕체</option>		
  </select>
</div>

방법 (2)

• 가장 대중적인 minimal-mistake 테마에서는 html 코드를 코드블록으로 감싸주면 html태그로 인식하지 않는 듯 하다.

<div>폰트
			<select id="fontName">
				<option value="none">폰트선택</option>		
				<option value="궁서">궁서</option>		
				<option value="궁서체">궁서체</option>		
				<option value="굴림">굴림</option>		
				<option value="굴림체">굴림체</option>		
				<option value="돋움">돋움</option>		
				<option value="돋움체">돋움체</option>		
				<option value="맑은 고딕">맑은 고딕</option>		
				<option value="바탕">바탕</option>		
				<option value="바탕체">바탕체</option>		
			</select>
		</div>

방법 (3)

• 물결(~)을 사용해서 업데이트 할 수도 있다.

<div>폰트
			<select id="fontName">
				<option value="none">폰트선택</option>		
				<option value="궁서">궁서</option>		
				<option value="궁서체">궁서체</option>		
				<option value="굴림">굴림</option>		
				<option value="굴림체">굴림체</option>		
				<option value="돋움">돋움</option>		
				<option value="돋움체">돋움체</option>		
				<option value="맑은 고딕">맑은 고딕</option>		
				<option value="바탕">바탕</option>		
				<option value="바탕체">바탕체</option>		
			</select>
		</div>