🌠 Original Futuristic Hexo Theme
HTML CSS JavaScript
Switch branches/tags
Nothing to show
Clone or download
klugjo Merge pull request #27 from DreadBoy/patch-1
Use post's icon from front matter if available
Latest commit ac4d24a Nov 22, 2017

README.md

Alpha Dust Hexo Blog Theme

Check out the demo.

This theme was developed from scratch by myself just for fun. It is a glowy futuristic theme, hope you will find a use for it :)

Features Overview

  • Responsive
  • Disqus comments
  • Google Analytics
  • Tags Support
  • Responsive Images
  • Responsive YouTube and Vimeo videos
  • Image Gallery
  • Social Accounts configuration
  • Pagination
  • Pages
  • Only one category per post
  • Stylus CSS preprocessor
  • ejs HTML templates

External libraries used

Installation

Install the theme

Install the theme by using:

$ git clone https://github.com/klugjo/hexo-theme-alpha-dust themes/alpha-dust

Then update your blog's main _config.yml to set the theme to alpha-dust:

i.e:

# Extensions
## Plugins: http://hexo.io/plugins/
## Themes: http://hexo.io/themes/
theme: alpha-dust

Theme Configuration

The theme's global configuration is done in /themes/hexo-theme-alpha-dust/_config.yml.

Menu

The menu is configured in the theme's _config.yml.

# Header
menu:
  Home: /
  Archives: /archives
  About: /about.html

The object key is the label and the value is the path.

Blog's Logo Image Source

The blog's logo (above the title) is configured in the theme's _config.yml.

The value should be a valid Font Awesome class

# Logo (Font Awesome Class)
fa_logo: fa-cube

Page's and post's logo is configured in front matter and overrides blog's logo if defined.

---
title: Post's title
logoIcon: fa-pencil-square
---

Footer About Section Text

The About section's text in the footer is configured in the theme's _config.yml. HTML allowed.

# Footer About Text
footer_about: "Make Websites. Make Magic."

Footer Copyright Section Text

The Copyright section's text in the footer is configured in the theme's _config.yml. HTML allowed.

#Footer Copyright Line
footer_copyright: "@Untitled. All right reserved | Design & Hexo <a href=\"http://www.codeblocq.com/\">Jonathan Klughertz</a>"

Default post title

The default post title (used when no title is specified) is configured in the theme's _config.yml.

# Default post title
default_post_title: Untitled

Archive Date Format

You can change the date format for the archive page if you so desire

# Archive Date Format
archive_date_format: MMM YYYY

Disqus Comments

The disqus shortname is specified in the theme's _config.yml.

# Comments.
comments:
  # Disqus comments
  disqus_shortname: klugjotest

Google Analytics

The Google Analytics Tracking ID is configured in the theme's _config.yml.

# Google Analytics Tracking ID
google_analytics:

Social Account

Setup the links to your social pages in the theme's _config.yml. Links are in the footer. No link = No icon.

# Social Accounts
twitter_url: https://twitter.com/?lang=en
facebook_url: https://www.facebook.com/
instagram_url: https://www.instagram.com/
dribble_url: https://dribbble.com/
github_url: https://github.com/klugjo/hexo-theme-alpha-dust
googleplus_url: https://plus.google.com/
behance_url: https://www.behance.net/
fivehundredpx_url: https://500px.com/
email_url: \#
rss_url: \#

Tags page.

Follow these steps to add a tags page that contains all the tags in your site.

  • Create a page named tags
$ hexo new page "tags"
  • Edit the newly created page and set page type to tags in the front matter.
title: All tags
type: "tags"
  • Add tags to the menu in the theme _config.yml:
# Header
menu:
  Home: /
  Archives: /archives
  About: /about.html
  Tags: /tags

Categories page.

Follow these steps to add a categories page that contains all the categories in your site.

  • Create a page named categories
$ hexo new page "categories"
  • Edit the newly created page and set page type to categories in the front matter.
title: All tags
type: "categories"
  • Add tags to the menu in the theme _config.yml:
# Header
menu:
  Home: /
  Archives: /archives
  About: /about.html
  Categories: /categories

Creator

This theme was created by Jonathan Klughertz, check out my github and blog for more info.

Bugs

If you have a question, feature request or a bug you need me to fix, please click here to file an issue.

License

MIT