Welcome to Anodyne

Live Demo Here

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

• tachyons
• Font Awesome

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.

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