반응형

티스토리 스킨 4

Oreo 0.2 업뎃 (디자인 및 속도 개선, adsense 예제)

지금 이 블로그에 쓰이고 있는 bootstrap 기반의 티스토리 스킨입니다.다운로드: https://github.com/dgkim5360/oreo세부적인 디자인을 변경하고, 아이콘 로딩으로 인한 느린 속도를 개선했습니다. 또한 지금 이 블로그에 달려있는 광고 칸을 쓸 수 있도록 했습니다. 사용한 외부 자원들Font Awesome을 제거하고, Bootstrap이 기본으로 제공하는 glyphicon으로 대체했습니다.jQueryBootstrap변경 사항파일 폴더 구조를 바꿨습니다. image 폴더를 제거하고, oreo 폴더에 모든 파일을 넣었습니다. oreo 폴더에 있는 것만 모두 긁어서 업로드하시면 됩니다. 또한 직접 편집해서 쓰실 분들을 위해 verbose 폴더에 최소화(minify)하지 않은 파일들을 따..

In Real Life 2017.02.12

MathJax: 웹에서 Latex 수식을 쓰자

웹화면에서 수식을 Latex 코드로 입력할 수 있는 javascript 패키지, MathJax를 간단하게 소개한다. MathJax는 자체 CDN을 제공하므로 이를 이용하는 것이 편리할 것이다. 가장 기본적인 세팅으로 다음과 같이 javascript 코드를 추가한다. 위 비동기 javascript 코드는 어느 위치에나 넣어도 잘 작동하는 것으로 예상된다. 부분에 넣으면 당연히 잘 될 것이고, 내가 가장 끝 부분에 넣어서 사용하고 있는데 잘 작동하기 때문이다. 그러고 나서는 본분에 MathJax가 알려주는 식별자를 통해 수식을 넣을 수 있다. 이미 Latex를 통해 수식을 많이 써왔다면 MathJax 사용에 큰 어려움은 없을 것이다. 기본 세팅에서 식별자는 두 가지가 있다. (실제로 식별자를 넣어버리면 안보..

Bootstrap 기반 티스토리 스킨: 첫 작업 기록

처음으로 티스토리 스킨을 만들면서 내가 생각한 컨셉이나 개발 과정 등에 대해 이야기하고자 한다. 시작하기 전에는 "기본적인 front-end 코딩만 잘하면 쉽지 않을까" 라고 생각했었는데, 티스토리의 시스템(치환자)에 맞춰야 해서 마냥 쉽게 되진 않았다. 결국 티스토리의 치환자 페이지를 정독하면서 나름 스터디를 한 셈이 되어서, 여기서 그 정리를 하는 것이 목적이다.관련 링크 스킨 소개글 스킨 다운로드 0. 개발 동기 블로그를 처음 만들 때부터 적용되어있던 티스토리 스킨 "#1"의 첫 인상은 나에게 꽤 좋았었다. 기술적인 이야기를 담는 내 블로그에겐 "예쁜 것들"이 크게 필요하지 않았고 코드와 내용의 가독성을 높일 수 있는 깔끔함이 중요했기 때문이다. 티스토리가 기본으로 제공하는 여러 스킨들도 구경해봤지..

Oreo: Bootstrap 기반의 반응형 티스토리 스킨

Oreo 스킨이 업데이트 되었습니다.최신 버젼으로 사용해보세요 :> Oreo 0.2 살펴보기 자급자족하기 위해 제작한 티스토리 스킨을 Oreo라는 이름으로 공유하고자 합니다. 지금 이 블로그에 적용된 스킨입니다. Bootstrap 기반에서 큰 수정 없이 최대한 단순하게 만들었고, 색상 테마도 무난한 흰검입니다. 마음에 무채색처럼 메마르신 분들이 좋아하실 듯 합니다. (사실 bootstrap 테마 설정만 알아서 할 수 있다면 원하는 색의 테마로 얼마든지 적용 가능합니다. 도움이 필요하시면 댓글로 문의해주세요.) 이 스킨의 가장 큰 특징은 좁은 화면입니다. 화면이 넓어져봤자 가독성이 떨어지기만 한다는 생각을 바탕으로 데스크탑 화면을 패드 넓이에 맞춰서 기본적인 화면의 폭을 좁게 만들었고(750픽셀) 단순한 ..

In Real Life 2016.08.15