블로그에 여러가지 테마들을 적용시켜 봤는데, 저는 Hueman 테마가 가장 무난하고 깔끔한거같아서 Hueman을 사용하고 있는데요.
이번 포스트에서는 Hueman을 기준으로 적용시키는법을 적어보겟습니다.
Go to your blog root folder, then use the following command to download the theme.
$ git clone https://github.com/ppoffice/hexo-theme-hueman.git themes/hueman
/blog_root_folder/_config.yml with your preferred text editor and change the following line.
/blog_root_foler/themes/ and rename
_config.yml then open it.
If you want to use search function (Insight search)) provided by hueman theme, you have to install
hexo-generator-json-content with npm.
$ npm install -S hexo-generator-json-content
You can customise your blog theme with the
You can add your own menu.
If you add categories in
front-matter when you write a post, hexo will automatically add your category into menu on the bar. front-matter is located on top of the md file when you create a new post. It includes title, date, and etc.
You can add a page abour yourself in
/about/index.html but there is no page available by default.If you try to access it with out creating one, you will face 404 page not found error.
You can modify url to your own logo image. Image url can be one from web, or you can save image into
/root_folder/source/images/ then access them by
You can modify the colour of your blog.
Highlight setting allow you to adjust colours of your code block. You can use default but you can choose one from
You can choose where your sidebar will located.
sidebar: left # options: left, right
If this option is true, your blog will have thumbnail for each post you make.
You can add customised thumbnail in front-matter part of your post. Otherwise hexo will add the first photo in the post automatically.
title: Hello World
date: 2013/7/13 20:46:25
Favicon is a little icon located right next to your URL. image type can be .ico or .png
In most of the cases, if your favicon is not appearing after you made changes to your favicon, this occurs due to stored cache in your browser.
Solutions can be
- Delete cache of your browser
- Use different browser
- Use incognito mode
I prefer incognito mode in chrome to see changes.
You can add/delete/modify sns links that you use. You can check the icon list in FontAwesome.
You can delete them if you don’t want them on your side menu.
You can add your own custom links at bottom of the
To use this function, you have to install
hexo-generator-json-content prior to activate this.
Also I prefer using Insight search, not sure about other two since they look like chinese search engines.
This theme provide multiple comment services but I use Disqus because others are chinese services. Signup with disqus and get shorname from them, then copt and paste to
Hueman also provide share option to share the post on sns.
- jiathis (Chinese)
- bdshare (Chinese)
share: addtoany # options: jiathis, bdshare, addtoany, default
They also provide plugin options such as Open Graph, Google analytics and etc.