SettingsBlog

Hexo블로그 테마적용하기

, ,

개요

  • Hexo 프레임워크의 테마적용하여 블로그 꾸미기.

Themes | Hexo

Hexo 추천테마, Hueman 적용.

설치하기

  • blog 폴더에서 명령어로 테마를 설치.
1
$ git clone https://github.com/ppoffice/hexo-theme-hueman.git themes/hueman
  • blog의 _config.yml 을 수정.
1
theme: huuman

  • themes/hueman 폴더 안에 있는 _config.yml.example 의 이름을 **_config.yml**로 수정.

  • hueman 테마에서 제공하는 검색 기능

1
$ npm install -S hexo-generator-json-content

커스터마이징

  • themes/hueman 폴더 안에 있는 _config.yml 파일을 수정하면 간단하게 커스터마이징이 가능

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    # Customize
    customize:
        logo:
            width: 165
            height: 60
            url: images/logo-header.png
        theme_color: '#e79d4c'
        highlight: androidstudio
        sidebar: 'left' # sidebar position, options: left, right
        thumbnail: false # enable posts thumbnail, options: true, false
        favicon: # path to favicon
        social_links: # for more icons, please see http://fontawesome.io/icons/#brand
            
            user: https://github.com/eomtaehyeon/Resume
            instagram: https://www.instagram.com/hi__gorae/
            github: https://github.com/eomtaehyeon

            # twitter: /
            # stack-overflow: /
            # weibo: /
            # rss: /

  • .md 파일에 **Title**과 Category 설정

1
2
3
4
5
6
---
title: 정적 사이트 생성
date: '2022-09-16'
category: [Settings,Blog]
tags: [Github,Blog,Hexo]
---

Reference

Share