포스트

[Blog] 블로그 커스터마이징

폰트 수정, 사이드바 수정 (25.1.30)

  1. _config.yml

    수정 전

    1
    2
    3
    4
    
     lang: en
     tagline: Jeonbuk Univ. VILab
     username: https://github.com/kidcat2
     avatar:
    

    수정 후

    1
    2
    3
    4
    5
    6
    
     lang: ko-KR
     tagline: |
     Jeonbuk Univ. VILab
     Computer Graphics
     username: kidcat2
     avatar: "/assets/img/Avatar/jp-photo.jpg"
    


  2. _sass/colors/typography-light.scss

    현재 jekyll-chirpy-theme 에서는 폴더 구조가 변경된 것으로 알고 있다.(25년 기준)

    수정 전

    1
    2
    3
    4
    5
    
     --site-title-color: rgb(113, 113, 113);
     --site-subtitle-color: #717171;
     --sidebar-bg:  #f6f8fa;
     --sidebar-muted-color: #545454;
     --sidebar-active-color: #1d1d1d;
    

    수정 후

    1
    2
    3
    4
    5
    
     --site-title-color: rgba(230, 240, 250, 90%);
     --site-subtitle-color: rgba(230, 240, 250, 90%);
     --sidebar-bg: linear-gradient(45deg, #0A1F44 0%, #1E3A5F 25%, #41729F 50%, #89B8D3 75%, #DDE7F2 100%);
     --sidebar-muted-color: rgba(230, 240, 250, 90%);
     --sidebar-active-color: rgba(255, 223, 186, 95%); 
    


  3. _sass/addon/commons.scss

    추가

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    
     @import url("https://fonts.googleapis.com/css2?family=Noto+Sans+KR&display=swap");
     ...
     body {
     background: var(--main-bg);
     padding: env(safe-area-inset-top) env(safe-area-inset-right)
         env(safe-area-inset-bottom) env(safe-area-inset-left);
     color: var(--text-color);
     -webkit-font-smoothing: antialiased;
     // font-family: $font-family-base;
     font-family: "Noto Sans KR", sans-serif;
     }
    
이 기사는 저작권자의 CC BY 4.0 라이센스를 따릅니다.