HTML CSS JavaScript
Permalink
Failed to load latest commit information.
languages Add translations Feb 5, 2017
layout Add translations Feb 5, 2017
source/css Fix code blocks scrollbars issue Feb 14, 2017
template Import HTML template Jan 27, 2017
.gitignore Initial commit Jan 27, 2017
LICENSE Initial commit Jan 27, 2017
README.md Fix Readme Feb 5, 2017
_config.yml Add Readme Feb 5, 2017

README.md

Welcome to Anodyne

Screenshot

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

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

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