• Stars
    star
    150
  • Rank 247,323 (Top 5 %)
  • Language
    HTML
  • License
    MIT License
  • Created almost 8 years ago
  • Updated over 5 years ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

🌋 Original Bright Theme for Hexo

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

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

More Repositories

1

hexo-theme-clean-blog

Hexo implementation of Clean Blog http://blackrockdigital.github.io/startbootstrap-clean-blog/index.html
HTML
396
star
2

hexo-theme-alpha-dust

🌠 Original Futuristic Hexo Theme
HTML
310
star
3

hexo-theme-phantom

Hexo implementation of Phantom (http://html5up.net/phantom)
CSS
241
star
4

hexo-theme-magnetic

Adaptation of http://pixelhint.com/magnetic-free-html5-responsive-photography-website-template/ for hexo
CSS
181
star
5

klug-saver

Expense Tracker app written in React Native
TypeScript
27
star
6

hexo-autolinker

Automatic link generation in Hexo posts
JavaScript
25
star
7

electron-timer-app

Small Timer App
JavaScript
13
star
8

bootstrap-blog-hexo

Adaptation of http://getbootstrap.com/examples/blog/ for hexo
CSS
9
star
9

a-star-react

A Star Path Finding in React
TypeScript
3
star
10

travis-node-test

Setup Travis CI with your Node project
JavaScript
3
star
11

klugjo.github.io

🌐 My blog @
HTML
3
star
12

hexo-compose

Desktop App to write Hexo Blogs
JavaScript
2
star
13

express-route-manager

Setup ExpressJS routes and controllers in a testable way
JavaScript
2
star
14

algos

Training
2
star
15

react-wpm

React WPM game
TypeScript
2
star
16

klugjo-blog-code

Test projects blog related
JavaScript
2
star
17

hexo-theme-bug-feast

Visual Hexo Theme
2
star
18

klug-saver-web

Netlify site for klugsaver.com
CSS
2
star
19

elm-weather-app

2
star
20

chalkdown

WIP
TypeScript
2
star
21

cucayo

Meal Planner App
JavaScript
2
star
22

zelda-theme-javascript-midi

Javascript sheet music for the Zelda's main theme
JavaScript
2
star
23

lerna-typescript-react-storybook-jest

Setup Example
JavaScript
1
star
24

klugjo

1
star
25

simon-game-react-flux

React + Flux Implementation of the Simon game
JavaScript
1
star
26

full-stack-redux-tuto

My take on the amazing tut at http://teropa.info/blog/2015/09/10/full-stack-redux-tutorial.html
JavaScript
1
star
27

vk-jonathan-klughertz

Duplicate Content Check
JavaScript
1
star
28

l33t

l33t training
TypeScript
1
star
29

dotfiles

Vim Script
1
star
30

ui-challenge

UI Challenge as a front end developer
CSS
1
star
31

wenzai

TypeScript
1
star
32

route-manager-test-app

Test app that uses the express route manager
JavaScript
1
star