깃허브 페이지에 개인 도메인 등록 과정을 설명하기 위해 작성되었습니다. 이미 깃허브 페이지를 이용한 사이트 또는 블로그가 구성되어 있다면 앞부분들은 생략하고 깃허브 페이지 커스텀 도메인 등록 부분만 살펴보시면 되겠습니다. 깃허브(Github)에 가입하고 간단한 index.html 파일을 업로드해 깃허브 페이지를 만들고 Custom Domain(개인 도메인)을 등록하는 과정입니다. 깃허브 가입하기 우선 깃허브(Github) 가입부터 하도록 하겠습니다. 깃허브 첫 페이지로 접속하면 가입 양식이 보입니다. User name에 영문으로 사용자 명을 입력합니다. 여기서 입력한 이름이 차후 깃허브 페이지에서 사용될 주소가 됩니다. 예) 사용자명. github.io 회신받을 수 있는 이메일을 입력합니다. 비밀번호를 ..
HEXO블로그 tranquilpeak 테마을 설치하고 테마 사용에 필요한 몇몇 가지 환경설정 및 사용 방법들을 정리합니다. tranquilpeak테마 설정 DOCUMENTATION 설명서를 참조하세요. 테마 설정 파일 tranquilpeak -> _config.yml 테마 이미지 경로 # Image directory (default: images) 헥소 기본 이미지 경로 image_dir: assets/images # 이 테마에 기본 이미지 경로 헥소 기본 이미지 경로로 변경해서 사용해도 되지만 이 테마에서 설정한 이미지 경로를 그대로 사용합니다. 이 이미지 경로를 사용하려면 루트 폴더에 보면 source 폴더가 있습니다. 그 안에 assets 폴더를 만들고 또 그 안에 images 폴더를 만듭니다 이 ..
hexo 블로그와 hugo 블로그에서 사용되는 Tranquilpeak 테마 티스토리 #2스킨과도 비슷한 스타일로 헥소 블로그의 인기 테마 중 하나입니다. 심플한 자신만의 블로그를 운영하고자 한다면 좋은 선택이 될 것입니다. Demo : https://louisbarranqueiro.github.io/hexo-theme-tranquilpeak/ Hexo Tranquilpeak 테마 설치하기 Tranquilpeak 테마 설치 설명을 보면 다른 테마와는 다르게 파일을 다운로드해 헥소 테마 폴더에 직접 넣으라고 되어 있습니다. 1. 깃허브 repository 페이지로 가서 최신 버전을 다운로드합니다. hexo-theme-tranquilpeak 2. 다운로드한 파일을 블로그 테마(themes) 폴더에 넣고 테마 ..
Hexo 블로그 검색엔진 최적화를 위한 RSS 피드와 사이트맵, robots.txt 생성 등 필수적인 플러그인을 설치하고 설정 hexo 검색엔진 최적화 블로그인 설치 및 설정 hexo plugins: see https://hexo.io/plugins/index.html 설치할 plugins hexo-generator-feed hexo-generator-seo-friendly-sitemap hexo-generator-robotstxt hexo-autonofollow hexo-auto-canonical RSS fedd (rss feed 생성기) plugins: hexo-generator-feed npm install hexo-generator-feed --save _config.yml 설정 # Rss fee..
Hueman 테마에 기본 폰트는 "Titillium Web"로 웹 폰트이고 영문만 지원하기 때문에 한글은 각 OS의 시스템 기본 폰트로 적용됩니다. 스포카 한 산스로 변경 무료로 사용할 수 있는 한글 웹 폰트 스포카 한 산스를 적용해 보도록 하겠습니다. 스포카 한 산스 : https://spoqa.github.io/spoqa-han-sans/ko-KR 1. 루트폴더\themes\hueman\source\css\_variables.styl 파일 열어 // Fonts를 찾는다. font-sans = "Titillium Web", "Helvetica Neue", Helvetica, Arial, "Microsoft Yahei", sans-serif font-sans =에 "Spoqa Han Sans"를 추가한다..
Hexo 블로그를 설치하면 기본적으로 landscape 테마가 설치 되어 있는데 블로거를 위한 테마라기보다는 개발자분들을 위한 샘플 정도로 보입니다. 그래서 워드프레스 인기 테마인 Hueman 테마를 Hexo 용으로 커스텀 된 게 있어 적용해 보았습니다. Hexo 블로그 Hueman 테마 Demo site : https://blog.zhangruipeng.me/hexo-theme-hueman Github hexo theme hueman : https://github.com/ppoffice/hexo-theme-hueman Hueman테마 설치 하기 hexo가 설치된 폴더에 hueman 테마를 클론 합니다. git clone https://github.com/ppoffice/hexo-theme-hueman...
Hexo는 일반적인 블로그와 달리 마크다운을 이용해 글을 쓰고, 수정하고 또 수동적으로 글을 삭제해야 합니다. 간략하게 포스팅 파일을 만들어 글 쓰고 수정/삭제, 배포하는 방법을 정리해 보았습니다. Hexo(헥소) 글 쓰기 Docs: https://hexo.io/ko/docs/writing.html 글쓰기 새 포스트 생성 # hexo new 레이아웃 종류 '타이틀' 타이틀은 파일명도 되고 포스팅 제목도 됨. $ hexo new [layout] # 예제 $ hexo new post '파일명' 기본 레이아웃이 post로 되어 있기 때문에 post 생략하고 hexo new '파일명'으로 해도 됩니다. 위 명령을 실행하면 source\_posts 폴더에 파일이 생성됩니다. Front matter(머리말) Doc..
Windows10에서 Hexo 블로그 설치하기입니다. 깃허브 가입 방법과 깃허브 페이지를 사용하기 위한 리포지토리 생성 방법은 아래 링크(깃허브 페이지 개인 도메인)로 이동하셔 리포지토리 생성하기까지만 보시면 되겠습니다. 깃허브페이지 개인 도메인 깃허브 블로그 개인 도메인 (Github Pages Custom Domain) 깃허브 페이지에 개인 도메인 등록 과정을 설명하기 위해 작성되었습니다. 이미 깃허브 페이지를 이용한 사이트 또는 블로그가 구성되어 있다면 앞부분들은 생략하고 깃허브 페이지 커스텀 도� wonderbout.tistory.com Hexo 블로그 프레임 워크 Hexo(헥소) 설치 준비 사항 Github 가입 Git 설치 Node.js 설치 Hexo(헥소) 설치하기 (for Windows 1..
