Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/klugjo/hexo-theme-alpha-dust

🌠 Original Futuristic Hexo Theme
https://github.com/klugjo/hexo-theme-alpha-dust

Last synced: about 2 months ago
JSON representation

🌠 Original Futuristic Hexo Theme

Awesome Lists containing this project

README 

        
# Alpha Dust Hexo Blog Theme



forked 200821

#### removed google plus link

#### add telegram link

(updated font-awesome 4.7.0)

config.yml modified

---



![](http://www.codeblocq.com/img/hexo-theme-thumbnail/AlphaDust.jpg)



[Check out the demo](http://www.codeblocq.com/assets/projects/hexo-theme-alpha-dust/).



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



- [Bootstrap 4 Alpha](http://v4-alpha.getbootstrap.com/) 

- [FeatherLight.js](http://noelboss.github.io/featherlight/) (Gallery)

- [jQuery](https://jquery.com/)

- [GSAP](http://greensock.com/gsap)

- [Font Awesome](http://fontawesome.io/icons/)



## 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](http://fontawesome.io/icons/)



```

# 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 Jonathan Klughertz"

```



### 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](https://github.com/klugjo) and [blog](http://www.codeblocq.com/) for more info.



## Bugs



If you have a question, feature request or a bug you need me to fix, please [click here](https://github.com/klugjo/hexo-theme-phantom/issues/new) to file an issue.



## License



MIT