코드펜 티스토리 삽입하기

내용 정리하다 갑자기 코드펜 다른사람들이 사용하는 것을 보고 

깔끔하고 좋아 쓰고 싶어졌다.

 

https://codepen.io/

CodePen

 

사용하려면 가입을 해야한다.

 

 

사인업 누르면 아래와 같이 나온다 . 가입! 무료다 

 

 

 

우측 상단에 귀여운거 누르면 New Pen 이 보인다 .

Your Work는 방금 저장을 해봤는데 다시불러 올수있다 . 생각 보다 좋다.

 

 

 

코드 작성 후  " Save " 를 누른다 .( 자동 저장 될때도 보이는 거 같다)

 

 

 

우측 하단에  Embed 를 누르면 위와 같은 화면이 나온다 .

 

copy code나 직접 카피 후

 

티스토리로 이동

 

 

기본모드로 누르면 3가지 모드가 나오는데 

 

HTML을 눌러 

 

해당 부분에 추가하고  다시 기본모드로 하면됩니다.

 

html이 보기 힘들다면 

 

기본모드에서 특정 글을 막쓰고 HTML모드일때 검색 후

 

코드기입하면 편할거같습니다.