weecliz / hexo-theme-aircv

Aircv Hexo Theme

This is Hexo Theme with a beautiful style design by KeenThemes.

Is very usefull for personal branding.

Install

1.- Copy aircv in your theme folder

\themes
  \aircv
  \landscape

2.- Install theme dependencies.

$ yarn add hexo-renderer-scss hexo-filter-responsive-images imageinfo js-yaml

3.- Config theme in _config.yml

# Extensions
## Plugins: https://hexo.io/plugins/
## Themes: https://hexo.io/themes/
theme: hexo-theme-aircv

4.- Run server and customize content (see below)

$ hexo server

Customize your new site

It is a "one page" landing with well defined section.

You can configure content of your page adding yaml files for every section in your /source/_data following yaml example files in themes/aircv/source/default_data.

Follow these steps:

1.- Copy default_data yaml files to source\_data.

$ for file in themes/aircv/source/default_data/*.yaml; do cp "$file" source/_data ;done

2.- Modify every Yaml file as your convenience.

3.- Be Happy and share!!

Tips to configure

Cover hero image

As this template use parallax.js just use data-position attribute in _partial/home/hero/index.ejs to ajust hero image for responsive or use _promo-block.scss.

Example:

<div class="promo-block parallax-window"
      data-parallax="scroll"
      data-image-src="<%= hero.image %>"
      data-position="-150px center">

Set up favicon

Configure favicon is easy. Add favicon path in _config.yml.

It is possible just add favicon or add directory generated by favicon-generator.org

Example

favicon: ''
favicon_all: '/img/molavec-ico'

how to add post list (archives) to menu

1. select archive_dir in _config.yml
2. add menú to source/_data/menu.yaml

#_config.yml
archive_dir: blog

#source/_data/menu.yaml
- text: Blog
  href: "/blog"

Configure responsive images

In _config.yml add settings for responsive images.

responsive_images:
  priority: 1
  pattern: '**/*.+(png|jpg|jpeg)'
  sizes:
    small:
      width: 200
    thumb:
      width: 400
    medium:
      width: 800