• Stars
    star
    310
  • Rank 134,926 (Top 3 %)
  • Language
    HTML
  • License
    MIT License
  • Created over 8 years ago
  • Updated over 4 years ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

🌠 Original Futuristic Hexo Theme

Alpha Dust Hexo Blog Theme

forked 200821

removed google plus link

add telegram link

(updated font-awesome 4.7.0) config.yml modified

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

More Repositories

1

hexo-theme-clean-blog

Hexo implementation of Clean Blog http://blackrockdigital.github.io/startbootstrap-clean-blog/index.html
HTML
396
star
2

hexo-theme-phantom

Hexo implementation of Phantom (http://html5up.net/phantom)
CSS
241
star
3

hexo-theme-magnetic

Adaptation of http://pixelhint.com/magnetic-free-html5-responsive-photography-website-template/ for hexo
CSS
181
star
4

hexo-theme-anodyne

πŸŒ‹ Original Bright Theme for Hexo
HTML
150
star
5

klug-saver

Expense Tracker app written in React Native
TypeScript
27
star
6

hexo-autolinker

Automatic link generation in Hexo posts
JavaScript
25
star
7

electron-timer-app

Small Timer App
JavaScript
13
star
8

bootstrap-blog-hexo

Adaptation of http://getbootstrap.com/examples/blog/ for hexo
CSS
9
star
9

a-star-react

A Star Path Finding in React
TypeScript
3
star
10

travis-node-test

Setup Travis CI with your Node project
JavaScript
3
star
11

klugjo.github.io

🌐 My blog @
HTML
3
star
12

hexo-compose

Desktop App to write Hexo Blogs
JavaScript
2
star
13

express-route-manager

Setup ExpressJS routes and controllers in a testable way
JavaScript
2
star
14

algos

Training
2
star
15

react-wpm

React WPM game
TypeScript
2
star
16

klugjo-blog-code

Test projects blog related
JavaScript
2
star
17

hexo-theme-bug-feast

Visual Hexo Theme
2
star
18

klug-saver-web

Netlify site for klugsaver.com
CSS
2
star
19

elm-weather-app

2
star
20

chalkdown

WIP
TypeScript
2
star
21

cucayo

Meal Planner App
JavaScript
2
star
22

zelda-theme-javascript-midi

Javascript sheet music for the Zelda's main theme
JavaScript
2
star
23

lerna-typescript-react-storybook-jest

Setup Example
JavaScript
1
star
24

klugjo

1
star
25

simon-game-react-flux

React + Flux Implementation of the Simon game
JavaScript
1
star
26

full-stack-redux-tuto

My take on the amazing tut at http://teropa.info/blog/2015/09/10/full-stack-redux-tutorial.html
JavaScript
1
star
27

vk-jonathan-klughertz

Duplicate Content Check
JavaScript
1
star
28

l33t

l33t training
TypeScript
1
star
29

dotfiles

Vim Script
1
star
30

ui-challenge

UI Challenge as a front end developer
CSS
1
star
31

wenzai

TypeScript
1
star
32

route-manager-test-app

Test app that uses the express route manager
JavaScript
1
star