일상

코드 강조기능 웹 사이트 pygments

웹상에서 코드 하이라이트 기능을 제공해주는 사이트이다. 


http://pygments.org


여기서 복사한 내용들은 티스토리 블로그나 워드파일 등에 그대로 붙여넣기해 사용이 가능하다.


페이지 접속 한 다음 , Code description 에는 저장할때 사용할 코드에 대한 간단한 설명 ( 저장 안할거면 아무거나 쳐도 무관. 필수 항목이다.)


language 에는 어떤 언어로 작성했는지 적어주면 된다. 


그 밑에 코드를 붙여넣고 실행하면 보기 좋게 변환해준다. 


결과창 우측 상단에서 여러 테마를 선택 가능하니, 본인이 편한대로 설정하면 될것같다. 

 

<div id="tistoryWrap"> 	<div id="tistoryHead"> 		<h1> 			<a id="tistoryLogo" href="/manage/">TISTROY</a> 			<span id="tistoryService">글쓰기</span> 		</h1> 		<div id="tistoryGnb"><!-- on 클래스 핸들링 --> 			<a href="#" class="link_tit"> 				<span class="txt">내 저장소</span> 			</a> 			<div class="link_btn"> 				<span class="btn_comm">열기</span> 				<ul class="list_gnb"> 					<li class="fst"><a href="/">내 블로그</a></li> 					<li class="lst"><a href="/manage/">관리페이지</a></li> 				</ul> 			</div> 		</div> 		<div class="f_r"> 			<div id="tx_autosave" class="tx-autosave box_temporarysave"> 				<a href="javascript:;" class="btn_comm btn_tempsave"><span class="btn_comm inner">임시저장 <span class="color">(<strong>...</strong>)</span></span></a> 				<dl> 					<dt class="top"></dt> 					<dt>자동으로 임시저장된 글을 불러옵니다. <em class="save_count">(최대 <span></span>개)</em><br>임시저장된 글은 저장일로부터 30일, 동영상은 7일간 보관됩니다.</dt> 					<dd></dd> 					<dd class="bottom"></dd> 				</dl> 			</div> 			<a href="https://www.tistory.com/auth/logout/" class="btn_comm btn_logout" title="로그아웃">로그아웃</a> 		</div> 					</div> 	<div id="tistoryContent">