블로그 관리 (Blog Management)/BiCute Skin

BiCute 스킨 - 게시물 작성 스타일 소개

BiCute 2022. 3. 11. 10:00
반응형

 

아래 내용은 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;
}

 

 

 

반응형