페퍼씨의 정보공유/페퍼씨와 티스토리(6)
-
[티스토리] 애드센스 광고 설정하기 (1) - 애드센스 가입하기
안녕하세요, 페퍼씨입니다. 티스토리를 시작하게 된 이유 중 하나에는 애드샌스도 있는데요 애드고시 라는 말이 있을 만큼 성공하기가 쉽지 않죠... 저도 몇 번의 ... 아니 수 십번의 도전 끝에 성공하여 그 정보를 남겨보려고 합니다 2021.12.10 - [페퍼씨의 리뷰생활/카페리뷰] - [잠실 카페] 스타벅스 토피넛콜드브루, 그린어니언브레드 / 잠실 프르지오점 방문 처음 티스토리를 시작했던게 21년 12월 10일인데,, 1년 전이네요 ㅎㅎ 그동안 중간에 방치해 둔 적도 있었고~ 다시 포스팅과 티스토리 꾸미기에 집중하기 시작한건 그리 오래되지 않았지만 1년안에 애드고시에 성공해서 기쁘기도 해요 사실 요즘 조금 또.. 연이은 낙방에 놓고싶어지기도 했지만 메일 받고 너무 좋았어요~ 다시 열심히 포스팅 해보려구..
2022.12.16 -
[티스토리] 코드블럭 이쁘게 사용하기 - (feat. 폰트 바꾸기 )
안녕하세요, 페퍼씨입니다. 코드블럭도 이쁘게 꾸며줬는데, 폰트도 마음에 들고 가독성 좋은 것으로 바꾸고 싶더라구요 핸드폰도 종종 기분따라 주기적으로 테마도 바꿔주고 글씨체도 바꿔주는 재미로 갤럭시 쓰는 페퍼씨입니다. 폰트를 바꿔주는 것은 코드블럭 바꾸는것 보다 더 쉬우니까, 잘 따라해 보세요 https://fonts.google.com/ Google Fonts Making the web more beautiful, fast, and open through great typography fonts.google.com 먼저 마음에 드는 폰트를 골라줘야겠죠?? custome 설정하시면 원하시는 문구로 테스트 해보실 수 있어요 쓰다보면 주석을 한글로 쓰는 경우도 있는데.. 영문 폰트로로 했을 때 한글이 깨지는 ..
2022.09.15 -
[티스토리] 코드블럭 이쁘게 사용하기 - (feat. 동글 동글한 코 만들기 )
안녕하세요, 페퍼씨입니다. 제 취향대로 커스텀한 코드블럭을 보니 기분이 좋아지는데요 ㅎㅎ 네모반듯한 코드블럭 박스도 좋지만, 동글동글하게 귀여운 코도 써보고 싶지 않으신가요? 코를 동글동글하게 만들어 줄 수 있습니다 코드블럭내에 있던 줄을 없앨 때 썼던 편집으로 가능합니다. 스킨편집 -> HTML 편집 -> CSS 탭으로 선택해주세요 둥근 코를 만드시려면 아래 코드를 붙여넣기 해주시면 됩니다. /*custom codeblock rounding 코 둥글게*/ .entry-content pre code.hljs { padding: 10px; margin: 15px 0; max-width: 100%; overflow-x: auto; overflow-y: hidden; border-radius: 7px; lin..
2022.09.12 -
[티스토리] 코드블럭 이쁘게 사용하기 - (feat. 테이블 줄 없애주기)
안녕하세요, 페퍼씨입니다. 코드블럭에 라인넘버를 생성해줬는데, 박스 테이블 안에 줄이 생성되셨나요? 그래도 상관없다~ 하시면 그대로 두셔도 되지만, 난 깔끔하게 줄 없는 상태로 보고싶다! 하신다면 아래 방법을 따라해주세요 스킨편집 -> HTML 편집 -> CSS 탭으로 선택해주세요 그 다음 ctrl + F 로 찾기를 통해 content table 또는 view table를 찾아주세요 content table .entry-content table { width:100%; margin-bottom: 22px; border: 1px solid #e6e6e6; border-collapse: collapse; text-align: center; font-size: 0.9375em; line-height: 1.57..
2022.09.12 -
[티스토리] 코드블럭 이쁘게 사용하기 - (feat. 번호를 달아주자)
안녕하세요, 페퍼씨입니다. 코드를 작성했을 때 짧다면 금방 찾을 수 있지만 여러줄로 되어있다면 찾기가 힘들겠죠,,,? 그래서 찾아보다가 코드블럭에 번호를 달아줄 수 있는 것을 발견하고 저도 적용해주었습니다. - 라인넘버 생성해주기 https://github.com/wcoder/highlightjs-line-numbers.js GitHub - wcoder/highlightjs-line-numbers.js: Line numbering plugin for Highlight.js Line numbering plugin for Highlight.js . Contribute to wcoder/highlightjs-line-numbers.js development by creating an account on Git..
2022.09.11 -
[티스토리] 코드블럭 이쁘게 사용하기 - (feat. highlight.js)
안녕하세요, 페퍼씨입니다. python 공부를 시작하면서 티스토리블로그를 좀 더 본격적으로 이용하게 되었고 모르는 부분이 있으면 구글링을 해보다 다른 블로그에 들어가보면 너무도 이쁘고, 다양한 코드블럭을 발견했었는데요 왜 내 블로그는 적용이 이쁘게 안되는 것인가!! 하고 찾아보다가 코드블럭을 이쁘게 사용하는 법을 알게되었고, 하라는 대로 따라 했으나 잘 적용 되지 않더라구요 그렇게 여러 블로그를 탐독해가며 수차례 시도 끝에 터득해 낸 방법을 까먹지 않고, 공유해보려고 합니다 혹시나 나중에 또 바꾸게 된다면 저도 참고하기 위한 기록용이기도 하구요 ㅎㅎ 먼저 코드블록을 티스토리에서 기본적으로 제공하는 것도 있는데요, 그 이외에 다른 코드블럭을 사용하실 수도 있습니다. 만약 티스토리 플러그인에서 [코드 문법 ..
2022.09.11