코드 블록 원하는 스타일 적용

테마 찾기 highlight.js Version 10.7.2 This is a patch release. The only change is that deprecation messages are throttled and shown only once. highlightjs.org 티스토리 코드 블록 중 가장 많이 쓰는 highlight js입니다. 아래의 링크에서 원하는 테마를 찾습니다. 스타일 적용 Get Version >> cdnjs 밑의 코드 복사합니다. 그러고나서 다음 순서로 티스토리 블로그 HTML 편집을 진행합니다. 1. 바로 위 코드 삽입 2. 바로 밑 붙여넣기 붙여넣기 한 부분 중 default.min.css를 원하는 테마명으로 변경(모두 소문자, 띄어쓰기 부분은 '-'로) 3. css 탭의 ..

Tistory/Blog 꾸미기 2022. 2. 12. 22:17

LaTex를 이용한 본문에 특수 문자 입력하기

티스토리 블로그를 쓰다 보면 가끔 수식 입력을 하고 싶은데 따로 티스토리에서는 수식을 만들 수 있는 기능을 제공하지 않고 있는 것을 보고 찾아보았다. 기존에는 PPT나 다른 프로그램에서 수식을 만들어서 이미지를 가져와 쓰긴 하였지만 'Latex'를 이용하면 HTML 코드로 바로 수식을 적용할 수 있는 것을 알게 되어 소개해보고자 한다. LaTex란, 문서 작성 도구의 일종으로 논문이나 출판물 등의 특수 형식 문서를 작성하는 데 쓰이는 시스템이다. '라텍스'가 아닌 '레이텍' 혹은 '라텍'이라고 읽으며 윈도우, 리눅스, macOS에서 모두 사용 가능하다. LaTex 사용법 먼저 스킨 편집에서 부분에 아래의 링크를 넣어주고 저장한다. 그런 다음 수식을 만들기 위해서 하단의 링크로 접속한다. Online La..

Tistory/Blog 꾸미기 2022. 1. 14. 11:34

Zum 검색 등록하기

티스토리 블로그를 Zum 사이트에서 검색하였을 때 블로그 노출을 위한 'Zum 검색 등록' 하는 방법 1. Zum 검색 등록 사이트에서 "신규 등록" 클릭 2. 입력란에 정보 채워 넣기 - 이메일 : Zum 이메일이 아니어도 무방 - 사이트 주소 : 블로그 URL 입력 - 사이트명 : 블로그명 - 사이트 소개 : 간략한 소개 입력 - 등록 사유 : 필수는 아니지만 간단하게 기재 기재를 마치셨다면 신청하기 버튼을 누른 후 결과를 기다리면 됨(메일로 안내가 옴) ※ 이 글이 도움이 되었다면 "🤍공감" 버튼을 클릭해주세요. 클릭 한번이 글 쓰는데 큰 힘이 됩니다.

Tistory/Blog 꾸미기 2022. 1. 7. 16:44

카카오애드핏(Kakao Adfit) 사용하기

처음에 블로그를 시작하면서 티스토리를 선택했던 이유 중 하나 바로 '광고'이다. 수익이 얼마 되지 않겠지만 어느정도 동기부여는 되지 않을까 해서이고 블로그로 수익을 낸다라는 것을 생각하지 못했는데 한번 경험해보고 싶어서이다. 보통 구글 애드센스와 카카오애드핏을 많이들 사용하는 것으로 보였는데 오늘은 그중에 카카오애드핏(Kakao Adfit)을 사용하는 방법에 대해 알아보려고 한다. 방법이 쉬운 편이라 대부분 쉽게 사용할 수 있지 않을까 생각한다. 카카오애드핏 가입하기 먼저 아래의 링크에서 'Adfit 지금 바로 시작'버튼을 눌러서 카카오애드핏 사이트에 가입 또는 로그인을 해줍니다. Kakao AdFit 안내 다양한 광고 게재 AdFit은 다양하고 검증된 광고를 게재할 수 있습니다. 모바일 광고, 이미지 ..

Tistory/Blog 꾸미기 2021. 12. 31. 02:28

친효 포스트잇 적용하기

친효 스킨에서 보면 포스트잇 모듈이 있다. 아래와 같은 이미지로 한번 스킨에 적용시켜보고 사용해보겠다. 포스트잇 모듈 css 세팅 스킨 편집 CSS로 넘어가서 아래의 코드를 추가 /* 친효애드온 : 포스트잇 모듈 (마크1) 시작 https://rgy0409.tistory.com e-mail : rgy0409@gmail.com */ div.rgyPostIt { position: relative; display: inline-block; padding: 20px 45px 20px 15px; margin: 5px 0; border: 1px solid #f8f861; border-left: 30px solid #f8f861; border-bottom-right-radius: 60px 10px; font-fami..

Tistory/Blog 꾸미기 2021. 12. 8. 20:13

Tip 박스 모듈

1. HTML 세팅 블로그 설정으로 들어가서 스킨 편집 >> html 카테고리 선택하고 아래의 주소를 HTML .... 사이에 추가하기 2. CSS 세팅 스킨 편집 CSS로 넘어가서 아래의 텍스트 파일의 내용 @font-face라고 되어있는 부분 아래에 붙여넣기 3. HTML 사용하기 글 쓸때 아래의 내용 HTML로 추가하기 TIP 이곳에 텍스트를 입력해 주세요. 참조 : 친절한 효자손 블로그 ※ 이 글이 도움이 되었다면 "🤍공감" 버튼을 클릭해주세요. 클릭 한번이 글 쓰는데 큰 힘이 됩니다.

Tistory/Blog 꾸미기 2021. 11. 25. 01:45

공유하기 버튼 이미지 적용하기

처음 친효스킨을 적용하고 틈틈히 게시글을 작성해 나갈 때 하단의 공유하기 버튼 이미지가 모두 깨진 것을 볼 수 있었다.. 원인은 버튼 이미지 파일을 따로 추가하지 않았던 것...템플릿만 적용하면 그냥 다 되는줄 착각하고 있었다. 친효 블로그에 친절히 카카오톡 버튼 이미지 적용과 관련된 글이 있었고 이를 보고 따라서 나머지 버튼들도 이미지를 적용시키고나니 해결되었다. 이미지를 적용하는 방법이다. 1. 파일 이미지 업로드 먼저 설정 >> 꾸미기 >> 스킨 편집으로 들어가서 html 편집을 누른다. 이후 파일 업로드 탭에서 하단의 추가 버튼을 통해 공유하기 버튼 이미지들을 업로드 시켜준다. 2. html 소스 코드에서 이미지 적용 이미지 적용이 끝났다면 html 탭으로 돌아와서 검색 기능(Ctrl+F)를 통해..

Tistory/Blog 꾸미기 2021. 11. 4. 00:32

무료 스킨 추천 : 친효 스킨 선택

올해부터 기록하는 삶을 살아보기로하고 시작한 블로그. 단순히 내가 해오던 것들을 차근차근 기록하자라는 의도도 있었지만 막상 시작하니 '더..좀 더..'라며 자꾸 욕심을 내게되는 것이 사람인가,, 원래 디자인쪽으로 관심이 있었던 터라 이왕 시작한 블로그도 초기에 기반을 잘 다져놓고 꾸준히 나만의 Note를 완성해나가고 싶어 스킨에 집착하게 되었다. 직접 html도 건드리고 css파일을 업로드하며 직접 스킨도 하나씩 업데이트를 해가면서 공부를 하고 싶었지만, 여러 엔지니어링 분야에 대해 공부도하고 이것저것 하고싶은게 너무 많다..하하..일에도 우선 순위가 있는 것! 일단 내가 마음에 드는 무료 스킨이 있는지 검색해보고 하나를 선정해서 사용하기로 하였다. 티스토리에서 기본적으로 제공하는 스킨들 또한 훌륭하지만..

Tistory/Blog 꾸미기 2021. 9. 20. 16:48

MoonNote