Hexo

Hexo Blog 재연결

Programming, Github Blog, Git, Hexo

문제점

  • 몇몇 수강생이 노트북과 데스트탑 자리 모두에서 깃헙 블로그를 운영하고 싶어함.
  • 또한, 기존에 올라간 블로그 소스를 그대로 사용하고 싶어함.
  • 그런데, 제대로 반영이 안되는 경우가 있음.

해결책

  • 그런 경우 아래와 같이 순차적으로 진행하면 된다.
$ hexo init your_blog_repo # 여기는 각자 소스 레포 확인
$ cd myblog
$ git init 
$ git remote add origin https://github.com/your_name/your_blog_repo.git # 각자 소스 레포 주소
  • 아래 명령어에서 에러가 발생이 있다.
$ git pull --set-upstream origin main # 에러 발생
  • 그런 경우, 아래 명령어를 추가한다. 기존의 디렉토리와 파일을 모두 삭제한다는 뜻이다.
$ git clean -d -f
  • 그리고 에러가 발생했던 명령어를 다시 실행한다.
  • 이 때에는 이제 정상적으로 실행되는 것을 확인할 수 있다.
$ git pull --set-upstream origin main # 에러 발생 안함 / 소스 확인
  • 이제 정상적으로 환경 세팅은 된 것이다. 순차적으로 아래와 같이 진행하도록 한다.
    • 이 때, theme 폴더에 본인의 테마 소스코드가 잘 있는지 확인을 하도록 한다.
$ npm install 
$ hexo clean
$ hexo generate
$ hexo server

Hexo Blog 이미지 추가

Programming, Settings, Hexo, Blog

Hexo 이미지 추가

방법 1. Global Asset Folder

  • 가장 간편한 방법은 source 폴더 아래 images 폴더를 별도로 만든다.
  • 마크다운에서 아래와 같이 입력을 한다.
![](/images/image.jpg)



# hexo logo 테스트
- 이미지
![](/images/Hexo-logo.png)
  • hexo server를 실행한 뒤 결과를 확인한다.

result_01.png

Read more…

(Python-Plotly) Plotly 그래프 깃헙 블로그에 올리기

Programming, Exploratory Data Analysis, EDA, Python, Hexo, Hugo

강의 홍보

개요

  • 깃헙 브로그에 동적 시각화를 올리는 방법에 대해 기술한다.
  • 현재까지 찾아낸 것은 이게 최선입니다! 더 나은 것이 있다면 공유 부탁드립니다. (꾸벅)

필수 라이브러리 설치

$ pip install plotly
$ pip install chart_studio
  • plotly의 역할 그래프를 작성하는 기본 도구이며, chart_studio의 역할은 그래프를 plotly 홈페이지 업로드 할 수 있도록 도와주고, 또한 iframe output으로 변환하는 데 도움을 주는 코드이다.

step 01. 그래프 작성

  • 그래프를 작성합니다.
import plotly.express as px
import chart_studio

gapminder = px.data.gapminder()
fig = px.scatter(gapminder.query("year==2007"), x="gdpPercap", y="lifeExp", size="pop", color="continent",
           hover_name="country", log_x=True, size_max=60)
fig.show()
  • 위 출력물은 실제로는 동적 시각화로 구현이 됩니다만, 캡쳐하여 올려 놓습니다.

Read more…

Hexo Blog 만들기

Programming, Settings, Hexo, Blog

개요

  • 간단하게 Hexo 블로그를 만들어 본다.

I. 필수 파일 설치

  • 1단계: nodejs.org 다운로드
    • 설치가 완료 되었다면 간단하게 확인해본다.
$ node -v
  • 2단계: git-scm.com 다운로드
    • 설치가 완료 되었다면 간단하게 확인해본다.
$ git --version
  • 3단계: hexo 설치
    • hexo는 npm을 통해서 설치가 가능하다.
$ npm install -g hexo-cli

II. 깃허브 설정

  • 두개의 깃허브 Repo를 생성한다.
    • 포스트 버전관리 (name: myblog)
    • 포스트 배포용 관리 (name: rain0430.github.io)
    • rain0430 대신에 각자의 username을 입력하면 된다.
  • 이 때, myblog repo를 git clone을 통해 적당한 경로로 내려 받는다.
$ git clone your_git_repo_address.git

III. 블로그 만들기

  • (옵션) 적당한 곳에 경로를 지정한 다음 다음과 같이 폴더를 만든다.
$ mkdir makeBlog # 만약 Powershell 이라면 mkdir 대신에 md를 쓴다. 
$ cd makeBlog
  • 임의의 블로그 파일명을 만든다.
$ hexo init myblog
$ cd myblog
$ npm install
$ npm install hexo-server --save
$ npm install hexo-deployer-git --save

+ ERROR Deployer not found: git
+ hexo-deployer-git을 설치 하지 않으면 deploy시 위와 같은 ERROR가 발생합니다.
  • _config.yml 파일 설정
    • 싸이트 정보 수정
title: 제목을 지어주세요
subtitle: 부제목을 지어주세요
description: description을 지어주세요
author: YourName

+ 블로그 URL 정보 설정

url: https://rain0430.github.io
root: /
permalink: :year/:month/:day/:title/
permalink_defaults:

+ 깃허브 연동

# Deployment
deploy:
  type: git
  repo: https://github.com/rain0430/rain0430.github.io.git
  branch: main

IV. 깃허브에 배포하기

  • 배포 전, 터미널에서 localhost:4000 접속을 통해 화면이 뜨는지 확인해본다.
$ hexo generate
$ hexo server
INFO  Start processing
INFO  Hexo is running at http://localhost:4000 . Press Ctrl+C to stop.

  • 화면 확인이 된 이후에는 깃허브에 배포한다.

Read more…