This is a Hexo theme which migrates from the React template.
Hexo Theme React
React theme migrated from https://github.com/pimmey/react-docs, the purchase link: https://themeforest.net/item/react-material-design-multipurpose-template/14918846
The theme is designed for Hexo, please make sure have the Hexo installed (https://hexo.io).
Installation:
Prerequisites:
npm i -S hexo-renderer-jade
npm i -S hexo-renderer-sass
Go to the hexo site folder, and clone this repo:
git clone git@bitbucket.org:l3z/hexo-theme-react.git themes/react
Then modify the site _config.yml to change the theme:
theme: react
Clean the database and regenerate the site:
hexo clean && hexo g
Usage
Limitation
Currently only support the latest 5 projects and posts. To support blog/project list, may need to implement new layout files.
Scaffolds
Sample scaffolds are in _scaffolds folder.
Themes
The original React theme provides several themes, we inherit them. The theme could be configured in the theme _config.yml. The followings are availiable themes (preview):
* combustion-purple
* combustion-yellow
* fuzzy-hue
* fuzzy-saturation
* ring-blue
* ring-green
* tunnel
* waves-deep-purple
* waves-light-blue
Blog
To publish posts into the blog section on the home page, the layout in front matters should set to post.
layout: post
Blog Author
If author is not set in the front matters, then author in config file will be used.
Project
To publish a proejct into the projects section on the home page, the layout in front matters should set to project.
layout: project
Featured Image
Set the image path in the front matters as:
featured: /img/featured_image.jpg
Then put the featured_image.jpg under the source/img folder.
Background Image
Set the background image for modal popup. Set the image path in the front matters as:
background: /img/background_image.jpg
Then put the background_image.jpg under the source/img folder.