I just finished developing a new Hexo Theme: Magnetic. Check out the live demo.
Magnetic is an Hexo implementation of the free HTML5 Magnetic Template
Features Overview
- Disqus and Facebook comments
- Google Analytics
- Cover image for posts and pages
- Tags Support
- Responsive Images
- Image Gallery
- Social Accounts configuration
- Pagination
Not Supported
- Post Categories will not be displayed
- Posts and Pages Dates not displayed anywhere
External libraries used
- FeatherLight.js (Gallery)
- jQuery
Installation
$ git clone https://github.com/klugjo/hexo-theme-magnetic magnetic |
Then update your blog’s main _config.yml
to set the theme to magnetic
:
i.e:
# Extensions |
Theme Configuration
The theme’s global configuration is done in /themes/hexo-theme-magnetic/_config.yml
.
Menu
The menu is configured in the theme’s _config.yml
.
|
The object key is the label and the value is the path.
Default post title
The default post title (used when no title is specified) is configured in the theme’s _config.yml
.
|
Default index page cover image
You can specify a default thumbnail for posts on the index page (Home page). This image will be used if you forget to specify an image in the post’s front matter.
|
Default post page cover image
You can specify a default thumbnail for posts/pages on the post/page page (Detail Page). This image will be used if you forget to specify an image in the post’s front matter.
Default post cover index page
default_cover_detail: “http://placehold.it/1300x500"
Comments
The comments provider is specified in the theme’s _config.yml
. If you specify both a disqus_shortname
and a facebook.appid
there will be 2 sets of comment per post. So choose one.
# Comments. Choose one by filling up the information |
Google Analytics
The Google Analytics Tracking ID is configured in the theme’s _config.yml
.
|
Social Account
Setup the links to your social pages in the theme’s _config.yml
. Links are in the footer.
|
Post Custom Configuration
For each post, you can specify additional information in the front matter
Post’s Index Thumbnail
Use cover_index
to specify an image that will be used for that post on the Home page (also knows as index)
Example:
cover_index: /assets/work1.jpg |
Post’s Detail Thumbnail
Use cover_detail
to specify an image that will be used for that post on the Detail page for that post.
cover_detail: /assets/hero_image.jpg |
Creator
This theme was created by Pixel Hint and adapted for Hexo by Jonathan Klughertz.
Bugs
If you have a question, feature request or a bug you need me to fix, please click here to file an issue.
Hope you enjoy it, the theme should be easy enough to customize and modify to fit your needs. Checkout my tutorial on building Hexo themes if you need information on how themes are built.