[WEB] 티스토리 스킨 #1 수정

티스토리 스킨 수정 기록을 남긴다. (HTML/CSS 수정)

 

1. 카테고리 메뉴바 추가 (21.04.22)

 

2. 폰트 변경 (21.04.22) - 고딕

fonts.google.com/specimen/Gothic+A1

 

3. 글씨 색상 변경 (21.04.25)

회색 -> 검정색

@import url('https://fonts.googleapis.com/css2?family=Gothic+A1&family=Nanum+Gothic:wght@400;700&display=swap');

body,th,td,input,select,textarea,button {font-size:14px;line-height:1.5;font-family: 'Gothic A1', sans-serif;color:#000000}

4. 폰트변경 (21.06.23) - 나눔고딕코딩

 

5. 폰트변경 (21.08.10) - 고양시 폰트

 

6. 에드센스 추가하기!

https://jionchu.tistory.com/111

구글 애드센스 신청 (승인 완료)

 

https://ptmazinga.tistory.com/42

https://tistory.noo9ya.com/30

 

 

플러그인 설정을 하면 된다.

 

(1) 티스토리 설정 화면으로 이동 -> 플러그인 탭 클릭

플러그인

 

(2) syntax highlist 플러그인을 검색한다.

(3) 여러 스타일이 있는데, 그 중 Atom One Dark(짙은 남색 배경+파스텔 빨강, 파스텔 파랑 글씨) /Monokai(까만 배경+하양,진분홍 글씨)/Darkula(연한 까만 배경+ 진한 그레이,짙은 감귤 글씨)을 선택한다.

(다른 스타일들은 직접 적용하면서 사용해보거나, 아래 링크에서 둘러보기를 권장한다.)

 

나는 Monkai를 쓰고 있다.(변경 가능성 있음)

#include <stdio.h>

int main()
{
	printf("안녕하세요");
}

 

완료!

 

---

참고링크

 

d-jelee.tistory.com/42

티스토리 코드 블럭+Syntax Highlight(코드 문법 강조) 플러그인

www.jbfactory.net/12748

티스토리 강좌 / 코드블럭으로 코드 입력하고 highlight.js로 예쁘게 출력하는 방법