#ThisIsATag #Intro #Welcome #Anodyne

Welcome to Anodyne

This theme was designed and coded by myself for my own blog @ http://www.codeblocq.com/. It is clean and bright, hopefully you will like it to !

It only has a dependency on tachyons and Font Awesome which makes it really fast and lightweight. No jQuery, no other JS libraries.

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:

1
 
$ 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:

1
2
3
4
 
# 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:

1
2
3
4
5
 
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.

The menu is configured in the theme’s _config.yml. 

1
2
3
4
5
 
# 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

1
2
 
# 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. 

1
2
 
# 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. 

1
 
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. 

1
 
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 

1
2
3
4
 
# 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 

1
2
 
# Archive Date Format
archive_date_format: MMM YYYY

Disqus Comments

The disqus shortname is specified in the theme’s _config.yml. 

1
2
3
4
 
# Comments.
comments:
  # Disqus comments
  disqus_shortname: yournametest

Google Analytics

The Google Analytics Tracking ID is configured in the theme’s _config.yml. 

1
2
 
# 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:

1
2
3
4
5
6
7
8
9
10
 
# 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 :)

#ThisIsATag #Intro #Welcome #Anodyne