HomeAbout Me

ghost 블로그 폰트 쉽게 변경하기

By Woosung
Published in ghost
2020-05-24 13:59:23
1 min read

before

위 이미지는 ghost 블로그의 초기 셋팅 폰트입니다. 뭔가 좀 그렇더라구요.

그래서 바꿨습니다.

after

글자들이 뭔가 깔끔해진 느낌이 듭니다. ㅎㅎ

설정방법

관리자 -> SETTINGS -> Code injection

위 경로로 들어가서 Site Header 부분 제일 위에 넣어줍니다.

현재 제 홈페이지의 구성입니다.

input

위와 같은 형식으로 붙여넣기만 해주면 바로 끝입니다.

코드하이라이트 코드 넣어주기

그리고 현재 보이는 코드 하일라이트를 적용하는 부분도 바로 밑부분에 넣어줬습니다.

위 내용을 그대로 붙여넣어 주시면 됩니다.

ghost 블로그 모든 링크를 새창으로 띄우기

ghost는 기본적으로 현재창으로 열리기 때문에 새창으로 띄우기 코드도 넣어주는 것이 좋다고 생각합니다.

위 코드를 코드 인젝션의 site footer에 넣어줍니다.

그리고 저장하면 모든 링크가 새창으로 뜨게 됩니다.


참조 사이트:

  1. 폰트

[고스트 운영] 웹폰트 (Web Fonts) 이용하기

https://bizwatech.com/webfonts

드디어 찾은 최애 폰트 CSS

https://blog.chosunghyun.com/kr-favorite-font-css
  1. 코드 하이라이트

Ghost에 highlightJS 적용하기

https://sy34.net/ghost-highlightjs
  1. 모든 링크를 새창으로 띄우기

Ghost에서 외부 링크를 새로운 창에서 여는 방법

https://blog.chosunghyun.com/kr-ghost-link-new-window

Tags

Ghostfont
Previous Article
ghost에 구글 SMTP 설정하기

Woosung

반가워요!

우성군의 NAS를 운영하고 있는 우성짱입니다. 2013년부터 그누보드4 운영을 시작으로, 이제 정적사이트까지 만들게 되었습니다. 이런 신세계를 눈 앞에 볼 수 있다는 것이 정말 신기하고 재밌습니다.

Expertise

그누보드
Nginx
Server

Social Media

github홈페이지

Related Posts

ghost
ghost casper테마의 첫화면 최신글 숫자 줄이기, disqus 댓글 달기
2020-06-03 14:49:51
1 min
Gatsby
Ghost의 Casper 테마에서 Gatsby의 minimal 테마로 이전 완료했습니다.
2020-07-19 23:32:00
1 min
© 2020, All Rights Reserved.
Vector created by pikisuperstar

Topics

GatsbyUbuntughostGnuboardGoogle Cloud

Social Media