Github_blog(hexo) 테마 변경 및 환경 설정

in blog

개요

  • 이 글은 Github blog를 관리 및 운영하는데 필자가 겪은 에러, 어려움 등을 해결하는 과정을 기록할 목적으로 만들어졌습니다.

  • 평소 Github 블로그에 대해 그 날 들은 강의들만 올리다가 강사님의 따끔하신 일침으로 제대로 된 관리를 해보자 라는 생각이 들어 실행에 옮겨보았다. Github 블로그에 글을 올리는 것은 가능했으나 글을 분류하기 위한 카테고리, 태그 등 깔끔하게 블로그 관리를 못하는 상황이라 블로그를 새롭게 개편해보기로 마음 먹었다.

테마

  • 처음 눈에 뜨인 것은 “블로그 테마” 어떻게 하면 블로그를 조금 더 깔끔하게 보일수 있으면 어떨까란 생각에 다른 사용자의 글을 보며 결국 테마를 “tranquilpeak“ 으로 변경하기로 했다.

    GitHub - kakawait/hugo-tranquilpeak-theme: A gorgeous responsive theme for Hugo blog framework

  • 위 링크를 참고하며 tranquilpeak 테마를 변경하는 중 수많은 에러들이 발생하였고 해결하며 테마 변경을 하였다. (해결 당시 글을 쓰고 있지 않아 뒤죽박죽 섞여서 과정 설명은 참고 사이트로 대체 합니다.)

    1
    Remote origin already exists
    • Remote origin already exists : 기존에 연결되어 있는 레파지토리가 다시 새로운 레파지토리에 소스코드를 올리려고 하면 발생되는 에러. 
    1
    Fatal : refusing to merge unrelated histories
    • Fatal : refusing to merge unrelated histories : 이 오류는 명령어 git push 또는 git pull을 진행할때 발견할 수 있는 오류, 로컬 저장소와 원격지의 저장소 기록을 비교했을 때 소스코드의 차이가 심한 저장소의 경우, 병합 오류가 날 것을 대비하여 오류 메시지를 띄우는 것 입니다. 
    1
    [rejected] master → master (non-fast-forward) : gitignore

환경 설정

  • 테마 변경 후 블로그 환경 설정을 위해 사이드바 메뉴 설정 및 RSS feed 등 변경

    • 테마 이미지 및 프로필 이미지, favicon 수정 및 categories, tags, archives 설정 후 확인

      png

      • email 설정은 url이 mailto라고 되어 있을텐데 mailto:사용자아이디@메일 로 변경
      1
      2
      3
      4
      5
      # {project_name}/themes/tranquilpeak/_config.yml
      mail:
                  title: global.mail
                  url: mailto:dksenghd123@naver.com
                  icon: fa fa-envelope

    • 테마, 프로필 이미지 및 favicon 수정은 잘되었으나 categories, tags, archives 등 아래 사진과 같이 되어 확인.

      png

      • 확인 해보니 잘못된 저장 경로({project_name}/themes/tranquilpeak/source/all-categories)에 위치하여 {project_name}/source/all-categories 로 변경 후 확인, 정상 작동
      1
      2
      3
      # {project_name}/themes/tranquilpeak/source/all-categories
      # ↓↓↓↓↓↓↓↓↓↓ 저장된 위치 변경
      # {project_name}/source/all-categories

      png

      • 참고 사이트 https://allaboutmoon.tistory.com/232
      • categories 와 tags이 비어 있어 작성한 글에 categories 및 tags 추가 후 확인, 정상 작동 
        1
        2
        3
        4
        5
        6
        7
        8
        # {project_name}/source/_post/{my_post.md}
        ---
        title: "AI_Project_SpaceShip_Titanic"
        author: "winters"
        date: '2022-04-06'
        categories: 'Project'
        tags: 'project'
        ---
        png

Comment and share

Github_blog(hexo) 프로필 설정

in blog

Github blog (hexo) bio(인물소개), job 설정

개요

  • 블로그 관리를 하는 도중 side bar 메뉴에서 author.bio 라고 써져 있는 것 과 프로필에 직업이 제대로 적혀 있지 않아 필자에 의도에 맞게 수정

png

  • bio 와 job 메뉴는 side bar 를 수정 할 수 있는 {project_name}/themes/tranquilpeak/_config.yml 에서 수정하는 것이 아닌 {project_name}/themes/tranquilpeak/languages/en.yml 파일에서 수정이 가능하다. (필자의 언어 설정은 “en”이므로 “ko”를 설정한 경우 같은 경로의 ko.yml 파일을 수정하면 됨)
    • 아래 사진은 ko.yml 파일의 코드를 나열 한 것이다.
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
# {project_name}/themes/tranquilpeak/languages/ko.yml
# 블로그의 모든 곳에 표시되는 날짜 형식
date_format: "YYYY/MM/DD"

global:
    home: "Home"
    categories: "카테고리"
    category: "카테고리"
    tags: "태그"
    tag: "태그"
    archives: "아카이브"
    search: "검색"
    about: "About"
    author_picture: "저자 이미지"
    github: "GitHub"
    stack_overflow: "Stack Overflow"
    twitter: "Twitter"
    facebook: "Facebook"
    google_plus: "Google +"
    weibo: "Weibo"
    qq: "QQ"
    qzone: "Qzone"
    renren: "Renren"
    vk: "VK"
    odnoklassniki: "Odnoklassniki"
    linkedin: "LinkedIn"
    mail: "Mail"
    rss: "RSS"
    share_on_facebook: "Facebook에 공유하기"
    share_on_twitter: "Twitter에 공유하기"
    share_on_google_plus: "Google+에 공유하기"
    share_on_weibo: "Weibo에 공유하기"
    share_on_qq: "QQ에 공유하기"
    share_on_qzone: "Qzone에 공유하기"
    share_on_renren: "Renren에 공유하기"
    share_on_vk: "VK에 공유하기"
    share_on_odnoklassniki: "Odnoklassniki에 공유하기"
    search_category: "카테고리 검색"
    search_tag: "태그 검색"
    search_date: "날짜 검색 (YYYY/MM/DD)"
    posts_found:
        zero: "포스트가 없습니다."
        one: "1 개의 포스트가 있습니다."
        other: "{n} 개의 포스트가 있습니다."
    categories_found:
        zero: "카테고리가 없습니다."
        one: "1 개의 카테고리가 있습니다."
        other: "{n} 개의 카테고리가 있습니다."
    tags_found:
        zero: "태그가 없습니다."
        one: "1 개의 태그가 있습니다."
        other: "{n} 개의 태그가 있습니다."
    read_more_about_author: "저자에 대해 더 알아보기"
    zoom_in_on_picture: "사진 확대"
    go_to_homepage: "홈페이지로 이동하기"
    open_link: "링크 열기"
    open_post: "소식 열기"

pagination:
    page: "page %d"
    of: "of %d"
    newer_posts: "최근 포스트"
    older_posts: "이전 포스트"
    previous: "이전"
    next: "다음"

post:
    no_title : "제목 없음"
    categorized_in: "카테고리"
    tagged_in: "태그"
    toc: "목차"
    back_to_top: "맨 위로"
    read_more: "계속 읽기"
    go_to_website: "웹 사이트로 이동"
    comment_and_share: "댓글 공유"
    comment: "댓글을 남겨주세요"
    share: "이 포스트 공유하기"
    gallery: "갤러리"
    image:
        one: "이미지"
        other: "%d 이미지"

author:
    # Your biography (마크다운과 HTML이 지원됩니다.)
    bio: ""
    # Your job
    job: ""
  • 맨 아래에 위치한 author 부분이 bio 와 job 즉, 필자가 변경을 원하던 메뉴 이므로 수정 bio(인물소개), job(직업) 안에 원하는 문구 및 파일(bio)을 수정한다.

png

Comment and share

  • page 1 of 1
Author's picture

Winters

개발자를 꿈꾸는 어른이


개발자(예비)


대한민국/서울