Giter VIP home page Giter VIP logo

hexo-theme-hueman's Introduction

This theme is ported from AlxMedia's the WordPress theme Hueman.

If you like Hueman, don't forget to 'Star' the project and share it with your friends! :)

Hueman

Probably the most beautiful theme for Hexo. Preview

Special thanks to AlxMedia, who designed the original theme Hueman for wordpress.

Installation

Install

$ git clone https://github.com/ppoffice/hexo-theme-hueman.git themes/hueman

Hueman requires Hexo 3.0.0-rc.4 and above. Old version of Hueman can be found in branch-2.x.

Enable

Modify theme setting in _config.yml to hueman.

Update

cd themes/hueman
git pull

Configuration

# Header
menu:
  Home: /
  Categories:
  About: /about/index.html

# Content
fancybox: true

# Thumbnail
thumbnail: true

# Scroll Loading
scrollLoading: true

# Sidebar
social_links:
  twitter:
  facebook:
  google_plus:
  weibo:
  rss:
widgets:
- recent_posts
- category
- archive
- tag
- tagcloud
- links

# Links
links:
  Hexo: http://hexo.io

# Miscellaneous
google_analytics:
favicon: /favicon.png
  • menu - Navigation menu. Add 'Categories' to display categories on the menu, the maximum depth of categories menus is 2 (You don't have to set the value of 'Categories').
  • fancybox - Enable Fancybox.
  • thumbnail - Enable thumbnail images in index pages (Home, Category, Archive, Tag).
  • social_links - Your social network links, RSS link, etc.
  • widgets - Widgets displayed in sidebar.
  • links - Links displayed in the link widget.
  • google_analytics - Google Analytics ID.
  • favicon - Favicon path.

To change the logo icon in the header and footer, add the following to _config.yml:

# Logo url and optional width, height. Remove to use default.
logo:
  url: http://www.your-site.com/logo.gif
  width: 300px
  height: 50px

Languages

English and Simplified Chinese are the default languages of the theme. You can add translations in the languages folder and change the default language in blog's _config.yml.

language: zh-CN

Swiftype

You can now enable Swiftype by editing blog's _config.yml.

swiftype_install_key: XXX_XXXXXXXXXXXXXXXX

This install key can be found at your own engine's install page:

Finally, don't forget to save your swiftype configuration to complete the installation.

Features

Responsive Layout

Hueman knows on what screen size you are browsering the website, and reorganize the layout to fit your device.

Categories inside Main Menu

Hueman inserts your blog categories into main menu in the header section. You can enable/disable this feature in menu setting.

Thumbnail

Hueman finds the first image in every post as the thumbnail for the post. If the post does not contain a image link, Hueman uses the default thumbnail image. You can enable/disable this feature in thumbnail setting.

Scroll Loading

Scroll loading means you don't have to load all the images the second you opened the blog. When you scroll down, the plugin make images inside your vision loaded automatically. You can enable/disable this feature in scrollLoading setting.

Fancybox

Hueman uses Fancybox to showcase your photos. You can use Markdown syntax or fancybox tag plugin to add your photos.

![img caption](img url)

Sidebar

Hueman provides 6 built-in widgets:

  • recent_posts
  • category
  • archives
  • tag
  • tagcloud
  • links

All of them are enabled by default. You can edit them in widget setting.

Development

Requirements

Grunt tasks

hexo-theme-hueman's People

Contributors

ppoffice avatar primaryobjects avatar jalonwong avatar lsmoura avatar luthfianto avatar victornalves avatar weijundeng avatar y1chi avatar eaufavor avatar eephyne avatar

Watchers

 avatar James Cloos avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.