티스토리 블로그 Fastboot 스킨 https 보안접속 설정 방법

티스트로 블로그의 보안접속 설정이 적용된것은 지난달이지만, 한동안 잊고 지내다 주말에서야 보안접속을 적용시켰다.

그런데 현재 사용중인 FastBoot 스킨이 완벽하게 보안접속(https)이 적용되는 것이 아니다 보니 수정해줘야할 부분이 있었다.

 

 

 

 

 

 

티스토리 블로그 Fastboot 스킨 https 보안접속 설정 방법

 

 

 

 

Fastboot 반응형스킨 Gallery 모드 썸네일 오류 해결 방법 : https://barista7.tistory.com/693
티스토리 Fastboot 반응형스킨 최근 포스트 모듈 썸네일 오류 해결 방법 : https://barista7.tistory.com/567
티스토리 카운터와 방문자 그래프 합치기 : https://barista7.tistory.com/116

 

 

 

 

 

 

 

 

 

 

 

FastBoot 스킨 보안접속(https) 설정

 

 

티스트로 블로그의 보안접속 설정을 한뒤에 우선 눈에 띄는것은 최근 글 목록의 썸네일 이미지가 기본이미지로 바뀌어벼렸다. 그리고 주소창에는 안전하지 않은 콘텐츠가 차단되었다는 아이콘이 함께 보인다.

 

 

 

 

 

크롬에서 블로그에 접속해보면 안전하지 않은 콘텐츠가 차단되었다고 나온다. 아래에 있는 안전하지 않는 스크립트 로드를 클릭하면, 주소창은 아래처럼 바뀐다.

 

 

 

 

 

 

 

 

 

 

 

 

 

 

1. fastboot.min.js 스크립트 수정

 

 

썸네일 이미지를 다시 보이게 하기위해서는 이전에 fastboot.min.js 스크립트를 수정했던것처럼 http를 https로 스크립트를 수정해야한다. 메모장 등으로 fastboot.min.js 스크립트 파일을 연다음에, 찾기로 t = t.replace("http://", ""); 스크립트 구문을 찾는다. 공백없이 압축된 파일이므로 잘 봐야한다.

 

 

t = t.replace("http://", "");
t = t.replace("https://", "");

 

 

 

 

 

이 부분에서 http를 https로 수정한 뒤에 저장한다. 저장한 파일을 파일업로드로 기존에 있던파일을 지우고 새로 추가하면 된다.

 

 

 

 

 

 

 

 

 

 

 

2. Html 스킨 편집

 

 

다음에는 "스킨편집 > html 편집 > html" 로 이동하여 "http://"검색을 해보았다.

 

 

 

 

이미지 관련 주소가 4군데 바뀌지 않은 부분이 있었다.

 

 

 

 

 

 

 

 

이미지파일은 이미 스킨폴더에 업로드 되어 있기 때문에 이미지파일 주소를 아래처럼 줄여준다.

 

 

"http:// cfs.tistory.com/custom/blog/161/1613108/skin/images/user.png?=18660752150.5679849039297551"

→ "./images/user.png?=18660752150.5679849039297551"

 

 

 

 

 

 

 

 

3. 어썸 폰트 link cdn 변경

 

 

html 편집에서  "http://" 검색을 하면, fastboot 스킨 기본 어썸 폰트의 버전은 "http:// netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.min.css" 으로 나와있다.

 

 

 

 

 

 

 

fastboot스킨 기본 어썸 폰트의 버전을 "https:// maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" 로 바꿔주었다.

 

 

 

 

 

<link href="http:// netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.min.css" rel="stylesheet" />
<link href="https:// maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" />

 

 

 

블로그가 완전한 보안접속(https)는 안되었지만 기본으로 변경되었던 썸네일 이미지는 다시 보이기 시작한다.

 

 

 

 

 

 

스킨수정에대한 공부해가면서 하나씩 수정하는 재미도 있지만, 매번 이렇게 시스템 환경이 바뀔때마다 수정하는것도 힘들다.

 

 

 

 

 

 

지금까지 티스토리 보안접속(https) 설정이후 FastBoot 스킨 수정사항에 대해 알아보았다.

 

 

 

 

도움이 되셨다면 로그인 없이 가능한

아래 하트♥공감 버튼을 꾹 눌러주세요!