Theme

Theme configurations consist of two parts: menu and customize:

Menu

Menus give you direct access to the archive, categories, custom pages, etc. You can create a menu simply by adding menu name and link address to the menu configuration section:

menu:
    Home: /hexo-theme-hueman/
    About: /hexo-theme-hueman/about/index.html
+   GitHub: https://github.com

You can use both absolute addresses and relative addresses.

Hueman provide an easy way to add categories to your menu. Just add Categories: and category menus with sub-category support will show in the menu.

menu:
    Home: /hexo-theme-hueman/
+   Categories:
    About: /hexo-theme-hueman/about/index.html

Customize

Customize configurations control the general appearance of your theme.

# Customize
customize:
    logo:
        width: 165
        height: 60
        url: images/logo-header.png
    theme_color: '#3b8dbd'
    highlight: androidstudio
    sidebar: left # sidebar position, options: left, right
    thumbnail: true # enable posts thumbnail, options: true, false
    favicon: # path to favicon
    social_links: # for more icons, please see http://fontawesome.io/icons/#brand
        twitter: /
        facebook: /
        google-plus: /
        github: https://github.com/ppoffice/hexo-theme-hueman
        weibo: /
        rss: /

Logo

You can replace the default logo with custom images. The width and height options define the size of the logo(in pixels), and url is the logo image file address.

Don't add units to width and height, these options only support pure numbers.

Theme Color

This option affects the link color and social links area background color. Hex color values and RGB color values are accepted.

Highlight

You can customize your code highlight styles in Hueman. Hueman supports more than 60 themes imported from Highlight.js. You can go to hueman/source/css/_highlight folder to see available options.

- highlight: androidstudio
+ highlight: tomorrow