정상우
hELLO.
정상우
전체 방문자
342,359
오늘
688
어제
1,384
  • hELLO. (120)
    • 컴퓨터과학 (4)
      • 알고리즘 & 자료구조 (4)
    • 언어 & 프레임워크 (63)
      • Go (23)
      • PHP & Laravel (40)
    • 웹 (7)
    • 블록체인 (12)
      • 메인넷 (9)
      • 암호화폐 플랫폼 (3)
    • 포트폴리오 (10)
    • 칼럼 (19)
      • 에세이 (4)
      • 개발자스럽게 살기 (13)
      • 회고 (2)
    • 티스토리 (5)

블로그 메뉴

  • ⚡ 개발자 이력서
  • 🌟 깃허브
  • 💻 강의
  • ✨ 예제코드
  • ⭐ 브런치
  • 태그 클라우드
  • 방명록

공지사항

  • 2차 도메인을 설정했습니다 ✨

인기 글

  • [Laravel] 라라벨 프레임워크⋯
    2021.06.10
    [Laravel] 라라벨 프레임워크⋯
  • 'REST' 를 보다 'RESTful' 하게⋯
    2021.08.14
    'REST' 를 보다 'RESTful' 하게⋯
  • 암호화폐 트레이딩 봇을 만들었⋯
    2021.05.12
    암호화폐 트레이딩 봇을 만들었⋯
  • JWT(JSON Web Token)의 개념부⋯
    2021.07.29
    JWT(JSON Web Token)의 개념부⋯
  • 깃허브를 포트폴리오로 쓰려면⋯
    2021.12.25
    깃허브를 포트폴리오로 쓰려면⋯

태그

  • 포트폴리오
  • go
  • 개발
  • 프로그래머스
  • Algorithm
  • 블록체인
  • 개발 리뷰
  • 코딩테스트
  • 라라벨
  • php

최근 댓글

  • 감사합니다 ~~ :)
    정상우
  • 고맙습니다 :)
    정상우
  • 자료 받으면서 원래 댓글 잘 안⋯
    뷰스토리_
  • 다크모드 지원하는 스킨 찾고⋯
    PilTok
  • 고맙습니다 ㅎㅎ 그림은 적당히⋯
    정상우

최근 글

  • 개발자와 엔지니어, 그 사이에서
    2022.05.10
    개발자와 엔지니어, 그 사이에서
  • 아임포트(Iamport)로 결제기능⋯
    2022.04.03
    아임포트(Iamport)로 결제기능⋯
  • 아임포트(Iamport)로 결제기능⋯
    2022.04.01
    아임포트(Iamport)로 결제기능⋯
  • [Laravel] 카페24 호스팅에 라⋯
    2022.03.29
    [Laravel] 카페24 호스팅에 라⋯
  • 2021년 회고―, 성찰
    2021.12.31
    2021년 회고―, 성찰

티스토리

hELLO · Designed By 정상우.
정상우

hELLO.

hELLO 티스토리 스킨을 소개합니다.
티스토리

hELLO 티스토리 스킨을 소개합니다.

2021. 10. 9. 18:07

hELLO

hELLO 스킨은 본래 기능의 많이 없었다가, 최근 반응이 나쁘지 않아서 여러 기능의 추가와 함께 업데이트를 여러 번 하게 되었습니다. hELLO 1.0 때와 비교하면 비교할 수도 없을 만큼의 기능과 품질 향상이 있었습니다. hELLO 스킨은 역사는 짧지만 유무료를 모두 포함한 모든 스킨을 통틀어 탑티어 안에 드는 스킨임을 자부합니다.

 

현재 이 블로그의 스킨과 동일하지만 조금 더 다양한 커버 형태를 볼 수 있습니다.

https://hello-skin.tistory.com

 

Tistory Skin, hELLO.

hELLO. 티스토리 스킨 프리뷰를 위한 블로그입니다. 운영되는 것이 아니며, 오직 프리뷰를 위해 사용됩니다.

hello-skin.tistory.com

웹 표준을 준수하는 상위 2% 사이트입니다

hELLO 스킨은 검색이 더욱 잘 되도록 웹 표준을 준수하고 있습니다. 티스토리에서 자체적으로 처리해주는 것도 물론 많지만 스킨 자체의 웹 표준 준수 여부도 검색에 있어서 큰 도움을 줄 수 있습니다.

hELLO 스킨을 적용한 현재 블로그의 네이버 서치어드바이저

티스토리 공식 블로그에서 구독을 누르고 도망갔습니다

왠지는 모르겠지만 티스토리 공식 블로그에서 구독을 누르고 사라졌습니다. 근데 정작 바로 구독취소를 해버려서 구독자 목록에는 없군요. 아무일도 안 일어나겠지만 어쨌거나 흥미로운 해프닝인 걸로.

반짝반짝!

개발자 커뮤니티인 Github 에서 주어지는 별은 개발자에게 큰 힘이 되어주고 프로젝트에 대한 가치를, 사용자에게는 추천한다는 것을 나타냅니다! 이 스킨은 무료 스킨이고, 별이 많아질수록 빛납니다. 스킨이 반짝반짝 해질 수 있도록 여러분께서 별을 쏴주시는 것이 제게는 큰 도움이 됩니다. 또한 하트를 마음껏 뿜뿜 남겨주세요 :)

 

여러분, 스킨의 오른쪽 상단에 있는 것은 구독 버튼입니다.

티스토리 분야에서 가장 많은 별을 받은 프로젝트

hELLO 티스토리 스킨이 2021.10.08 기준으로 깃허브에 등록된 685개의 티스토리 프로젝트 중, 가장 많은 ⭐을 받은 프로젝트가 되었습니다. 많은 분들이 사랑해주신 것 같아 개발자로서도 기쁩니다. 이 순위는 언제든 바뀔 수도 있지만, 적어도 이 포스트를 수정하는 순간은 1등이 되었습니다!

깃허브 트렌드

hELLO 티스토리 스킨 프로젝트가 잠시동안이지만 2022.03.17 에 깃허브 트렌드에 진입한 것을 확인했습니다. 어느 시기가 되어야 트렌드에서 볼 수 있을까 기대하고 있었는데 드디어 진입했습니다.

Explore - Trending - Spoken Language: Korean

깃허브 트렌드에는 각 언어에 따라 25개의 프로젝트가 나타나는데, 한국어 부문에서 볼 수 있었습니다. 이 트렌드라는 것은 TODAY 가 기준이라 금방 사라지겠지만, 그래도 포함되었다는 것에 기쁩니다. 여러분 덕분입니다 :)

무엇으로 제작되었습니까?

이 스킨에는 아래와 같은 기술들이 쓰였습니다. 기존의 티스토리 스킨 제작에 들어가는 기술과는 사뭇 다른 느낌일 것입니다. 제가 만든 티스토리 스킨 프레임워크가 적용되었기 때문이지요.

Node.js, Webpack 은 직접적으로 사용된 것은 아닙니다 :)

이 스킨은 티도리 프레임워크로 작성되었습니다. 티도리 프레임워크는 기존의 구닥다리 티스토리 스킨 개발 방식에 현기증을 느낀 나머지본인이 직접 만든 티스토리 스킨 개발 프레임워크입니다. 어떤 것인지 알아보려면 아래의 링크에 방문해보세요.

 

https://tidory.com

 

티스토리 스킨 프레임워크, 티도리(TIDORY)

오직 티스토리 스킨만을 위한 프레임워크

tidory.com

패치노트

패치노트는 https://github.com/tistory-projects/tistory-skin-hELLO/blob/master/CHANGELOG.md 를 참고해주시기 바랍니다. hELLO 스킨의 패치는 일정이 정해져 있지 않습니다. 따라서 언제든 패치될 수 있습니다. 티스토리 - 스킨 - 이용자 제작 스킨에 나와있는 버전에 따라 현재 패치된 버전을 알 수 있습니다.

 

* hELLO 스킨은 기본적으로 티스토리 스킨이 가질 수 기능들이 대부분 완성되었기 때문에 더 이상의 신규 기능 추가 예정이 없습니다. 버그에 대한 유지보수는 계속하게 될 것이며, 가지치기를 할 때이므로 잘 쓰이지 않는 기능들은 제거될 수 있습니다.

 

** 단, 새로운 아이디어가 있다면 적극 검토해보도록 하겠습니다.

어떤 기능을 제공합니까?

hELLO 가 추구하는 것은 단순함입니다. 다른 스킨에 비해 제공하는 스킨 설정이 적다고 느껴질 수도 있습니다. 구성요소의 색상을 마음대로 지정하는 등의 커스텀은 제공하고 있지 않으니 말이지요. 그러나, 많은 사람들은 기본값(Default)으로 설정된 것을 그대로 사용하고, 스킨의 색상을 바꾸려는 등의 시도는 그렇게 많이 하지 않습니다.

 

기능이 많다고 꼭 좋은 것만은 아닐 수 있습니다. 사용자가 자주 사용하는 기능은 대부분 어느 정도 정해져 있고, 설정이 많으면 한눈에 보기에도 복잡하여 설정만 하다가 포기하는 순간이 찾아올 수도 있습니다. 따라서 적은 스킨 설정으로 스킨의 레이아웃을 변경할 수 있는 가능성을 주고자 합니다.

 

글에서 사용될 수 있는 기능들은 표, 인용, 더보기와 같이 티스토리 에디터에서 설정할 수 있는 한도에서만 제공하고자 하고 있습니다. 사용자가 타 스킨으로 옮기더라도 글이 깨지는 등의 사이드 효과를 최소화하기 위함입니다. 이는 스킨을 선택함에 있어 중요한 요소가 되어야 합니다.

 

예외적으로 한 가지, HTML 모드를 켜서 직접 작성해야 하는 기능은 글 읽기 모드를 수동으로 바꾸는 것뿐입니다. 이 기능은 필요하지 않다면 사용할 필요가 일체 없습니다. hELLO 티스토리 스킨을 적용한 사용자가 할 일은 그저 다른 스킨처럼 커버를 적용하고 꾸민 뒤, 글을 작성하는 것 이외에는 없습니다.

살펴보기

각 기능에 대한 자세한 사항은 아래의 더보기 버튼을 눌러주세요!

더보기

다크 모드

요즘 대세죠. 사용자의 눈을 위해 다크 모드를 지원합니다. 스킨 설정에서 조절하거나, 블로그를 보는 사용자가 임의로 설정할 수 있도록 구성합니다. 우선순위는 다크 모드에서 수동 설정 > OS > 스킨 설정이며, 라이트 모드에서는 수동 설정 > 스킨 설정 > OS 로 구성합니다.

사이드바

사이드바는 다음과 같은 기능을 제공합니다. 참고로 스킨 설정에서 사이드바를 Off(접힘) 상태로 놓으면, 기준 해상도 1400px 보다 큰 해상도에서 사이드바가 바로 표시되지 않고, 네비게이션의 프로필을 눌러야 나타나게 됩니다. 1400px 보다 작은 해상도에서는 모바일 및 태블릿으로 취급되어 On, Off 설정과는 상관없이 기본적으로 사이드바가 나타나지 않습니다.

코드 하이라이팅

이 스타일은 티스토리 에디터에서 코드블럭 에 해당합니다. 개발자인 저에게 빼놓을 수 없는 기능은 코드 하이라이팅 기능입니다. highlightjs 를 사용하여 코드보다 예쁘게 표기할 수 있습니다. 아래의 경우는 go 언어를 표시한 것입니다.

package main

import "fmt"

func main() {
    fmt.Println("hELLO")
}
코드블럭 폰트는 D2Coding 을 사용합니다. 하지만, 일반 본문은 Noto Sans KR 을 씁니다

인용 문구

What is Lorem Ipsum?

Lorem Ipsum is simply dummy text of the printing and typesetting industry.
It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout.

이미지 및 슬라이드 쇼

이미지가 중앙 정렬인 경우, 크기가 유지* 되도록 설정되도록 구성하였습니다. 따라서 이 설정은 중앙 정렬인 경우만 적용되고 나머지는 일반적인 옵션과 같습니다. 그 외에는 특별히 설정해줄 것이 없습니다. 그러나 일부 미디어에 따라 설정이 다르게 적용됩니다.

싱글 이미지 다음과 같은 우선 순위를 가집니다. data-origin-width > width > Content Width 1100px (max-width)
그룹 이미지 사이즈가 고정입니다. 그룹 이미지는 개별 이미지의 사이즈를 따라가지 않습니다 1100px (fixed)
슬라이드쇼 슬라이드쇼의 첫 번째 이미지 크기를 따라갑니다. 1100px (max-width)

글 목록 스타일

글 목록 스타일은 리스트(오리지널), 리스트, 그리드, 갤러리, 지그재그를 지원합니다. 글 목록 스타일은 스킨 커버의 그것과 똑같은 스타일로 적용됩니다.

카테고리 관리에서 글 목록 스타일을 카테고리에 따라 지정할 수 있습니다. 이는 얼마 전에 티스토리에 추가된 신기능입니다. 여기서 기본 스타일 유지라는 것은 스킨 편집에서 설정한 글 목록 스타일을 의미합니다.

스킨 옵션

스킨을 구성하고 있는 요소들이 모듈화되어 편의에 맞게 커스터마이징 할 수 있습니다. 끄고 싶은 기능은 끄고, 켜고 싶은 기능은 켜보세요.

컨텐츠 너비

각 컨텐츠에 따라 *너비를 설정할 수 있습니다. 홈(인덱스)는 홈, 카테고리, 태그, 검색에 관한 페이지 너비 설정이며, 글(퍼머링크)는 포스트, 공지사항을 이야기합니다.

*모든 컨텐츠는 상한선과 하한선이 있습니다. 320px ~ 1100px 사이에서 설정하십시오. 소스코드를 수정하여 하한선 미만, 상한선 초과로 설정하면 레이아웃이 깨질 수 있으니 주의 바랍니다.

테마

테마에서는 스킨의 기본 테마와 코드블럭 테마를 설정할 수 있습니다.

*코드블럭은 highlight.js(11.1.3) 를 사용합니다. 테마를 바꾸려면 https://highlightjs.org/static/demo/ 에서 변경하고자 하는 테마의 이름을 기입하면 됩니다. 버전에 따라 지원하지 않는 테마도 있을 수 있습니다. 해당 스킨에서는 11.1.3 을 사용하고 있으므로 https://github.com/highlightjs/highlight.js/tree/11.3.1/src/styles 를 확인하시기 바랍니다.

모드

모드는 글 목록과 글이 어떻게 보여질 지를 결정합니다. 공지사항 목록은 기본 목록 스타일과 동일하게 설정할 수 있으며, 그 외에도 리스트 및 글 이미지 모드를 설정하면 글에 진입했을 때 썸네일이 보이는 방식을 결정할 수 있습니다. 현재 이 글의 경우 테이프 모드입니다.

글 이미지 모드는 글마다 다르게 수동으로 설정 가능합니다. 포스트에 다음과 같은 HTML 코드를 추가하며, data-mode 의 값에 screen, tape, default 중 하나를 입력하면 수동으로 변경됩니다.

<div class='h' data-mode='screen'></div>
이 기능은 비공식 기능입니다. 티스토리 스킨의 공식 기능으로 제공하면 UI 상으로 사용자가 직접 글을 쓸 때 글 읽기 모드를 선택할 수 있기 때문에 굳이 이런 식으로 하지 않아도 될 텐데 정말 아쉽습니다. 얼른 공식적으로 제공되었으면 좋겠네요 :(

스크린과 테이프 모드는 기본적으로 썸네일 이미지가 있어야 처리됩니다. 따라서 썸네일이 없다면 기본(default)모드로 자동으로 변경합니다.

사이드바

사이드바를 숨기거나, 카테고리 접기/펼치기를 설정할 수 있습니다.

글

기본 글 읽기, 글 읽기에서 표시할 수 있는 각종 요소들에 대해 설정합니다. *TOC(Table Of Contents)라는 것은 글 오른쪽에 나와있는 네비게이션을 의미합니다.

*TOC(Table Of Contents)가 나타나지 않는 경우 반드시 해상도를 확인해야 합니다. 글과 겹치는 것을 방지하기 위해 가로 1820px 이하에서는 나타나지 않습니다.

메타 태그는 어디서 설정하나요?

메타 태그 설정은 티스토리 플러그인의 형태로 제공하고 있습니다. 따라서 스킨 옵션으로 별도로 제공하지 않습니다. 플러그인에 대해서는 아래의 글을 참고하면 좋을 것입니다.

상호작용 메시지

상호작용 메시지를 설정할 수 있습니다. 상황별로 나타나는 메시지가 서로 다릅니다!

스킨 커버

스킨 커버는 리스트(오리지널), 리스트, 그리드, 갤러리, 슬라이드 쇼, 슬라이드쇼 (스크린), 슬라이더, 슬라이더 (스크린), 지그재그 까지 9종류로 정의하였습니다. 리스트(오리지널)은 hELLO 2.0 까지 사용하던 구 버전 리스트입니다.

갤러리, 슬라이드 쇼, 슬라이더와 같이 썸네일 기반의 커버, 글 목록 스타일을 사용하실 때에는 주의해주시기 바랍니다. 썸네일이 없으면 빈 화면이 나오거나 예상하지 못한 출력이 나올 수도 있습니다.

다운로드

이 스킨은 공짜입니다. 제작하면서 많은 공을 들이기는 했지만, 요즘 같이 어려운 시기에 함께 이겨나가고자 돈은 받지 않기로 했습니다. 가능하면 깃허브에도 ⭐을 주시면 감사하겠습니다. 덤으로 티도리 프레임워크에도 부탁드립니다. 개발자에게 깃허브의 별은 칭찬의 의미뿐만 아니라 다른 이에게 프로젝트를 추천한다는 의미도 내포되어 있답니다 :)

 

스킨 다운로드는 링크를 통해 할 수 있습니다.

https://github.com/tistory-projects/tistory-skin-hELLO/releases/download/3.6.1/hELLO-dist.zip

 

과거 버전을 보려면 더보기를 눌러주세요.

더보기
  • 3.5.5 - https://github.com/tistory-projects/tistory-skin-hELLO/releases/download/3.5.5/hELLO-dist.zip

어떻게 적용할 수 있나요?

티스토리 스킨을 적용시키는 방법은 어떤 스킨이나 공통적으로 구성됩니다. 이 부분에서 가장 많이 겪는 문제는, images 폴더를 업로드하지 않아서 문제가 발생하는 경우입니다. 따라서 images 폴더의 파일들이 반드시 업로드되었는지 체크해야 합니다. 이것이 지켜지지 않는 경우, 무한 로딩이 발생할 수도 있습니다.

 

https://github.com/tistory-projects/tistory-skin-hELLO/issues/1

기여하기

hELLO 는 소스코드가 공개되어있는 오픈소스이며, 오픈소스의 꽃은 이슈(Issues), 그리고 기여(Contributing)입니다. hELLO 에 기여하는 방법은 스킨에 새로운 테마를 제공하는 방법이 있습니다. hELLO 는 이제 안정화 단계에 있기 때문에 버그 수정 이외에는 소스코드의 변화가 거의 발생하지 않습니다. 따라서 기여를 통해 사용자에게 보다 다양한 테마를 제공할 수 있는 길을 열어두기로 했습니다. 기여를 하면 깃허브 레포지토리 기여자 목록에 추가된답니다.

내가 만든 테마를 다른 이들이 사용할 수 있도록 제공할 수 있습니다. 작성된 테마는 hELLO 전용이기 때문에 다른 스킨에선 사용할 수 없지만, 새로운 티스토리 스킨 하나를 만드는 일에 비해 hELLO 테마를 만드는 것은 그렇게 시간이 소모되지 않는답니다. 스킨에서 제공하는 기본 테마는 light, dark 두 개뿐입니다. 사용자가 늘어날수록 기여자분들이 만든 테마가 널리 사용될 것이고 가치는 증대될 것입니다.

 

아래의 링크에서 기여방법을 알아볼 수 있습니다.

https://github.com/tistory-projects/tistory-skin-hELLO/blob/master/CONTRIBUTING.md

후원

이 스킨은 기본적으로 무료이지만 감사한 마음으로 후원을 받고 있습니다. 커피 한 잔 사주실 분!

  • Bitcoin: 3NhJv3TSMt9ThV5VxX4ypXiumkNEAPgfdZ
  • Open Collective: https://opencollective.com/tistory-skin-hello

Github Discussions

스킨의 기능에 대한 질의응답이나 다른사람이 이미 질문한 내용에 대해서 알아보려면 Github Discussions 에서 살펴볼 수 있습니다. 기존에 기능에 대한 문의나 새로운 기능 제안에 대해 Issues 에서 처리하다가 분리가 필요하다는 판단하에  Github Discussions 을 개설했습니다. 이곳에서는 질의응답, 새로운 기능 건의, 그리고 hELLO 를 커스텀하여 만든 테마까지 홍보할 수 있습니다.

https://github.com/tistory-projects/tistory-skin-hELLO/discussions

트러블 슈팅

버그와 개선사항에 대한 피드백은 언제나 환영입니다. 이는 티스토리 스킨이 조금 더 발전할 수 있는 길입니다. 버그는 언제나 있을 수 있습니다. 버그가 없는 프로그램은 세상에 있을 수 없습니다. 

이슈에 남기는 것은 오직 버그 신고를 위해 작성되어야 하며, 그 이외에 기능에 대한 질문이나 새로운 기능을 제의하고 싶다면 Github Discussions 에서 해주세요.

 

https://github.com/tistory-projects/tistory-skin-hELLO/issues

 

* 스킨을 사용하면서 발생하는 문제는 이미 다른 사람이 마주한 것일 가능성이 큽니다. 버그를 신고하기 전에, 이미 신고된 적이 있는지, 이슈에서 한 번 살펴보는 것이 좋습니다!

 

https://github.com/tistory-projects/tistory-skin-hELLO/issues?q=is%3Aissue+is%3Aclosed

 

스킨에 버그가 발생하면 수시로 코드가 갱신될 수 있습니다. 혹시나, 버그가 있다면 다시 다운로드하여보거나 아직 해결이 안 된 버그가 있다면 이슈를 남겨주세요.

https://github.com/tistory-projects/tistory-skin-hELLO/blob/master/.github/ISSUE_TEMPLATE/bug-report.md

또한 댓글을 통한 버그 신고라 할지라도 위와 같은 구조를 따라야 합니다. 다만 댓글에 스크린샷의 첨부는 불가하므로 글의 링크는 반드시 있어야 합니다. 만약 없을 경우에는 확인이 어렵기 때문에 수정에 큰 차질이 생길 수 있습니다.

FAQ

댓글 또는 깃허브 이슈에 달렸던 질문들 중에 자주 올라오는 질문들을 추렸습니다.

 

Q. TOC(목차, Table of Conetents)를 스킨 설정에서 On/Off 했는데도 안 나와요.

A. TOC 는 본문과의 충돌을 방지하기 위해 가로 1820px 이하에서는 나타나지 않습니다. 이렇게 기준이 깐깐한 이유는 이미지와 본문의 넓이를 스킨옵션에서 1100px 까지 조절할 수 있도록 지원하기 때문이고, 추가적으로 사이드바의 넓이 및 여백이 고려되었기 때문입니다.

 

https://github.com/tistory-projects/tistory-skin-hELLO/issues/51

 

Q. 티스토리 메뉴와 구독 버튼이 안 나와요.

A. 티스토리 메뉴 및 구독 버튼은 스킨에서 제어하는 것이 아닌 티스토리 관리자 - 꾸미기 - 메뉴바/구독 설정에서 설정해야합니다. 구독 버튼의 경우 자신이 소유한 블로그에는 나타나지 않습니다. 이는 스킨이 아닌 티스토리 블로그의 기본적인 동작입니다.

 

https://github.com/tistory-projects/tistory-skin-hELLO/issues/57

 

Q. 마크다운(Markdown), 복사 & 붙여넣기으로 작성했을 때 본문 스타일이 깨져요.

A. 티스토리에 글을 쓸 때 사용하는 티스토리 기본 에디터 - 기본모드로 작성한 글에 대해서만 스타일이 올바르게 동작하도록 되어있습니다. 따라서 마크다운으로 작성한 글은 스타일이 정상적으로 나타나지 않을 것입니다. 또한 복사 & 붙여넣기로 다른 곳에 있던 글을 그대로 붙여넣은 경우에도 내부적으로 글의 구조가 달라 스타일이 제대로 나타나지 않을 것입니다.

 

https://github.com/tistory-projects/tistory-skin-hELLO/issues/52

 

Q. 코드 하이라이팅(Code Highlighting)이 제대로 안 돼요.

A. 코드 하이라이트는 라이트모드/다크모드 분리에 따른 하이라이트 테마 두 개를 요구하는 관계로 스킨에 내장되어 있습니다. 티스토리 플러그인 - 코드 문법 강조에 해당하는 플러그인을 반드시 꺼주시기 바랍니다.

 

https://github.com/tistory-projects/tistory-skin-hELLO/issues/56

버그 신고를 하기 전에

문제가 발생한 상황이 스킨의 버그인지 사용자의 환경에 의해 발생한 외부의 문제인지 알기란 쉬운 일이 아니랍니다. 만약 글자가 이상하게 표현된다거나, 코드 하이라이팅이 제대로 표시가 되지 않는다거나 할 때는 먼저 두 가지를 점검해보는 것이 좋습니다.

 

Q. 브라우저의 플러그인 또는 확장 기능을 사용 중인가요?

A. 크롬 등에서 제공하는 플러그인이나 확장 기능으로 인해 본문이 잘못 표시되는 사례가 있었습니다. 따라서 신고하기 전에 플러그인을 Off 한 뒤 점검해보세요. 플러그인으로 인해 발생했었던 문제에 대한 사례는 아래의 링크를 참고할 수 있습니다.

 

https://github.com/tistory-projects/tistory-skin-hELLO/issues/41

 

Q. 티스토리 플러그인을 사용 중인가요?

A. 티스토리에는 스킨에 적용할 수 있는 플러그인이 존재합니다. 특히, 코드 하이라이팅의 경우에는 티스토리 스킨과 스타일이 겹쳐 올바르게 표시되지 않을 수 있습니다. 따라서 티스토리 플러그인을 Off 한 뒤 점검해보시기 바랍니다. 이와 관련한 코드 하이라이팅 문제는 아래의 링크를 참고할 수 있습니다.

 

https://github.com/tistory-projects/tistory-skin-hELLO/issues/30

 

그 외에 스킨을 사용하면서 마주할 수 있는 문제에 대해서는 더보기를 눌러 참고할 수 있으며, 기능적인 부분에 대해서는 어떤 기능을 제공합니까? 를 참고하여 스킨 옵션에서 문제를 해결할 수 있을지도 모릅니다.

더보기

구독 버튼 & 티스토리 메뉴가 없어요

스킨 오른쪽 상단의 구독 버튼과 사이드바에 표시되는 티스토리 메뉴를 표시하지 못하는 경우, 아래와 같은 조치가 필요합니다. 이 기능은 스킨의 기능이 아닌 티스토리의 기능이므로 관리자 메뉴에서 처리해야 합니다.

관리자 - 꾸미기 - 메뉴바/구독 설정

 

 

다음과 같이 설정되어 있어야 합니다. 블로그 메뉴바라는 것은 사이드바의 티스토리 메뉴를 의미하며 구독 버튼은 스킨 상단에 위치하는 구독 버튼입니다.

* 구독 버튼은 타인이 아닌 블로그 소유자가 로그인했을 경우, 소유한 블로그에는 나타나지 않음을 주의하십시오. 이것은 버그가 아닌 티스토리의 기본 동작입니다.

마크다운

이 스킨은 Markdown 으로 작성된 포스트에 대해서는 대응하지 않습니다. 따라서 일반적으로 사용되는 티스토리 기본 에디터로 작성된 포스트에 대해서만 처리되고 있으므로 Markdown 으로 작성된 포스트는 스타일이 의도한 대로 나타나지는 않을 것입니다.

인터넷 익스플로러

2020년 11월 기준 IE 점유율은 1.13%

이 스킨은 인터넷 익스플로러(IE)는 배제하였습니다. 따라서 인터넷 익스플로러에서 이 스킨이 올바르게 동작하리라고 보장하지 않습니다. 이제는 IE 를 만든 마이크로소프트조차 더는 사용하지 말 것을 권하고 있으며 이미 역사의 뒤안길로 사라진 브라우저입니다. 그래프를 참고하여 인터넷 익스플로러의 점유율을 살펴보십시오. 2020년 11월기준 1.13% 라는 처참한 점유율을 보유하고 있습니다. 더 이상 이 시대에 IE 를 논하는 것은 그다지 좋은 접근이라고 볼 수 없습니다. 오히려 IE 를 지원하려 들다가 스킨의 퍼포먼스가 더욱 낮아질 수 있습니다.

 

https://gs.statcounter.com/

저작권

*이 스킨은 사용자가 직접 개작하여 사용하는 것을 허용합니다. 단, 원저작자가 누구인지를 표기해야 하며, 스킨의 코드가 담겨있는 주소인 https://github.com/tistory-projects/tistory-skin-hELLO 를 남길 필요가 분명히 있습니다.

* 왼쪽 하단 사이드바에 있는 코드 아이콘 저작권 표시 문구는  필수사항으로, 스킨 개발자의 블로그로 연결됩니다. 이는 반드시 기재되어 있어야 합니다.

더 읽을거리

티스토리 스킨 프레임워크를 만들었습니다 (aka. 티도리)

티스토리 플러그인, 아직도 사용 안 하니?

티스토리 블로그 백업 프로그램을 만들었습니다.

hELLO. 티스토리 스킨 개발 돌아보기 - 1부

hELLO. 티스토리 스킨 개발 돌아보기 - 2부

    '티스토리' 카테고리의 다른 글
    • 티스토리 블로그 백업 프로그램을 만들었습니다.
    • 내 블로그에 티스토리 스킨을 적용해보자
    • 티스토리 플러그인, 아직도 사용 안 하니?
    • 티스토리 스킨 프레임워크를 만들었습니다 (aka. 티도리)
    hELLO., 티도리 프레임워크, 티스토리 스킨
    정상우
    정상우
    과거의 배움으로 현재를 바꾸고 미래를 만듭니다. #25+2살 #INFJ #개발자 #브런치작가
    댓글쓰기
    1. 이전 댓글 더보기
    2. 차차백조
      2022.01.04 23:00 신고
      구독했오요💕
      맞구독하고 소통해요 🤗
      수정/삭제댓글쓰기댓글보기
    3. 알 수 없는 사용자
      2022.01.09 23:15
      구독 스타 완료했습니다. 정말 감사합니다! 잘 쓰겠습니다
      수정/삭제댓글쓰기댓글보기
      1. 정상우
        2022.01.10 15:49 신고
        고맙습니다 :))
        수정/삭제
    4. Lami
      2022.01.12 17:53 신고
      안녕하세요! 너무 예쁜 스킨 정말 감사합니다!
      혹시 상우님처럼 왼쪽 사이드바 맨 아래에 티스토리 메뉴를 어떻게 설정할 수 있을까요?
      사이드바 설정에서 티스토리 추가했지만 저는 티스토리 라는 이름만 뜨고 그에 대한 기능 관련된 것들이 뜨지 않습니다 ㅜㅜ (로그인 계정 정보, 운영중인 블로그, 글쓰기, 블로그 관리 등에 대한 기능 버튼)
      어디를 어떻게 만져야 할지 알려주시면 정말 감사하겠습니다!
      제 블로그 주소는 https://lami.tistory.com/ 입니다!
      수정/삭제댓글쓰기댓글보기
      1. 정상우
        2022.01.12 18:37 신고
        그 부분에 대해서는 트러블 슈팅 - 더보기 - 티스토리 & 구독 버튼이 나타나지 않습니다. 부분을 참고해주시기 바랍니다.
        수정/삭제
      2. Lami
        2022.01.12 23:05 신고
        헉 게시글을 읽고 쓴 댓글이었는데 놓친 부분이 있었군요...! 답변 감사합니다!!
        수정/삭제
    5. 마리오군
      2022.01.17 02:08 신고
      안녕하세요, 이 스킨에 디스커스(disqus)를 넣을 수 있나요?
      수정/삭제댓글쓰기댓글보기
      1. 정상우
        2022.01.17 13:22 신고
        시도해 본 적이 없습니다. 티스토리 스킨은 기본적으로 사용자가 HTML 편집이 가능하므로 불가능하지는 않을겁니다.
        수정/삭제
    6. 알 수 없는 사용자
      2022.01.23 19:17
      기술 블로그를 시작하는데 큰 도움이 되었습니다.
      구독 눌렀습니다! 감사해요 :)
      수정/삭제댓글쓰기댓글보기
    7. mim
      2022.01.23 20:36 신고
      안녕하세요 무료스킨 찾던와중에 너무 마음에 들고 예쁘네요 감사합니다!!
      그런데 혹시 티스토리 자동목차를 생성하는 기능을 다른 블로그 보고 등록해도 전혀 되지가 않네요 ㅠ
      혹시 자동 목차 기능은 지금 배포해주신 스킨에는 사용할 수 없는건가요? 다른 목차 자동생성 하는 방법을 보고 html에 코드를 추가해봐도 안되네요..
      수정/삭제댓글쓰기댓글보기
      1. 정상우
        2022.01.23 22:02 신고
        목차(TOC; Table Of Content)기능은 스킨 내부적으로 제공하는 기능이 별도로 있기 때문입니다. 다만 해상도 기준이 빡빡하여 가로 1820px 이하에서는 나타나지 않습니다. 이점 참고바랍니다.
        수정/삭제
      2. mim
        2022.01.24 09:10 신고
        감사합니다!! 화면 크기를 줄여보니 목차가 보이네요 ~~
        수정/삭제
    8. KKUING
      2022.02.03 14:55 신고
      안녕하세요. 스킨 정말 감사히 잘쓰고있습니다.

      아래 mim 님과 비슷한 문의인데. sticky로 우측에 목차가 자동으로 나타나는데
      그 목차를 본문 상단에도 동일하게 띄우는 방법이 있을까요??
      수정/삭제댓글쓰기댓글보기
      1. 정상우
        2022.02.06 16:43 신고
        스킨에서 그 기능은 제공하지 않습니다. HTML 을 편집하셔서 넣으셔야 합니다.
        수정/삭제
    9. 시원해(SiwonHae)
      2022.02.20 19:23 신고
      댓글에 또 댓글을 쓰면 "댓글보기"를 눌러야 대댓글을 볼 수 있는데 이걸 항시 보고싶습니다! 어떻게 수정할 수 있을까요?
      수정/삭제댓글쓰기댓글보기
      1. 정상우
        2022.02.24 21:14 신고
        HTML 을 편집하셔야합니다. 코드에서 comments 클래스를 찾은다음, uk-accordion='multiple: true; toggle: .control > .more; content: > ol; animation: false; targets: > li[id^=comment] 라고 쓰인 코드를 제거하십시오.
        수정/삭제
    10. mooon
      2022.02.24 18:33 신고
      안녕하세요 요번에 과감히 스킨을 바꿨습니다. 너무 만족스럽네요 ㅎㅎ 바꾸고나서 한가지 문의사항이 있어 댓 남깁니다!

      에드센스에 목록 상단과 하단에 광고를 넣을 수가 없어서 직접 html에서 편집을 해야하는 것 같은데 어디에 코드를 넣어야할지 모르겠습니다. 방법을 알려주실 수 있을까요?
      수정/삭제댓글쓰기댓글보기
      1. 정상우
        2022.02.24 21:15 신고
        HTML 을 편집하여 article.content 아래에 애드센스 코드를 추가하시면 되겠습니다.
        수정/삭제
    11. mooon
      2022.02.24 22:12 신고
      아래 시원해님이 문의하신 부분은 설명해주신대로 설정하니 잘 되었는데요! 제 댓글에 달아주신 artucle.content 라는 단어가 html에는 없어서요. 제가 못찾는걸까요?
      수정/삭제댓글쓰기댓글보기
      1. 정상우
        2022.02.25 23:00 신고
        <article class="content"> 아래부분입니다~
        수정/삭제
    12. Hyun-min Jeong
      2022.03.02 15:17 신고
      너무 좋은 스킨을 개발하시고 이렇게 공유해주셔서 감사드립니다. 한동안 티스토리 블로그에 애착(?)이 줄어 들었는데, 멋진 스킨을 새롭게 적용하고 다시 의욕이 생겼습니다. 앞으로도 하시는 개발업무 모두 잘 되시길 바랍니다.
      수정/삭제댓글쓰기댓글보기
      1. 정상우
        2022.03.05 12:17 신고
        정말 고맙습니다 ~^^
        수정/삭제
    13. 오송인
      2022.03.05 12:04 신고
      오늘 스킨 설치했습니다 너무 만족스럽습니다. 깔끔하고 직관적이라 좋네요. 한 가지 궁금한 점이 생겼습니다. 예를 들어, 알고리즘 & 자료구조에 위치한 글들은 잘 보이는데, 서브 카테고리에 분류하지 못하고 그냥 컴퓨터과학에 분류시켜 놓은 글들은 좌측 메뉴에서 컴퓨터과학을 클릭했을 때 볼 수가 없네요. 오른쪽 화면에는 나오지만. 어떻게 해결할 수 있을까요. 중복질문이라면 바쁘신 시간 뺏어서 죄송합니다. (꾸벅)
      수정/삭제댓글쓰기댓글보기
      1. 정상우
        2022.03.05 12:19 신고
        칭찬해주셔서 감사합니다 :)) 지적해주신 부분은 스킨에서 고쳐나가야 할 사항 중 하나입니다. 건의사항으로 요청되어 2월 중 처리될 예정이었지만 다른 일 때문에 스킨 수정은 더뎌진 부분이 있습니다. 다만 일이 끝나고나면 고쳐질 예정입니다.
        수정/삭제
      2. 오송인
        2022.03.05 12:23 신고
        아 그렇군요. 광속 답변 감사드립니다!!
        수정/삭제
    14. 끼우아스
      2022.03.14 19:42 신고
      너~~ 무 좋은 스킨 개발해주시고 공유까지 해주셔서 정말 감사합니다.!!
      저에게 딱 맞는 스킨을 찾은거 같아서 정말 행운입니다. ㅎㅎ

      다름이 아니라 포스팅 한 글들 쭉 읽어보고 있는데 하단에 더 읽을거리 라고 표기가 되어있는 것들을 보았습니다.
      아무래도 블로깅의 끝은 연관글 피라미드처럼 엮어 들어가는거라고 생각하는데 더 읽을거리 라고 기입된 것들을 직접 넣으신 항목인지 연결 되어 있는건지 궁금합니다.
      혹, 타 스킨과 같이 관련글(썸네일포함) 해서 추가로 개발해주실... 의향??ㅠㅠ 이 있으실지요..
      Html, Css 등 부족한 실력으로 해봤는데 스킨과 따로 노는 기분이라.. 이뻐보이질 않더라구요ㅠ

      암튼.!! 좋은 스킨 공유해주시어 감사드리고... 후원링크 같은거 어디에 남겨주시면 감사 성의표시라도 하겠습니다..
      뭐.. 코인 주소라던지..등등..??ㅎㅎ
      수정/삭제댓글쓰기댓글보기
      1. 정상우
        2022.03.14 23:00 신고
        1. 블로그 끝에 있는 '더 읽을거리' 는 제가 직접 글을 쓸 때마다 넣은 것입니다.
        2. '관련 글' 은 태그 위에 있는 카테고리의 다른 글이 그 역할을 하고 있기도 하고 섬네일을 넣으면 이 스킨이 추구하는 디자인의 방향과 벗어날 수도 있어서 일단은 고려하고 있지 않습니다. (괜찮은 디자인이 있으면 추가될 수도 있음)
        3. 후원문의는 처음받았습니다! 감격스럽군요. 부랴부랴 비트코인 주소 및 오픈 컬렉티브를 오픈했습니다. 둘 중 하나로!

        Bitcoin: 3NhJv3TSMt9ThV5VxX4ypXiumkNEAPgfdZ
        Open Collective: https://opencollective.com/tistory-skin-hello
        수정/삭제
    15. 오송인
      2022.03.15 09:37 신고

      선생님 한 가지 질문 있습니다. 모바일에서 이미지가 본문을 벗어나면서 본문 글씨가 작아지는 현상이 있는데, 아래 댓글 중에 비슷한 질문이 있었던 것 같기도 합니다마는 CSS 나 HTML 중 어디를 어떻게 고쳐야 될지 검색을 해도 답을 못 얻었습니다. 도움을 얻을 수 있을까요. 아래 캡처한 사진 링크 걸어둡니다.

      https://s3.us-west-2.amazonaws.com/secure.notion-static.com/7db94972-d0b5-4742-b723-25445a567d61/%EB%8B%A4%EC%9A%B4%EB%A1%9C%EB%93%9C.jpg?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Content-Sha256=UNSIGNED-PAYLOAD&X-Amz-Credential=AKIAT73L2G45EIPT3X45%2F20220315%2Fus-west-2%2Fs3%2Faws4_request&X-Amz-Date=20220315T003520Z&X-Amz-Expires=86400&X-Amz-Signature=627504d92d85a9ab91a1d1baf08784149e81cf4da1ad2f7a1429c9cee2da2e73&X-Amz-SignedHeaders=host&response-content-disposition=filename%20%3D%22%25EB%258B%25A4%25EC%259A%25B4%25EB%25A1%259C%25EB%2593%259C.jpg%22&x-id=GetObject
      수정/삭제댓글쓰기댓글보기
      1. 정상우
        2022.03.15 10:44 신고
        살펴봐야 할 것 같네요. 글 주소 넘겨주세요.
        수정/삭제
      2. 오송인
        2022.03.15 13:00 신고
        https://slowdive14.tistory.com/1299821

        이 주소입니다 감사합니다 전혀 급하지 않으니 생각나실 때 한 번 봐주시길 부탁드립니다
        수정/삭제
      3. 정상우
        2022.03.15 13:17 신고
        혹시 글을 다른 곳에서 복사 & 붙여넣기 하시나요? 기본 '티스토리 에디터'에서 글을 썼을 때 작성되는 일반적인 구조랑은 달라서요. 만약 글을 복사 & 붙여넣기 하신다면 글의 내부적인 구조가 달라서 문제가 생길 가능성이 높답니다.
        수정/삭제
      4. 오송인
        2022.03.15 15:47 신고
        네 맞아요 붙여넣기 했어요. 아 그렇군요. 알겠습니다 그 부분을 주의해야겠네요. 답변 정말 감사드립니다 ^^
        수정/삭제
    16. 민뭉아치
      2022.03.18 12:16 신고
      안녕하세요 상우님 !
      티스토리를 통해 개발 공부 일지를 작성하는 중입니다.
      기존 스킨이 가독성이 떨어져서 고민이었는데 제공해주시는 스킨 덕분에 작성했던 글을 정리하고 읽기가 편해졌어요!
      공유해주셔서 정말 감사합니다 :)
      수정/삭제댓글쓰기댓글보기
      1. 정상우
        2022.03.18 21:51 신고
        고맙습니다 ㅎ 코드하이라이팅에 문제가 발생하신 것 같으니 플러그인은 끄시는 것이 좋아보입니다
        수정/삭제
      2. 민뭉아치
        2022.03.21 13:15 신고
        상우님! 플러그인 부분 수정을 놓치고 있었네요 !
        제 블로그 방문해주시고 확인해주셔서 감사합니다 :) 오늘 하루도 파이팅하세요 !
        수정/삭제
    17. ssaid
      2022.04.13 18:04 신고
      안녕하세요!
      여러 블로그 스킨 탐방 후 마음에 드는 게 없어
      며칠을 블로그 만드느라 고생했습니다..ㅠㅠ
      우연히 상우님 블로그를 접하게 돼 정말 다행입니다.
      공유해주셔서 감사합니다~!
      수정/삭제댓글쓰기댓글보기
      1. 정상우
        2022.04.13 22:13 신고
        고맙습니다! ㅎㅎㅎ
        수정/삭제
    18. 정코머
      2022.04.18 00:34 신고
      스킨 적용했습니다ㅎㅎ 멋진 스킨 만들어주셔서 감사합니다!
      수정/삭제댓글쓰기댓글보기
      1. 익명
        2022.04.19 09:59
        비밀댓글입니다
        수정/삭제
      2. 익명
        2022.04.21 22:40
        비밀댓글입니다
        수정/삭제
    19. Kyuu
      2022.04.26 07:39 신고
      상우님! 블로그 스킨 너무 잘 적용했습니다!
      감사합니다 ^^
      hello 스킨에서 코드블럭 테마를 변경 하려면
      어떻게 해야 할까요? 따로 적용을 해도 잘 안되네요 ㅠㅠ
      수정/삭제댓글쓰기댓글보기
      1. 정상우
        2022.04.26 09:03 신고
        스킨편집 - 테마 - 코드블럭 부분 수정하시면 됩니다.
        수정/삭제
    20. PilTok
      2022.05.15 01:03 신고
      다크모드 지원하는 스킨 찾고 있었는데 딱이네요ㅎㅎ
      공유해주셔서 정말 감사합니다 :D
      수정/삭제댓글쓰기댓글보기
      1. 정상우
        2022.05.16 18:34 신고
        고맙습니다 :)
        수정/삭제
    21. 뷰스토리_
      2022.05.16 14:02 신고
      자료 받으면서 원래 댓글 잘 안 다는 편인데 이건 너무 잘 만드셔서 달아보네요!
      한동안 소홀했던 티스토리 더 열심히 할 맛나네요-
      좋은 스킨 감사합니다 ☺️ 잘 사용하겠습니다.
      수정/삭제댓글쓰기댓글보기
      1. 정상우
        2022.05.16 18:34 신고
        감사합니다 ~~ :)
        수정/삭제
    다음 글
    개발자를 넘어, 새로운 길로
    이전 글
    'REST' 를 보다 'RESTful' 하게 API 만들기
    • 이전
    • 1
    • ···
    • 6
    • 7
    • 8
    • 9
    • 10
    • 11
    • 12
    • 13
    • 14
    • ···
    • 120
    • 다음

    티스토리툴바