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

This design a very usefull for personal branding.

• Easy to customize.
• Blog Ready.
• Open Graph Metadata Ready.
• Responsive.

1.- Copy aircv in your theme folder

\themes
  \hexo-theme-aircv
  \landscape

Alternative add it as submodule with git:

$ cd themes
$ git submodule add https://github.com/molavec/hexo-theme-aircv.git

2.- Install theme dependencies your main hexo project.

$ yarn add -D 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.- Build and run server

$ hexo server

In _congif.yml

Post should be have his own asset folder

post_asset_folder: true

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/heco-theme-aircv/source/default_data.

Follow these steps:

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

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

2.- Modify every yaml file as your convenience.

3.- Be Happy and share!!

Set image text and image in source/_data/hero.yaml

title: "Miguel<br>Olave"
proposal_value: "Desarrollador &amp; UX Project Manager"
image: "img/hero.jpg"

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.

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

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'

1. select archive_dir in _config.yml

#_config.yml
archive_dir: blog

2. add menu to source/_data/menu.yaml

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

In _config.yml add settings for responsive images.

Note: It is used in this theme to generate Open Graph images.

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