hexo 블로그 시작하기 (테마 next 적용)

반응형
728x90
반응형

Webstorm 프로젝트 생성

File-New-Project 클릭하여 아래 Empty Project를 원하는 경로에 생성한다.

 

 

 

 

 

Hexo 설치

1) hexo 설치

npm install hexo-cli -g

 

2) 셋팅

hero init 폴더명

cd 폴더명

npm install

 

3) hexo 배포를 위한 설치

npm insatll hexo-deployer-git --save

 

 

 

 

테마 적용 (next)

1) git submodule 적용

git submodule add https://github.com/theme-next/hexo-theme-next themes/next

 

2) 변경사항 푸쉬 방법

1) cd themes\next	# 테마 경로로 이동

git add .
git commit -m "커밋메세지"


2) cd ../../ 		# 다시 프로젝트 경로로 돌아온다

git add .
git commit -m "커밋메시지"
git push origin master

hexo d -g 	# 배포

 

 

Hexo 메뉴 적용

1) category

hexo new page categories

 

  • 생성된 source/categories/index.md 수정
---
type: categories
---

 

2) tags

hexo new page tags

 

  • 생성된 source/tags/index.md 수정
---
type: tags
---

 

3) about

hexo new page about

 

 

 

Hexo 실행

1) 로컬 실행

hexo server

 

2) 접속

localhost:4000

 

 

기타 설정

1) sitemap

npm install hexo-generator-seo-friendly-sitemap --save

 

2) search

npm install hexo-generator-search --save

 

 

반응형

Designed by JB FACTORY