[FastBoot 스킨] 티스토리 보안접속(https) 적용으로 인한 최신 글 목록(recent posts) 썸네일 안나오는 문제 수정
[FastBoot 스킨] 티스토리 보안접속(https) 적용으로 인한 최신 글 목록(recent posts) 썸네일 안나오는 문제 수정
티스토리 대표 블로그 티스토리에서 알려드립니다에서 8월 31일 ssl 보안접속 적용을 발표했습니다.
티스토리 대표 블로그 링크: 더 안전한 티스토리를 위해 - SSL 적용 완료
티스토리 안내대로 보안접속을 사용힙니다.로 변경한 후 본 블로그를 접속하니 https로 접속됩니다. 하지만 완전하지는 않은 것 같습니다.
크롬에서는 블로그 url 앞에 사이트 정보 보기 아이콘(
ssl 보안접속 블로그 변경 후 rss 파일 변경됨
보안접속 사용을 적용하게되면 rss 파일의 글 url 주소가 http에서 https로 시작하는 url 주소로 변경 됩니다. FastBoot 스킨은 최신 글 목록의 썸네일 이미지를 rss 파일에서 가져오므로 최신 글 목록에 썸네일 이미지가 안 나오게 됩니다.
저의 경우 공교롭게도 8월 31일 글 하나를 게시했는데 ssl 적용 작업 시점과 밎물려서 그런지 최근 글 몇 개가 rss 파일 에서 누락돼 누락된 글에는 썸네일이 나오지 않고 있습니다. 티스토리 고객센터에 문의 글을 올린 상태인데 1차 답변은 왔지만 아직 정정되지 않고 있습니다. 본 글이 게시되면 어떻게 될지 모르겠습니다.
이전 글에 티스토리 블로그 이미지 저장소가 변경돼 최신 글 목록 관련해서 썸네일이 정상대로 나오게 하는 내용을 게시한 바 있습니다.
이전글 참조: FastBoot 스킨 사이드바 최신 글(recentPost) 썸네일 오류 해결 방법
이전에도 fastboot.min.js 스크립트를 수정했는데 게시글 주소(url) 변동으로 이번에도 fastboot.min.js 스크립트를 수정해야합니다.
fastboot.min.js 스크립트 소스 코드 다운로드
블로그 관리 화면에서 메뉴>꾸미기>스킨변경을 선택하고html 편집으로 들어가 '스킨 다운로드`를 선택 사용중인 스킨을 다운 로드합니다.
- 다운로드된 파일을 압축을 풀고 난 후
images폴더내 fastboot.min.js 스크립트 파일이 변경 대상입니다. fastboot.min.js는 공백없이 압축된 파일입니다. 압축을 해제한 내용의 일부내용은 아래와 같습니다.
fastboot.min.js 스크립트 소스 코드
url: "/rss",
dataType: "xml",
success: function(t) {
$(t).find("item").each(function() {
var t = $(this).children("link").text();
t = t.replace("http://", ""); //1
if (t.split("/")[2] != null)
t = "/" + t.split("/")[1] + "/" + t.split("/")[2];
else
t = "/" + t.split("/")[1];
var n = $(this).children("description").text(); //2
e = "https://t1"; //e = http://cfile;
g = '"';
- 위의 소스 코드에서 분홍색으로 포시된 1번 부분을 수정합니다.
- 이미지 저장소 변경시 수정안한 경우 노란색으로 표시된 2번 부분도 수정합니다.
수정 내용
- 글 주소(url)부분 스크립트 수정
- 저번 이미지 저장소 url 변경시 수정 안한 경우 이미지 저장소 부분 스크립트 변경
글 주소(url)부분 스크립트 수정
스크립트 파일 열기
- 노트패드 메모장 등 편집기로 fastboot.min.js 스크립트 파일을 엽니다.
- 공백없이 압축된 파일이므로 눈으로 찾기 어렵습니다.
- 찾기로 t = t.replace("http://", ""); 스크립트 구문을 찾습니다.
스크립트 파일 수정
- t = t.replace("http://", ""); 이 부분에서
http를https로 수정 하는 데요 - 혹시라도 rss 파일에 http로 변경되지 않은 글 주소가 남아 있을지도 모르므로 본 구문을 수정하지 않고 본 구문 앞에
https로 변경한 t = t.replace("https://", ""); 스크립트 구문을 추가합니다.(복사+붙혀놓기) - 동일한 파일명으로 스크립트 파일을 저장합니다.
저번 이미지 저장소 url 변경시 수정 안한 경우 이미지 저장소 부분 스크립트 변경
- 위의 방식과 같이 fastboot.min.js 스크립트 파일을 엽니다.
- 수정이 안된 경우 e = "http://cfile";로 돼 있을 것입니다.
- 이 부분을 검색하여 e = "https://t1";로 수정합니다.
- 동일한 파일명으로 스크립트 파일을 저장합니다.
fastboot.min.js 스크립트 파일 업로드
블로그 관리 메뉴>꾸미기>스킨편집을 선택하고html편집으로 들어가파일업로드를 선택합니다.- 하단에서
+추가버튼을 클릭하고 수정한 fastboot.min.js 스크립트 파일을 업로드합니다. - 상단의
저장은 눌러야 하는지는 모르겠습니다. 일단 저장을 클릭하고 편집 화면에서 나옵니다.
ps. 카테고리 별 페이지는 저도 수정하지 안했는데 티스토리 가이드를 참조해 변경할 예정입니다.
★다른 글 보기