Icarus 테마 커스터마이징

테마의 프로필 영역 사이즈 변경

layout/widget/profile.jsx

<!-- layout/widget/profile.jsx -->

{/*<figure class="image is-128x128 mx-auto mb-2">*/}
<figure class="image mx-auto mb-2">

font 변경

layout/common/head.jsx

// 51 line
const fontCssUrl = {
  default: fontcdn("Ubuntu:wght@400;600&family=Source+Code+Pro", "css2"),
  cyberpunk: fontcdn("Oxanium:wght@300;400;600&family=Roboto+Mono", "css2"),
  nanumgothic: fontcdn("Nanum+Gothic:wght@400&family=Roboto", "css2"),
};

// 151 line
<link rel="preconnect" href="https://fonts.gstatic.com" />
<link href={fontCssUrl['nanumgothic']} rel="stylesheet" />

include/style/base.styl 8 line

$family-sans-serif ?= 'Nanum Gothic', Ubuntu, Roboto, 'Open Sans', 'Microsoft YaHei', sans-serif
// $family-sans-serif ?= Ubuntu, Roboto,'Nanum Gothic Coding', 'Open Sans', 'Microsoft YaHei', sans-serif

include/style/article.styl 4 line

$article-font-size ?= 1.3rem

disqus(댓글) 설정

config.icarus.yml

comment:
  type: disqus
# Disqus shortname
  shortname: inhwancho-github-io #disqus아이디 생성 후 shortname이 생성되는데 그거 입력하면 됩니다.

google_analytics

config.icarus.yml

# id칸에 입력해야됩니다
google_analytics: 
    tracking_id: G-8RGKYVDD5B

버튼(follow 버튼)

• 기존에 follow 버튼 -> home으로 돌아가는 버튼으로 변경

themes/icarus/layout/widget/profile.jsx

</nav>
{followLink ? <div class="level">
// 재수정
    <a class="level-item button is-round is-info is-outlined is-rounded is-light" href="/" target="_self" rel="noopener">Home</a>
// 기존꺼(수정된거)
    {/* <a class="level-item button is-round is-link is-outlined" href={followLink} target="_blank" rel="noopener">{followTitle}</a> */}
</div> : null}

맨 밑에 총 방문자수 설정

icarus_config

busuanzi: true

• donate 부분 주석 처리
• adsense 위젯 주석 처리

column 변경

themes/icarus/layout/layout.jsx

<div class= ...
    column: true,
    'order-2': true,
    'column-main': true,
    'is-12': columnCount === 1,
    'is-8-tablet is-8-desktop is-9-widescreen': columnCount === 2,
    'is-8-tablet is-8-desktop is-6-widescreen': columnCount === 3
...

navbar font 설정

include/style/navbar.styl

.navbar-logo
    
    img
        max-height: $logo-height
    font-size: 1.5rem

제목 설명 폰트

• 7 -> 9

node_modules\hexo-theme-icarus\layout\common\article.jsx

{page.layout !== 'page' ? <div class="article-meta is-size-9 is-uppercase level is-mobile">