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