Home / Post List

  • Hexo "fact"로 Theme 연결

    / Posted in blog, theme 
    1
    2
    3
    4
    5
    OS : "ubuntu 16.04 LTS"
    편집기 : "Visual Studio Code"
    hexo 문서 url : https://hexo.io/ko/docs//themes.html

     Git page에 Hexo 연동 후에 Theme 연동

    Theme Install연동

    1. Theme Clone

    1
    2
    3
    # 원하는 테마를 clone
    $ cd <path-to-hexo-folder>/themes
    $ git clone https://github.com/artchen/hexo-theme-fact.git fact

    2. hexo 수정해서 설치된 Theme 연결

    blog/_config.yml($(path-to-hexo-folder)/_config.yml)을 편집기로 연 후에 #Extensions으로 이동 후 아래와 같이 clone한 Theme 이름으로 편집을 해줘야 연결이 됩니다.

    1
    2
    3
    4
    # Extensions
    ## Plugins: https://hexo.io/plugins/
    ## Themes: https://hexo.io/themes/
    theme: fact

    3. Theme Config파일을 수정을 통해서 커스텀마이징

    1
    2
    3
    4
    5
    6
    7
    8
    9
    1. fact/_config.yml 수정
    use url, not username 항목으로 이동해서 
    email, github, twitter, google 리스트에 자신의 정보를 넣어준다.
    2. 프로필 사진 변경
    fact/source/css/images/avatar.png 에 연결된 이미지가 있습니다. 
    자신의 프로필사진을 저 파일로 대체를 해도 되고 아니면 검색을 해서 원하는 프로필사진 파일명으로 변경 하면 됩니다.
    3. bio.ejs 편집
    "<!-- About Me -->" 항목에 <div class="info"> 아래에 
    href을 자신의 github나 자신의 블로그로 연결 해 줍니다.

    4. Server에 수정된 파일 반영

    1
    $ hexo clean && hexo deploy --generate

    변경된 theme

    hexo_fact_theme

    Read More
    Github, Hexo, Ubuntu, fact, theme

  • Hexo "tranquilpeak"로 Theme 연결

    / Posted in blog, theme 
    1
    2
    3
    4
    5
    OS : "ubuntu 16.04 LTS"
    편집기 : "Visual Studio Code"
    hexo 문서 url : https://hexo.io/ko/docs//themes.html

     Git page에 Hexo 연동 후에 Theme 연동

    Theme Install연동

    1. Theme Clone

    https://hexo.io/themes 에는 이쁘고 괜찮은 Theme들이 많습니다. 그 중에 하나를 선택해서 clone 하면 됩니다.

    1
    2
    3
    4
    5
    6
    7
    8
    # 원하는 테마를 clone
    $ cd <path-to-hexo-folder>/themes
    $ git clone https://github.com/LouisBarranqueiro/hexo-theme-tranquilpeak.git cccc
    $ cd tranquilpeak
    $ npm install -g bower grunt-cli
    $ npm install
    $ bower install
    $ grunt build

    2. hexo Config파일을 수정해서 설치된 Theme 연결

    blog/_config.yml($(path-to-hexo-folder)/_config.yml)을 편집기로 연 후에 #Extensions으로 이동 후 아래와 같이 자신의 Theme 이름으로 편집을 해줘야 연결이 됩니다.

    1
    2
    3
    4
    # Extensions
    ## Plugins: https://hexo.io/plugins/
    ## Themes: https://hexo.io/themes/
    theme: tranquilpeak

    3. Server에 수정된 파일 반영

    1
    $ hexo clean && hexo deploy --generate

    변경 된 테마

    hexo_tranquilpeak_theme

    Read More
    Github, Hexo, Ubuntu

  • Ubuntu에서 Github Page와 Hexo을 연동 및 설정

    / Posted in blog

    Git Page와 Hexo를 통해 개인의 기술 관련 문서를 손쉽게 연동 할 수 있습니다.

    또한 여러 테마중에 하나를 선택해서 사용 할 수도 있어 좋습니다.
    디자인 괜찮은게 많습니다.

    1
    2
    3
    4
    5
    OS : "ubuntu 16.04 LTS"
    편집기 : "Visual Studio Code"
    hexo 문서 url : https://hexo.io/ko/docs/setup.html

    로컬에 git 설치 및 Github에 ssh-keygen연동은 되어 있다는 가정하에 진행 하였습니다.

    Git Page로 정적 페이지 Hosting

    Github Repository 생성하기

    1
    2
    3
    4
    5
    6
    7
    1. Github에 Repository를 생성합니다.
    2. 이름이 중요한데 자신의 정적 페이지라서 
    'USERNAME' 은 Github의 가입시에 사용자의 'username'로 하고 
    'Repository' 이름은 'USERNAME.github.io'로 지으면 좋습니다.
    3. Public / Private 중 Public 선택 합니다.
    4. Create Repository 버튼을 통해 Repository 생성 합니다.
    5. 간단하게 Github페이지에서 READ.md파일을 생성해 봅니다.

    Github Repository Clone && Push

    username을 byungjiklim 이라고 하고 진행 하겠습니다.

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    # clone
    $ cd $DevWorkspace
    $ git clone https://github.com/username/byungjiklim.github.io

    # push
    $ cd byungjiklim.github.io
    $ echo "Hello World" > index.html
    $ git add --all
    $ git commit -m "first commit"
    $ git push -u origin master

    Hexo Install

    1
    2
    3
    Hexo은 정적 페이지를 쉽게 만들 수 있도록 도와주는 서비스 입니다.
    Hexo은 npm을 통해 쉽게 설치가 가능하고 Command Line을 통해 Github에 바로 배포 할 수 있습니다.
    또한 다양한 플러그인과 테마를 지원하고 있습니다. Jekyll라는 서비스도 있다고 합니다.

    미리 설치 해야 할 구성 요소

    • Node.js (로컬 설치 버전 v8.11.2)
    • npm (로컬 설치 버전 5.6.0)

    설치가 되어 있지 않으면 Node.js, npm이 설치는 아래와 같습니다.

    1
    2
    curl -sL https://deb.nodesource.com/setup_8.x | sudo -E bash -
    sudo apt-get install -y nodejs

    npm 퍼미션 관련된 부분 수정이 필요한데 아래 블로그를 참고 하면 된다.
    http://programmingsummaries.tistory.com/374

    hexo-cli 설치와 시작 준비

    hexo-cli을 설치하여 hexo명령어를 사용할 수 있게 합니다.
    https://github.com/hexojs/hexo-cli

    (Command line interface for Hexo.)

    1
    2
    3
    4
    $ npm install hexo-cli -g
    $ hexo init blog #임의로 blog라고 만들고 초기화
    $ cd blog
    $ npm install

    설정 파일 수정

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    root디렉토리(blog)에 _config.yml 설정파일이 생성이 됩니다.
    간단하게 블로그에 이름과 소개등을 수정을 할 수 있습니다.

    # Site
    title: Carpe diem
    subtitle:
    description:
    keywords:
    author: byungjikLim
    language: en
    timezone: Asia/Seoul

    # URL, # Directory 등등 여러 설정등이 있습니다.

    Server에 수정된 파일 반영

    1
    $ hexo clean && hexo deploy --generate
    Read More
    Github, Hexo, Ubuntu

  • Hello World

    / Uncategorized

    Welcome to Hexo! This is your very first post. Check documentation for more info. If you get any problems when using Hexo, you can find the answer in troubleshooting or you can ask me on GitHub.

    Quick Start

    Create a new post

    1
    $ hexo new "My New Post"

    More info: Writing

    Run server

    1
    $ hexo server

    More info: Server

    Generate static files

    1
    $ hexo generate

    More info: Generating

    Deploy to remote sites

    1
    $ hexo deploy

    More info: Deployment

    Read More
    tagless
byungjikLim
Back to Top
Go to Bottom