Loading [MathJax]/jax/output/CommonHTML/jax.js
파이프마임

웹/블로그 (15)

반응형

티스토리 코드블록만 복사 가능하게 하기

티스토리 코드블록만 복사 가능하게 하기최근 스킨 업데이트를 했더니 코드블록 복사 버튼이 사라졌네요 ㅜㅜ github에서 뭘 받아서 했던 기억이 나는데 컴퓨터도 포맷해서 자료가 남아있질 않습니다. 일단 임시방편으로 코드블록만 복사하도록 해놨습니다.기록 겸 공유 겸 이번 포스팅에서는 블로그 글에서 코드블록만 복사 가능하게 만드는 방법에 대해 알려드리겠습니다.오른쪽 클릭 복사 방지자기 글이 복사되는 게 싫으신 분들이 많으실텐데요. 이건 티스토리 설정 - 플러그인에서 설정할 수 있습니다. 마우스 오른쪽 클릭 방지 플러그인을 사용중으로 바꿔놓으면 됩니다.제 블로그는 오른쪽 클릭 복사 방지를 해놨더니 코드블록도 복사가 불가능하게 됐습니다. 블로그에서 저도 코드를 가져다 쓰는 입장이라 불편합니다. 그래서 코드블록 복..

더 읽기

티스토리 매크로 댓글 IP 차단

티스토리에도 매크로 댓글이? 네이버 블로그에서 유행하던 게 티스토리에도 왔나봅니다. 언제부턴가 댓글에 똑같은 사람이 계속 댓글을 다는데 신기한건 (1) 토씨 하나 안바뀌고 똑같은 댓글을 다는 것 (2) 내가 글을 발행하자마자 10분안에 댓글이 달리는 점 (3) 방문자수에 안 잡힌다는 점입니다. 매크로를 어떻게 만들까 생각해보면 RSS 잘 이용해서 하면 되겠다는 생각이 듭니다. 그래도 방문자수에도 안잡히면 기분도 안 좋고 한명도 안 들어왔는데 댓글부터 달리는건 내가 글 쓰고 내가 댓글 단 것 같은 느낌일텐데 그게 반복된다면 카카오측에서 좋게 볼까 싶습니다.(만약 저품질 걸리면 나도 만든다. 이자식...) 왜 매크로 하는지 알겠으나 괜히 저품질이나 걸리지 않을까 싶어서 차단부터 해야겠습니다. 알림오는 것도 ..

더 읽기

[티스토리 팁] 티스토리 폰트 변경하기(feat.눈누)

티스토리 글꼴은 너무 적다 티스토리는 기본글꼴만 제공하고 있습니다. 무료합니다. 좀 더 다양한 폰트가 있으면 좋으련만.. 티스토리에 내장된 폰트가 별로 없어서 티스토리를 막 시작하신 분들은 폰트를 바꾸고 싶을겁니다. 스킨도 마찬가지지만 아는 스킨은 없고 뭘 쓸지도 잘 모르는데 어울릴지 잘 맞을지 알 수 없으니 ... 다짜고짜 스킨을 덜컵 정하기도 겁이 납니다. 당장 스킨을 바꾸기 부담스럽지만 블로그에 변화를 주고 싶다면 폰트를 한번 바꿔보는 걸 추천합니다. 폰트만 바꿔도 새 스킨을 단 것과 같은 느낌이 듭니다. 티스토리 폰트 바꾸기 티스토리는 HTML을 기반으로 되어있습니다. 즉, CSS를 할 줄 안다면 아주 쉽게 폰트를 바꿀 수 있습니다. 단, 블로그 전체글의 폰트가 바뀐다는 점! 꼭 명심하셨으면 합니..

더 읽기

Joplin web clipper 사용방법

저는 블로그 초안을 쓸 때 Joplin이라는 노트앱을 쓰고 있습니다. 다들 노션을 많이 쓰긴 하지만 개인적으로 목표설정이나 삶 전반적인 메모 루틴 시스템을 구축, 프로젝트 진행등을 체계적으로 할 때 노션이 더 빛을 발하는 것 같습니다. 아직은 블로그에 대한 체계를 잡고 싶지 않고 현재는 확장하듯 쭉쭉 뻗어나가는 형식으로 글을 쓰다보니 노션으로 하다가는 체계가 잡혀버려서 답답하기만 합니다. 개인적으로 티스토리와는 맞지 않는다는 느낌이 드네요. 그래서 티스토리의 카테고리 형식과 유사하게 만들 수 있는 Joplin을 쓰고 있습니다. 노션은 Web clipper+ 데이터베이스를 구축할 수 있어서 스크랩이 되는 동시에 DB화 해버립니다. 링크도 자동으로 받아줘서 스크랩용으로는 노션이 최고인듯합니다. 그런데 블로그..

더 읽기

구글 서치콘솔 문자열의 이스케이프 시퀀스가 잘못됨

구글 서치콘솔에서 이상하게 떴습니다. 갑자기 글 하나가 이스케이프 시퀀스를 했다고 하니 이게 무슨 뜻인지 한참 들여다 보고서야 뭐가 잘못됐는지 알았습니다. 제가 쓴 블로그에 이스케이프 명령인 \ 인식이 잘못된 것이었습니다. 이게 문제라네요. 보통 \ 뒤에 오는 문자와 조합이 되어서 특수한 문자로 인식이 됩니다. 예를 들어, - \a : 경고음 - \b : 백 스페이스 - \t : 수평 탭 - \v : 수직 탭 - \n : 줄 바꿈(엔터) - \f : 피드백 - \r : 캐리지 리턴 - \' : ' - \" : " - \\ : \ - \? : ? - \ooo : 8진수 000의 문자 코드를 갖는 문자 제가 쓴 글에 이스케이프 문자인데 아닌 것 같은 것이 있는 것이죠. 해결 방안은 \을 하나 더 붙여주면 됩..

더 읽기

티스토리 수식 안 먹힐 때

티스토리 수식이 잘 안 먹힐 때가 있습니다. 식은 분명 맞는데 안되는 경우입니다. HTML모드로 직접 넣어보고 이것저것 다 해봤는데 안됩니다. 다른 식은 되는데 말이죠. 이럴 땐 그냥 그림으로 넣는게 가장 좋은 것 같습니다. 수식 입력하는 사이트에서 수식을 입력한 후 이걸 그림으로 저장하면 어떨까 싶습니다. 혹시 티스토리에 수식 넣는 방법을 모르신다면 다음 포스팅을 참고해주세요. 티스토리에 수식 바로 쓰기 티스토리에 수식 바로 쓰기 티스토리에서 수학기호를 바로 쓸 수 있는 방법이 있습니다. Mathjax 라는 것인데요. 아래와 같이 html 코드를 입력하면 티스토리에서 수식을 적용할 수 있습니다. Mathjax는 LateX 문법을 따르고 있어 seong6496.tistory.com 티스토리 수식 그림으로..

더 읽기

블로그 포스팅별 애드 센스 수익 확인하기

티스토리는 보통 구글 애드센스로 광고를 하게 되는데 나의 블로그글이 과연 얼마나 수익을 가져오는지 궁금하실텐데요. 더구나, 포스팅별로 할 수 있어서 내 수익이 어디서 오는지 정확하게 파악할 수 있다면 더욱 좋을 것 같습니다. 감사하게도 구글 애드센스 홈페이지에서 URL 채널을 설정하면 간단하게 확인할 수 있습니다. URL 채널 설정하기 URL 채널 설정을 하기 위해서는 먼저 구글 애드센스 홈페이지에 들어가셔아 합니다. 홈페이지에 들어가 로그인을 하고 아래 그림처럼 햄버거 모양 - 보고서를 클릭합니다. 보고서의 오른쪽 끝에 있는 톱니바퀴를 눌러 URL 채널 관리를 클릭합니다. 채널추가를 눌러 제가 넣고 싶은 URL을 넣습니다. 추가를 할 때 티스토리를 사용하시는 분은 티스토리 api를 이용해 url을 가져..

더 읽기

[Python] 내 블로그 포스팅 제목 모두 가져오기(티스토리 api)

내 블로그의 모든 포스트 제목을 가져오는 방법입니다. 티스토리에서 포스팅 주소는 url 주소가 번호나 제목이 입력되서 나옵니다. 숫자로 포스팅이 발행하는 경우 단순하게 맨 앞 숫자와 맨 뒷 숫자까지 하나씩 입력해서 가져오면 되는거 아닌가? 라고 생각할 수 있지만 블로그를 작성하다보면 본의 아니게 삭제하는 글도 생기기 때문에 번호가 누락되는 경우가 있습니다. 제목도 일일히 수동으로 가져오는 것은 번거로운 일이기도 하죠.이럴 때 티스토리 api를 이용하면 굉장히 편하게 가져올 수 있습니다. 다만, 코딩을 조금 할 줄 알아야 합니다. 파이썬으로 포스팅 제목을 가져오는 과정을 보여드리겠습니다. 먼저 티스토리 api가 신청되어 있는 상태가 되어야 하는데 혹시 api 신청을 안했다면 다음 포스팅을 참고하시기 바랍니..

더 읽기

티스토리 api Access key 발급 총정리

기업에서 데이터 제공을 해주는 방식이 api라는 것인데 네이버는 api를 없앴지만 티스토리는 아직 api를 사용할 수 있는데요. api를 통해서 자신의 블로그 정보를 가져올 수 있고 자동글쓰기 같은 활동을 할 수 있습니다. 이를 위해선 먼저 티스토리에 api 사용신청을 해야합니다. api 신청하기 다음 사이트를 가서 신청을 시작합니다. https://www.tistory.com/guide/api/manage/register TISTORY 나를 표현하는 블로그를 만들어보세요. www.tistory.com 앱등록을 위해서 아래 그림처럼 자신에 맞게 써넣습니다. 서비스 URL에는 자신의 블로그 주소를 써넣으면 됩니다. 완료되었다면 등록을 누릅니다. 다음과 같이 앱 아이디/키를 받게 됩니다. 인증요청하기 이제 ..

더 읽기

티스토리 목차 만들기

간단하게 티스토리 목차 만드는 방법입니다. html 조작으로 금방 할 수 있습니다. 마크다운 내부링크와 같은 방식인데 실제로 마크다운 내부링크를 티스토리에 적용하면 아무 응답이 없습니다. 그래서 이를 해결하려면 html을 활용하면 됩니다. 티스토리에서 html을 쓰려면 오른쪽에서 html 모드로 변경한 후 할 수 있습니다. 티스토리 글쓰기에 들어가 위에 창에서 기본모드-html을 선택합니다. 목차 만들기 id를 이용한 목차 만들기 목차가 될 대상을 만듭니다. a href = '#01' 을 작성합니다. 목차 만들기 html 안에서 '목차 만들기'가 있는 곳으로 갑니다. 목차 만들기 위와 같이 id에 목차에서 붙였던 #01에서 # 뺀 나머지 값을 id 값으로 입력합니다. 박스 설정 목차 박스를 설정하시는 분..

더 읽기

구글 애드센스 은행별 식별코드 검색방법

구글 애드센스에 계좌 등록을 하려면 영문 은행 이름과 은행식별코드(BIC)를 알아야 합니다. 그런데 어디서 알아야 할지 난감합니다. 영문이름을 평소에 쓰는 것도 아니고 은행식별코드도 일상적인 것이 아니라서 여러모로 알아내기가 어려운데 이걸 검색할 수 있는 곳이 있습니다. 바로 스위프트 닷컴에서 가능한데요. SWIFT는 국제 은행 간 통신 협회의 약어로 해외에 돈이 오갈때 빠르게 서로를 인증해주는 곳이어서 외화송금이 가능한 국내은행의 정보가 등록되어 있습니다. 스위프트 홈페이지에서 등록된 은행정보를 찾아보면 됩니다. 식별코드 검색방법 먼저, 스위프트 닷컴에 들어갑니다. https://www.swift.com/ Homepage | SWIFT - The global provider of secure finan..

더 읽기

구글 애드센스 계좌 등록하기(SC제일은행 외환계좌)

블로그를 운영하다보니 어느덧 수익금이 100달러를 넘기게 되었습니다. 처음이라 적은 금액이지만 나름 시간을 내서 한 보람이 있는 것 같습니다. 구글 애드센스에서 수익금을 지급할 수단을 등록하라는 메일이 와서 계정을 등록했습니다. 외화계좌가 있어야만 계좌 등록을 할 수 있어서 괜찮은 계좌를 알아보았는데 다들 SC제일은행 외화계좌를 만드는게 가장 좋다해서 계좌를 만들었습니다. SC제일은행은 100달러 미만 출금 시 외환 수수료 1만원을 면제해주기 때문에 다른 은행에 비해 수수료비용이 덜 든다고 합니다. 요즘은 신분증만 있으면 SC제일은행 앱으로 계좌를 개설할 수 있습니다. 먼저 국내계좌를 개설한 후 외화계좌를 개설하면 됩니다. 앱으로 외화계좌를 개설한 후 구글 애드센스에서 결제 수단 추가를 눌러 계좌를 등록..

더 읽기

그림판으로 티스토리 썸네일 만들기

티스토리 썸네일을 어떻게 해야하는지 몰랐는데 최근에 그림판으로 썸네일 하는 방법을 배웠습니다. 업자가 아니라서 엄청 쉬운 글씨 쓰기 정도이지만 간단하게 할 수 있어서 방법을 기록겸 공유겸 포스팅하고자 합니다. 제동생이 그림을 간단히 만들어주어서 이 그림을 가지고 해보도록 하겠습니다. 썸네일 만들기 1. 그림을 그림판으로 엽니다. 선택을 누른 후 그림 아무데서 오른쪽 마우스 클릭해 크기 조정을 누릅니다. 크기는 정사각형을 만듭니다. 크기 조정에 들어가면 픽셀이 있는데 가로세로 비율유지를 해제하고 자신이 원하는 픽셀 크기를 써 넣습니다. 보통 250으로 한다고 합니다. (저는 잘몰라요..) 300, 400도 될지는 모르겠네요. 아무튼 정사각형으로 크기조정을 해야한다고 합니다. 자신의 그림보다 크게하면 그림이..

더 읽기

티스토리에 수식 바로 쓰기

티스토리에서 수학기호를 바로 쓸 수 있는 방법이 있습니다. Mathjax 라는 것인데요. 아래와 같이 html 코드를 입력하면 티스토리에서 수식을 적용할 수 있습니다. Mathjax는 LateX 문법을 따르고 있어서 마크다운에 쓰던 기호 그대로 쓸 수 있어서 편합니다. Mathjax 설치 [관리]-[꾸미기]-[스킨편집]-[html편집]의 안에 다음 코드를 넣으면 적용시킬 수 있습니다. 아래 그림처럼 적용을 시키면 됩니다. 사용방법 티스토리에서 x^2을 쓰려면 아래와 같이 '′표시한후씁니다.x^2x^2를 아무대나 쓰면 텍스트도 적용되니 엉뚱한 곳이 LaTeX로 바뀌지 않도록 주의하세요. 달러 표시를 두번 쓰면 가운데 정렬이 됩니다. 텍스트도적용되니구분을잘해서쓰세요 ! $$..

더 읽기

highlight.js 티스토리에 적용(23년 업데이트)

highlight.js 티스토리에서 pre 태그와 code태그를 이용해 코드블록을 작성할 수 있는데 해본 사람은 알겠지만 초록색에 글씨체가 이쁘지 않게 나온다. 이걸 해결하기 위해 상당히 애를 썼는데 답은 간단했습니다. 티스토리 블로그 설정에 플러그인란에 보면 syntax hilighter 라는 곳을 가면 스킨바꾸듯 코드블록의 글씨체나 글씨색 배경색 등을 변경할 수 있습니다. 기본보다 굉장히 뛰어난 모양을 제공하지만 저는 왜 다른 블로거들과 다른 느낌일까라는 의문으로 여기저기 찾다가 hilight.js 라는 것을 알게 되었습니다. hilight.js 의 장점이라 하면 테마와 사용 가능한 언어가 많습니다. 테마는 커스텀마이징을 하지 않아도 될만큼 많고 깔끔하다. 다운방법 highlight.js를 적용하는 ..

더 읽기
반응형

Copyright © 파이프마임 All Rights Reserved

Designed by JB FACTORY

티스토리툴바