블로그 플러그인 (3) 썸네일형 리스트형 티스토리 블로그에 마크다운으로 코드 올리기 Intro 티스토리에서 글을 쓸 때 마크다운 모드를 지원하지만, 꽤나 부족한 점이 많아보인다. 개인적으로는 마크다운에 능통한 편도 아니기 때문에, 라이브로 preview 까지 됐으면 좋겠지만, 그 중 가장 큰 분제는 바로 코드 올리기이다. 우연히 어떤 블로그에서 마크다운으로 코드를 올릴 수 있도록 js를 짜신 걸 보았는데, 좋은 아이디어인 듯 했으나, 적용이 안 되길래 내가 그냥 만들었다. 맨날 a=10 b=20 이런 식으로 올리기가 이제는 너무 귀찮았고, 개발자라면 귀찮음을 없애기 위해 더 귀찮은 일을 하는 것이 보통이기 때문에.... 이번에 만든 코드로 앞으로는 귀찮음이 적어질 것 같다. 사용방법 현재는 Prism.js 라는 Code Highlighting 기능이 있는 라이브러리와 함께 사용 중이다... 블로그 code syntax - Prism.js 현재 이 블로그는 Prism.js를 이용해 source code 게시 중이다. c++은 ... #include using namespace std; int main() { } js는 ... function fcn(){ var test="hello, world" console.log(test) } python은 ... import random print(random.randint(1, 10) input("hello\n>>>") # Language 별 How to usehttps://prismjs.com/#supported-languages Syntax Highlighter Theme 적용하기 Prism.js로 갈아타서 안 됨.https://prismjs.com/#supported-languages Syntax Highter로 테마를 적용해보겠다.일단 스킨 편집에서 html/css수정, 업로드 란에 이렇게 테마를 다 올렸으면, 그리고 저기에 있는 부분이 테마를 설정하는 부분이므로 그 부분을 바꿔준다. 아마 보통 처음에shThemeDefault.css로 설정해놨을껀데,저기를 자기가 업로드한 테마중 쓰고싶은 테마 파일명으로 바꾸면 된다. var value="Global"; function printValue1(){ var value="1"; function printValue2(){ var value="2"; function printValue3(){ console.log(value); //gue.. 이전 1 다음
