블로그에 소스쓰기

• 개발 공부하면서 느낀점이 소스를 올리면 좋겠다는 생각을 했다. 캡처보단 드래그 복사가 가능하도록 하고 싶었다. 그방법을 소개 하도록 하겠다.

   

1. Typora를 설치

   1-1. Typora 사용법을 익힌다. (```java를 입력하면 ) 다음과 같은 화면으로 변환다.

   1-2. 파일을 모두 만들고 [내보내기] -> [HTML(without styles)]를 누른다.

   1-3. 파일형식을 내보내기로 한다.

    

2. Prism 설치 (소스 바탕및 폰트 꾸미기)

   2-1. http://prismjs.com/> 에 들어가서 우측에 download를 클릭하여 다운로드 한다.

   2-2. 원하는 테마를 선택한다.

   2-3. plugins는 다음의 것을 선택한다.

   2-4. JS와 CSS를 다운로드 한다.

    




3. 티스토리 적용 설정

   3-1. 티스토리 관리 페이지 > HTML/CSS 편집 페이지로 이동한다

   3-2. download한 css,js 파일을 티스토리에 업로드 한다.

   3-3 . HTML로 이동해서 코드 사이에 다음과 같은 코드를 삽입한다.

   <link href="./images/prism.css" rel="stylesheet" />
   <script src="./images/prism.js"></script>
   

 

4. 1번에서 작업한것을 텍스트 에디터 (atom, bracket, visual studio등) 에서 HTML 소스로 변경

   
   

   
   

   4-1. bracket에 1번에서 만든 결과물을 드래그 하면 다음과 같은 소스가 생긴다.

   4-2. 이제 결과물을 티스토리 글쓰기를 하면 지금 보고 있는 화면처럼 소스가 화면에 텍스트처럼 되있는 걸 확인할 수 있다.