/ 중국

[꿀팁] 중국용 웹사이트/블로그를 무료로 제작하는 방법: Node.js + Hexo + Gitee - 트렌드톡


◼︎ 목차 업데이트 : --01


◼︎ 헥소(Hexo.js)란?

헥소(Hexo) 는 대만 출신의 IT 개발자인 토미 천(Tommy Chen, 陳嘉輝)이 2012년에 개발한 'Node.js' 기반의 '정적 사이트 생성기(SSG, Static Site Generator)' 프로그램입니다. 'Ruby' 기반의 지킬(Jekyll), 'Go' 기반의 휴고(Hugo) 등과 함께 전세계적으로 가장 많이 사용되고 있는 프로그램 중 하나입니다.

헥소(Hexo) 는 최근 빠르게 성장하고 있는 Node.js의 영향력과 더불어, 간단한 설계 구조와 잘 정리된 사용자 매뉴얼(Documentation), 설계자가 대만 출신의 중화권 개발자라는 특징으로 인해, 중국 오픈소스 개발자 커뮤니티에서도 높은 인기를 얻고 있습니다.

따라서 다른 프로그램에 비해, 중국 인터넷 환경(RedWeb)에 최적화된 다양한 기능들이 비교적 풍부하게 구현되어 있습니다.



[참고] 중국에서 내 웹사이트/쇼핑몰에 접속할 때 로딩 속도가 느려지는 이유


◼︎ 1. 기본 프로그램 설치 : Node.js + Git + Hexo

트렌드톡(TrendTalk) 이 소개해 드리는 중국 웹사이트/블로그 구축 방법을 활용하기 위해서는, 먼저 기본적으로 요구되는 프로그램을 설치해야 합니다.


(1) Node.js 설치

사용 중인 컴퓨터에 Node.js(노드제이에스) 를 설치합니다.
자세한 설치 방법은 공식 홈페이지를 참고하실 수 있습니다.



(2) Git 설치

사용 중인 컴퓨터에 Git(깃) 프로그램을 설치합니다.
자세한 설치 방법은 공식 홈페이지를 참고하실 수 있습니다.



(3) Hexo 설치

Node.js가 설치 완료된 환경에서, 사용 중인 컴퓨터 내의 쉘 프로그램(Terminal 또는 CMD 등)를 실행한 다음, 'NPM(Node Package Manager)' 명령어를 통해, 헥소(Hexo)를 설치합니다.

$ npm install -g hexo-cli // Hexo CLI(Command Line Interface) 설치
$ npm install hexo-deployer-git --save // Git 배포용 패키지 설치

참고로, 중국 현지에서 헥소(Hexo)를 설치할 때, "npm" 명령어의 실행 속도가 느려질 수 있습니다. 이럴 경우, 타오바오(Taobao)가 지원하는 중국용 미러링 서비스인 "cnpm" 명령어 를 사용하시기를 추천 드립니다.


◼︎ 2. 기티(Gitee) 회원 가입 및 SSH Key 연결

기티(Gitee, 码云) 는 "중국판 깃허브(Github)"로 불리우는, 깃(Git, 분산 버전 관리 툴) 저장소 및 호스팅 서비스입니다.

아래 링크를 참고하여, 기티(Gitee)에 회원 가입한 뒤, 레포지토리(깃 저장소, Repository) 및 기티 페이지(Gitee Pages) 생성, SSH Key 연결 등 필요한 절차를 완료합니다.


[참고] 중국판 깃허브(Github), 기티(Gitee, 码云) 서비스 소개 및 회원 가입 방법


◼︎ 3. 헥소(Hexo) 환경 설정 및 배포

위의 절차를 완료한 뒤, 설치한 헥소(Hexo) 프로젝트 내 _config.yaml 파일 중 배포(Deployment) 관련 설정을 수정합니다.

# Deployment
## Docs: https://hexo.io/docs/deployment.html
deploy:
  type: git
  repository: https://gitee.com/{Username}/{Repository}.git // 신규 생성한 레포지토리 내용
  branch: master

모든 기본 설정이 완료되었으면, 아래의 헥소(Hexo) 명령어를 차례로 입력합니다.

$ hexo init {Project} // 새로운 프로젝트를 생성합니다.
$ cd {Project}
$ hexo generate(or g) // 새로운 공개(Public) 파일 모음을 생성합니다.
$ hexo deploy(or d) // 파일을 배포합니다.

헥소(Hexo) 명령어를 입력하여 배포를 완료한 뒤, 미리 생성한 기티(Gitee) 페이지의 URL(예: {Username}.gitee.io/{Repository} )에 접속하면, 업로드되어 있는 컨텐츠(README.MD 등)가 웹페이지에 나타나는 것을 확인할 수 있습니다.

이후 헥소(Hexo) 내의 테마(Theme) 설치 및 수정, 마크다운(Markdown) 기반의 컨텐츠 작성 등을 통해, 중국용 웹사이트 또는 블로그를 무료로 자유롭게 운영할 수 있습니다.



◼︎ 4. 기타 참고 사항

기티(Gitee) 페이지에 도메인(예: www.test.com)을 연결하고자 한다면, 기티(Gitee)가 제공하는 커스텀 도메인(Custom Domain) 서비스를 선택하여 활용할 수 있습니다.


◼︎ 맺음말

위의 정보가 도움이 되었기를 바랍니다.
이 외에 알고 계신 꿀팁이 있다면, 많은 분들과 정보를 공유해 주세요!


◼︎ 중국 웹사이트 및 블로그 구축을 도와 드립니다

레드웹(RedWeb) - 글로벌 마케팅 및 비즈니스 최신 정보

기티(Gitee)헥소(Hexo) 등을 활용한 중국 웹사이트 또는 블로그를 설치하는데 도움이 필요하다면, 레드웹(RedWeb) 이 대행 서비스를 제공해 드립니다.



◼︎ 도움이 될 만한 연관 추천 글


트렌드톡(TrendTalk)글로벌 비즈니스 및 마케팅에 유용한 각종 서비스 및 꿀팁을 소개해 드립니다.
문의 사항(제휴 및 교육, 서비스 문의 등) 이 있으시면, 카카오톡 으로 연락 주시기 바랍니다.


트렌드톡 - 글로벌 마케팅 및 비즈니스 최신 정보

저작권자 ⓒ 트렌드톡 ( www.trendtalk.kr ) | 무단 전재 및 재배포 금지