GoldenKey GoldenKey

티스토리의 Letter 스킨에서 자동 목차 기능을 적용해보려고합니다. Tocbot이라는 라이브러리를 사용해 자동 목차를 생성합니다.  안에 코드 넣기head 부분 안에 적용해야 할 것이 2가지 코드가 있습니다. CSS와 js파일을 연결하는 것입니다.  태그 안 밑 class 추가  밑에 위의 구문을 추가합니다. 바로 위에 스크립트 추가바디 태그가 끝나는 지점 바로 위에 스크립트 구문을 추가해줍니다. CSS 추가/*tocbot*/.toc-absolute { position: absolute; margin-top:165px;}.toc-fixed { position: fixed; top: 165px;}.toc { right: calc((100% - 850px) / 2 - 300px); width:..

자동 목차는 웹 페이지의 콘텐츠를 체계적으로 정리하고, 독자들이 원하는 섹션으로 빠르게 이동할 수 있게 도와줍니다. 그러나 자동 목차가 제대로 작동하지 않거나, 중간에 끊기거나 하는 문제가 발생할 수 있습니다. 아래 가이드를 따라 자바스크립트를 수정하여 이러한 문제를 해결할 수 있습니다. 1. 자동 목차가 생성되지 않을 경우자동 목차가 생성되지 않는다면, contentSelector 값을 확인하고 올바르게 설정하는 것이 중요합니다. 기존 코드:let content = document.querySelector('.entry-content')contentSelector: '.entry-content', 수정된 코드:let content = document.querySelector('.entry-content..

티스토리 팀블로그에 대해서 알아봅니다. 여러 명이 하나의 블로그를 함께 운영하고 싶다면 팀블로그 기능을 이용할 수 있습니다. 팀원을 초대하고 권한을 설정해야 합니다. 팀원 관리 및 탈퇴도 가능합니다.팀블로그최대 200명까지 팀원을 초대할 수 있습니다.  초대 방법자신의 블로그를 팀블로그로 운영하려면 관리 화면에서 제일 아래 팀블로그 메뉴를 선택합니다.화면 상단에 있는 초대하기 버튼을 누릅니다. 초대하기를 누르면 받는 사람의 이메일 주소 입력란이 나옵니다. 이메일 주소를 입력한 후 권한을 지정해서 초대 보내기를 버튼을 누르면 초대말이 들어간 이메일이 발송됩니다. 초대를 하면 수락 대기 중인 멤버 리스트가 새로 생깁니다. 7일 안에 메일 수신자가 가입하지 않으면 기간이 만료되어 초대가 취소됩니다. 초대 승낙..

목차를 넣고 싶긴한데 글 쓸 때마다 매번 수작업으로 만든다면 번거롭습니다.이런 점을 보완해주는 jQuery 플러그인 Table of Contents(TOC)를 이용해 자동으로 넣는 방법이 있습니다. 여기에서는 제목1, 제목2, 제목3으로 작성한 부분을 목차로 가져오도록 만들어 봅니다. 북클럽 스킨 기반이라 다른 스킨에서 정상적인 동작이 이루어지지 않을 수 있습니다. jQuery TOC 플러그인 업로드다음 자바 스크립트 파일을 다운받습니다. 그 다음 관리 페이지 > 꾸미기 > 스킨 편집 > html 편집 > 파일 업로드로 이동합니다. 추가 버튼을 클릭합니다.다운받은 자바스크립트 파일을 업로드 합니다. 스크립트 적용관리 페이지 > 꾸미기 > 스킨 편집으로 이동합니다. html 편집을 클릭합니다. body 태..

목차는 항상 글 맨 상단에 위치하도록 하는 제약이 있습니다. 필요에 따라 글 시작 후 중간부터 목차를 넣는 것도 가능합니다. 기존 목차 기능 적용하기필요한 라이브러리 및 자바스크립트, CSS는 아래 글에서 다루었으므로 링크를 참고해주세요. 위의 포스팅에서 목차 서식 등록 전까지 적용하면 됩니다. 목차 서식까지 다 적용하면 선택적으로 적용이 가능합니다. 예를 들어 글에 서식을 적용하면 서식을 작성한 위치에 목차가 생성되고 서식을 적용하지 않으면 글 맨 위에 목차가 생성됩니다. 목차가 생성 되는 것을 원하지 않으면 글에 제목1, 제목2, 제목3 스타일을 안쓰면 됩니다. 기존 글 내용 중 제목이 아닌 내용에 제목1, 제목2, 제목3 스타일을 사용한 적이 있다면 수정해야 합니다. 스크립트 수정하기티스토리 글에 ..

먼저 우선적으로 유튜브 영상 삽입 오류 연결 거부에 대한 대응으로 출력이 되지 않는 경우 해결방법은 퍼가기 공유용 주소를 붙여넣어야 한다. 유튜브 퍼가기에 들어가면 나오는 코드에 있는 "

Google 드라이브에서 이미지를 웹페이지에 불러오려면 몇 가지 단계를 거쳐야 합니다. 먼저 이미지를 공유 가능하게 설정한 다음, 해당 이미지를 HTML 코드에 포함시켜야 합니다. 다음은 간단한 단계별 설명입니다. Google 드라이브에서 이미지 공유 설정: Google 드라이브에서 이미지를 오른쪽 클릭합니다. "링크가능한 사용자" 또는 "공유" 옵션을 선택합니다. "링크가능한 사용자" 설정에서 "모든 사용자에게 링크가 있는 경우 열람 가능"으로 설정합니다. 제공된 링크를 복사합니다. 공유 링크를 HTML 이미지 태그로 변환: 복사한 링크는 직접적인 이미지 URL이 아니므로, 이를 이미지 URL로 변환해야 합니다. 링크의 구조를 변경합니다. 예를 들어, 링크가 https://drive.google.com..

야후 검색엔진에 사이트맵을 제출하는 과정은 과거와 달리 현재는 Bing 웹마스터 도구를 통해 이루어집니다. 야후와 Bing은 검색 결과를 공유하기 때문에, Bing 웹마스터 도구에 사이트맵을 제출하면 야후 검색 결과에도 반영됩니다. 다음은 Bing 웹마스터 도구를 통해 사이트맵을 제출하는 방법입니다: Bing 웹마스터 도구 계정 생성 및 로그인: Bing 웹마스터 도구(https://www.bing.com/webmasters/)에 방문하여 계정을 생성하거나 로그인합니다. 사이트 추가: 대시보드에서 '사이트 추가' 버튼을 클릭합니다. 자신의 웹사이트 URL을 입력합니다. 사이트 소유권을 확인하는 과정을 완료합니다. 이는 일반적으로 HTML 파일 업로드, 메타 태그 추가, DNS 기록 수정 등의 방법으로 이..