Welcome to Anodyne

Features Overview

Responsive
Disqus comments
Google Analytics
Tags Support
Responsive Images
Responsive YouTube and Vimeo videos
Social Accounts configuration
Pagination
Pages
Categories Support (widget)
About widget
Recent posts widget
Stylus CSS preprocessor
ejs HTML templates

Note: No Image Gallery. Useless and too heavyweight. Feel free to develop one and send me a PR if you feel like this is a must.

External libraries used

Installation

Install the theme

Install the theme by using:

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

Then update your blog's main _config.yml to set the theme to anodyne:

i.e:

# Extensions
## Plugins: http://hexo.io/plugins/
## Themes: http://hexo.io/themes/
theme: anodyne

Post Configuration

Each post supports the standard title, date, categories, tags.

Post Icon

On top of that, you can specify a custom font-Awesome icon in the front matter:

Example:

title: Welcome to Anodyne
tags: ["ThisIsATag", "Intro", "Welcome", "Anodyne"]
categories: ["Configuration", "Hexo"]
icon: fa-handshake-o
---

Theme Configuration

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

Blog's Logo Image Source

The blog's logo is configured in the theme's _config.yml.

It should be an image or svg

# Logo
logo_image_source: /assets/anodyne.svg

Footer About Section Text

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

# Footer about
footer_about: "@Untitled. All right reserved"

Default post title

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

default_post_title: Untitled

Default post icon

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

default_post_icon: fa-file-text-o

Home page configuration

Likewise, you can configure the home page's title, subtitle and icon in the _config.yml

# Index Page
index_banner_text: Welcome to Anodyne
index_banner_text_secondary: Create Websites. Make Magic.
index_font_awesome_icon_css: fa fa-magic

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: yournametest

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 as an array of objects. Links are in the footer.

Example:

# Social Accounts
social_platforms:
  - url: https://twitter.com/?lang=en
    fa_icon: fa-twitter
  - url: https://www.facebook.com/
    fa_icon: fa-facebook
  - url: https://dribbble.com/
    fa_icon: fa-dribbble 
  - url: https://github.com/klugjo/hexo-theme-anodyne
    fa_icon: fa-github

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
  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 Categories to the menu in the theme _config.yml:

# Header
menu:
  Home: /
  Archives: /archives
  Categories: /categories

Creator

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

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

Enjoy :)

klugjo / hexo-theme-anodyne