IT-Information/Blog-operation
-
GitHub 블로그 개설 & 최적화 🔥 트렌디한 개발자 블로그 만들기IT-Information/Blog-operation 2025. 3. 20. 11:38
깃허브 블로그란? 🤔깃허브 블로그는 GitHub Pages를 활용해 무료로 운영할 수 있는 블로그입니다. 주로 Jekyll, Hugo, Hexo 같은 정적 사이트 생성기를 사용하며, 개발자뿐만 아니라 기술 블로그를 운영하려는 사람들에게 인기 있습니다.✅ 무료로 블로그 운영 가능 ✅ 커스텀 도메인 적용 가능 ✅ 빠른 로딩 속도 ✅ 버전 관리와 협업이 용이깃허브 블로그 만드는 방법 🛠️1️⃣ 깃허브 계정 생성GitHub에서 계정을 생성하고 로그인합니다.2️⃣ 새 저장소(Repository) 만들기GitHub에서 New repository 클릭저장소 이름을 your-username.github.io로 설정 (반드시 이 형식!)Public으로 설정 후 Create Repository 클릭3️⃣ GitHub ..
-
깃허브 블로그 개설하기IT-Information/Blog-operation 2025. 2. 23. 16:33
1. 깃허브란소프트웨어 개발에 사용되는 코드를 저장하고, 관리하는 온라인상의 공간이다. 프로그램 코드의 수정, 반영, 취소, 복구, 배포 등 여러가지 기능을 가지고 있다.블로그 생성에 사용할 github 페이지는 gitghub 플랫폼을 이용해, 웹사이트 또는 블로그 등을 만들고, 실제로 온라인상에서 서비스할 수 있도록 도와준다. 2. github 가입하기username과 email을 입력하여 가입한다. username은 추후 변경 가능하다.과정을 마치고 계정이 생성되면 로그인 후 본인의 프로필 홈 주소로 들어간다.github.com/{username}이상태에서 repository라는 프로그램 코드 저장소를 만들어, 코드를 업로드 하고 관리할 수 있다. 2-1 사이트 생성하기전 해야하는 것 (Jekyll과..
-
자동 목차 생성 및 문제 해결을 위한 자바스크립트 수정 가이드IT-Information/Blog-operation 2024. 6. 20. 12:02
자동 목차는 웹 페이지의 콘텐츠를 체계적으로 정리하고, 독자들이 원하는 섹션으로 빠르게 이동할 수 있게 도와줍니다. 그러나 자동 목차가 제대로 작동하지 않거나, 중간에 끊기거나 하는 문제가 발생할 수 있습니다. 아래 가이드를 따라 자바스크립트를 수정하여 이러한 문제를 해결할 수 있습니다. 1. 자동 목차가 생성되지 않을 경우자동 목차가 생성되지 않는다면, contentSelector 값을 확인하고 올바르게 설정하는 것이 중요합니다. 기존 코드:let content = document.querySelector('.entry-content')contentSelector: '.entry-content', 수정된 코드:let content = document.querySelector('.entry-content..
-
티스토리 팀블로그 기능IT-Information/Blog-operation 2024. 5. 14. 01:45
티스토리 팀블로그에 대해서 알아봅니다. 여러 명이 하나의 블로그를 함께 운영하고 싶다면 팀블로그 기능을 이용할 수 있습니다. 팀원을 초대하고 권한을 설정해야 합니다. 팀원 관리 및 탈퇴도 가능합니다.팀블로그최대 200명까지 팀원을 초대할 수 있습니다. 초대 방법자신의 블로그를 팀블로그로 운영하려면 관리 화면에서 제일 아래 팀블로그 메뉴를 선택합니다.화면 상단에 있는 초대하기 버튼을 누릅니다. 초대하기를 누르면 받는 사람의 이메일 주소 입력란이 나옵니다. 이메일 주소를 입력한 후 권한을 지정해서 초대 보내기를 버튼을 누르면 초대말이 들어간 이메일이 발송됩니다. 초대를 하면 수락 대기 중인 멤버 리스트가 새로 생깁니다. 7일 안에 메일 수신자가 가입하지 않으면 기간이 만료되어 초대가 취소됩니다. 초대 승낙..
-
티스토리 목차 적용 방법IT-Information/Blog-operation 2024. 4. 26. 23:29
목차를 넣고 싶긴한데 글 쓸 때마다 매번 수작업으로 만든다면 번거롭습니다.이런 점을 보완해주는 jQuery 플러그인 Table of Contents(TOC)를 이용해 자동으로 넣는 방법이 있습니다. 여기에서는 제목1, 제목2, 제목3으로 작성한 부분을 목차로 가져오도록 만들어 봅니다. 북클럽 스킨 기반이라 다른 스킨에서 정상적인 동작이 이루어지지 않을 수 있습니다. jQuery TOC 플러그인 업로드다음 자바 스크립트 파일을 다운받습니다. 그 다음 관리 페이지 > 꾸미기 > 스킨 편집 > html 편집 > 파일 업로드로 이동합니다. 추가 버튼을 클릭합니다.다운받은 자바스크립트 파일을 업로드 합니다. 스크립트 적용관리 페이지 > 꾸미기 > 스킨 편집으로 이동합니다. html 편집을 클릭합니다. body 태..
-
티스토리 자동 목차 적용 방법IT-Information/Blog-operation 2024. 4. 26. 23:12
목차는 항상 글 맨 상단에 위치하도록 하는 제약이 있습니다. 필요에 따라 글 시작 후 중간부터 목차를 넣는 것도 가능합니다. 기존 목차 기능 적용하기필요한 라이브러리 및 자바스크립트, CSS는 아래 글에서 다루었으므로 링크를 참고해주세요. 위의 포스팅에서 목차 서식 등록 전까지 적용하면 됩니다. 목차 서식까지 다 적용하면 선택적으로 적용이 가능합니다. 예를 들어 글에 서식을 적용하면 서식을 작성한 위치에 목차가 생성되고 서식을 적용하지 않으면 글 맨 위에 목차가 생성됩니다. 목차가 생성 되는 것을 원하지 않으면 글에 제목1, 제목2, 제목3 스타일을 안쓰면 됩니다. 기존 글 내용 중 제목이 아닌 내용에 제목1, 제목2, 제목3 스타일을 사용한 적이 있다면 수정해야 합니다. 스크립트 수정하기티스토리 글에 ..
-
구글 드라이브에 이미지를 웹페이지로 불러오기IT-Information/Blog-operation 2024. 1. 18. 07:58
Google 드라이브에서 이미지를 웹페이지에 불러오려면 몇 가지 단계를 거쳐야 합니다. 먼저 이미지를 공유 가능하게 설정한 다음, 해당 이미지를 HTML 코드에 포함시켜야 합니다. 다음은 간단한 단계별 설명입니다. Google 드라이브에서 이미지 공유 설정: Google 드라이브에서 이미지를 오른쪽 클릭합니다. "링크가능한 사용자" 또는 "공유" 옵션을 선택합니다. "링크가능한 사용자" 설정에서 "모든 사용자에게 링크가 있는 경우 열람 가능"으로 설정합니다. 제공된 링크를 복사합니다. 공유 링크를 HTML 이미지 태그로 변환: 복사한 링크는 직접적인 이미지 URL이 아니므로, 이를 이미지 URL로 변환해야 합니다. 링크의 구조를 변경합니다. 예를 들어, 링크가 https://drive.google.com..
-
yahoo 검색엔진에 사이트맵을 제출하는 방법IT-Information/Blog-operation 2023. 12. 17. 05:06
야후 검색엔진에 사이트맵을 제출하는 과정은 과거와 달리 현재는 Bing 웹마스터 도구를 통해 이루어집니다. 야후와 Bing은 검색 결과를 공유하기 때문에, Bing 웹마스터 도구에 사이트맵을 제출하면 야후 검색 결과에도 반영됩니다. 다음은 Bing 웹마스터 도구를 통해 사이트맵을 제출하는 방법입니다: Bing 웹마스터 도구 계정 생성 및 로그인: Bing 웹마스터 도구(https://www.bing.com/webmasters/)에 방문하여 계정을 생성하거나 로그인합니다. 사이트 추가: 대시보드에서 '사이트 추가' 버튼을 클릭합니다. 자신의 웹사이트 URL을 입력합니다. 사이트 소유권을 확인하는 과정을 완료합니다. 이는 일반적으로 HTML 파일 업로드, 메타 태그 추가, DNS 기록 수정 등의 방법으로 이..