아래 내용은 BiCute 스킨(ver.2.0 이상)을 사용하여 게시물을 작성할때 어떻게 표시되는지에 대한 안내입니다.
아래 목록에 있는 항목들은 사용자화 한 항목들이며, 이외의 기능들에 대해서는 기본 티스토리 기능을 따라가고 있습니다
기본 티스토리 기능을 유지하고 있는 기능들에 대해선 추후 디자인의 변경이 발생할 수 있습니다.
--- 문단 모양 ---
• [제목 1]로 작성하면 이렇게 표시됩니다
자동 목차에 반영됩니다.
대분류의 제목이나 길지 않은 문장의 타이틀로 추천합니다.
• [제목2]로 작성하면 이렇게 표시됩니다.
자동 목차에 반영됩니다.
대부분의 타이틀이 길거나, 대분류 내부의 소분류로 추천합니다.
• [제목3]으로 작성하면 이렇게 표시됩니다.
제목3은 자동목차에 적용되지 않습니다.
주로 링크나 안내용 문단에 사용하기 좋은 디자인입니다.
마우스를 올리면 반응합니다.
• [본문1]로 작성하면 이렇게 표시됩니다.
글자 사이즈가 2px 커집니다 (18px)
• [본문2]로 작성하면 이렇게 표시됩니다.
기본 글자 사이즈(16px)입니다
• [본문3]으로 작성하면 이렇게 표시됩니다.
글자 사이즈가 2px 작아집니다 (14px)
--- 본문 스타일 ---
• 굵게 작성하면 이렇게 됩니다
i'm Strong!
• [이탤릭체]로 작성하면 이렇게 됩니다 - Sample Text
기울지 않고 글자에 그라디언트 색상이 적용됩니다.
• 밑줄을 사용하면 이렇게 됩니다
ex) 한글 밑줄, English UnderLine, プログラミング
• 취소선은 기본형 그대로입니다.
추가기능을 넣을까 고민도 했지만 취소선은 은근 사용할 일이 많기 때문에 그대로 두기로 했습니다.
• 글자색은 기본 그대로 입니다.
• 배경색중 일부(아래 3가지 색상)는 인라인 코드 스타일의 디자인으로 자동 변경됩니다.
| 배경색 | #DDDDDD (가장 연한 회색) |
#FFC1C8 (형광 주황) |
#9FEEC8 (초록형광) |
| 작성할땐 | React | LifeCycle | Casper |
| 글을보면 | React | LifeCycle | Casper |
--- 더보기 스타일 ---
• [접은글]로 작성하면 이렇게 표시됩니다.
접은글은 직접 글을 입력하면 괜찮은데 대량의 글을 복사 붙여넣기 할 경우 줄바꿈이 안되는 경우가 자주 있는거 같습니다.
이건 티스토리 시스템 문제인거 같은데... 장문의 글을 붙여넣기 하였다면 한번씩 확인해 보시길 바랍니다.
직접 글을 작성하였을 경우엔 그런 문제는 발생하지 않는것 같습니다.
• [코드 블럭]으로 작성하면 이렇게 표시됩니다.
줄 번호가 표시됩니다.
.article-type- .thumbnail,
.article-type-thumbnail .thumbnail {
width: 160px;
height: 108px;
margin-left: 40px;
border-radius: 8px;
}