깃허브 페이지에 개인 도메인 등록 과정을 설명하기 위해 작성되었습니다. 이미 깃허브 페이지를 이용한 사이트 또는 블로그가 구성되어 있다면 앞부분들은 생략하고 깃허브 페이지 커스텀 도메인 등록 부분만 살펴보시면 되겠습니다. 깃허브(Github)에 가입하고 간단한 index.html 파일을 업로드해 깃허브 페이지를 만들고 Custom Domain(개인 도메인)을 등록하는 과정입니다. 깃허브 가입하기 우선 깃허브(Github) 가입부터 하도록 하겠습니다. 깃허브 첫 페이지로 접속하면 가입 양식이 보입니다. User name에 영문으로 사용자 명을 입력합니다. 여기서 입력한 이름이 차후 깃허브 페이지에서 사용될 주소가 됩니다. 예) 사용자명. github.io 회신받을 수 있는 이메일을 입력합니다. 비밀번호를 ..
어제 워드프레스를 설치하고 이것저것 만져보면서 익히고 있는데 막상 테마를 설치하려고 하니 마음에 드는 테마가 없습니다. 설치 시 기본으로 설치된 Twenty Twenty-One 테마는 가볍기는 하지만 좀 투박해 보입니다. 내가 원하는 테마는 아주 간단하면서 심플한 전형적인 블로그 스타일인데 대부분 굉장히 화려한 기업용이거나 쇼핑 관련 테마가 많은 것 같습니다. 워드프레스 공식 홈페이지에 등록된 테마가 8,351개라고 하는데 오늘 하루 종일 마음에 드는 테마를 찾아 헤매었지만 못 찾았습니다. 워드프레스는 테마도 많고 플러그인도 많아서 입맛에 맞게 선택할 수 있어 좋은데 너무 많으니 결정 장애가 옵니다. 내일 한번 더 찾아보고 없으면 GeneratePress가 그나마 제 취향하고 맞는 것 같아 설치해 보려고..
워드프레스에서 블로그를 운영하려고 오늘 설치를 했는데 robots.txt 파일이 없습니다. SEO에 최적화가 잘 되어있다는 워드프레스에 설마 robots 파일이 없다니 이상합니다. 물론 robots파일이 없어도 되지만 그래도 기본적으로 루트에 있어야 하는데 없습니다. 루트 폴더랑 테마 폴더에도 없고 주소 직접 입력해 보아도 404 에러 페이지만 나옵니다. 구글링을 해보니 원래 없는 것인지 아니면 있는데 내 파일이 잘못된 것인지 답을 찾을 수 없었고 직접 만들어서 서버에 올리든지 아니면 플러그인을 이용해서 만드는 방법만 있습니다. 티스토리에도 기본적으로 있는 robots.txt 파일이 그 대단한 워드프레스에 없다니 믿을 수가 없네요. 워드프레스 설치하면서 느끼는 점은 좋은데 정말 좋은데 모든 게 플러그인으..
구글 블로그를 개설하고 구글 블로그 주소가 아닌 개인 도메인(2차 도메인) 주소를 연결해 사용하는 방법입니다. 참고로 구글 블로그는 루트 도메인(non-www)을 사용할 수가 없고 www가 붙은 서브 도메인 또는 일반적인 서브 도메인만을 사용할 수 있습니다. 구글 블로그 타사 URL 설정 구글 블로그에 가입이 되어 있다고 가정하고 진행하겠습니다. 블로그 관리자 페이지 메뉴 중 설정 > 기본을 클릭합니다. 내 블로그에 타사 URL 설정을 클릭합니다. 주소 입력창에 자신의 도메인 주소를 입력합니다. 단, 루트 도메인은 등록할 수가 없고 서브도메인 또는 www. 이 있는 도메인만 등록 가능하다고 합니다. 입력을 했으면 저장 버튼을 클릭합니다. 각자 자신의 도메인 관리 업체로 이동해 DNS 설정을 합니다. DN..
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..
