수학과 사는 이야기

앞으로 새로 다듬은 스킨은 https://noneo.tistory.com/547에 공개하려고 한다. 수학이야기 스킨 두 가지 공개하는 스킨 둘은 하나에서 나온 것이라 대부분 비슷하다. 블로그 스킨을 직접 다듬기 시작한 까닭은 수식을 입력하기 쉬운 스킨이 없었기 때문이다. 그러므로 여기 공개한 스킨은 모두 Mathjax noneo.tistory.com 최근에 개선한 스킨 2022.11.8. 1. 티스토리에서 제공하는 자동광고가 좋아서 광고를 없앴다. 2. 글꼴을 바꿨다. 3. 사이드바를 조금 더 가다듬었다. 4. 댓글 쓰기 문제가 있어서 고쳤다. 이전에 공개했던 수학 이야기 스킨을 바꿔서 2단으로 만들었다. 요즘은 1단 스킨이 대세지만 사이드바가 드러나 있는 2단 스킨도 나름 쓸모가 있다. 블로그에 수식을..

며칠 째 티스토리 스킨을 만지작 거리고 있다. 이 일은 은근히 중독성이 있다. 스킨을 손보다 보면 그만큼 공부가 되기 때문에 여러 가지 몰랐던 사실을 알게 되는 장점이 있다. 오늘은 광고에 대해 몇 자 적는다. 오늘에서야 관리자 화면에서 자동 광고를 넣을 수 있음을 알았다. 에드핏과 애드센스를 연동하였다면 관리/수익에서 설정할 수 있다. 예전에 잠깐 애드센스 자동 광고를 넣어 보니 글 여기저기에 광고가 마구 나타나 눈에 거슬렸다. 그래서 광고가 들어갈 영역을 아예 스킨 파일에 만들어 두고 직접 넣었는데 에드핏과 애드센스가 폭이 다르고 스킨 작업을 할 때마다 스타일을 다시 지정해야 하는 번거로움이 있다. 그런데 이 기능을 쓰니 정해준 자리에만 딱 들어가서 보기 좋다. 한 가지 문제는 모든 스킨이 목록과 본..

요즘 블로그 스킨은 대부분 관련 글 목록을 보일 때 이미지를 함께 보여주고 있다. '짤방'이란 말이 있다. 옛날 디시인사이드에서 이미지가 없어서 글이 잘리지 않도록 대충 아무거나 이미지를 넣던 일에서 생긴 말이다. 글 목록에서 이미지 없는 글이 보이는 모습이 영 맘에 들지 않아서 픽사베이에서 가져온 이미지를 사용하기도 했는데 수학 관련 이미지는 많지 않다. 스킨마다 조금씩 다른데 포스터 스킨은 글에 이미지가 없을 때 보여주는 이미지는 no_img.jpg이고 레터 스킨은 ico_noimg.png이다. 주로 수학 이야기를 쓸 때 이미지를 넣지 않을 때가 많다. 기본으로 들어 있는 이미지 없음이 밋밋해 보여서 대충 하나 만들었다. 혹시 수학과 관련된 글을 많이 쓰는 블로거에게 필요하지 않을까 싶어서 올려 둔다..

3주 쯤 티스토리 스킨 만들기에 매달렸다. 시작은 티스토리에서 새로 내 놓은 커버 기능 때문이었다. 포스터 스킨을 베껴서 첫 스킨을 만들었다. 카테고리와 태그를 넣었다가 뺐다가 2단과 1단을 오가다 결국은 1단으로 돌아왔다. 커버도 리스트와 갤러리 둘만 남기고 다 덜어냈다. 카테고리는 공지사항, 새글과 함께 숨어 있다가 왼쪽에서 미끄러져 나오는 메뉴로 만든다. 스킨 만들기가 생각보다 시간이 많이 걸려서 당분간 업데이트는 없을 듯하다. 1. 수학이야기_간단 특징 1. 텍( )이나 라텍( )으로 수식 입력을 자유롭게 할 수 있다. $$x=\frac{-b\pm\sqrt{b^2 -4ac}}{2a}$$ 2. 피씨 화면을 기준으로 하지만 태블릿이나 스마트폰에서도 제대로 보이는 반응형 스킨이다. 3. 커버 갤러리는 ..

티스토리 스킨을 만들 때 이미지를 어떻게 처리하면 좋을까 고민이다. 이미지를 불러오는 html 태그는 이다. 먼저 이미지를 그대로 불러오는 경우를 보자. 1. 100%로 불러왔을 때: 2. 황금비(1.618:1)에 가깝게 불러왔을 때: 3. A4용지에 같은 비율 $\sqrt2:1$에 가깝게 불러왔을 때: 흔히 황금비가 가장 보기 좋은 비율이라고 하지만 요즘 A4 종이를 하도 많이 봐서 그런가 $\sqrt2$도 나름 보기 편하다.(황금비로 웹디자인) 다음으로 썸네일을 따로 뽑아내 쓸 수 있다. 아무래도 원본 이미지 파일이 크다면 불러오는 시간이 더 걸리므로 작게 만들어 불러 들여야 좋다. 티스토리는 내용전달-네트워크(CDN: Content Delivery Network)을 제공하고 있다. 1. 이미지에서 ..