All Projects → klugjo → Hexo Theme Anodyne

klugjo / Hexo Theme Anodyne

Licence: mit
🌋 Original Bright Theme for Hexo

Projects that are alternatives of or similar to Hexo Theme Anodyne

TechFusionFM
Static site for tech podcast built using Hexo.io with deployment script, XML escaper and iTunes rank tracking Telegram bot.
Stars: ✭ 20 (-85.71%)
Mutual labels:  static-site-generator, hexo
picidaejs
🐦Picidae is a document generator which has gentle experience.
Stars: ✭ 24 (-82.86%)
Mutual labels:  static-site-generator, hexo
Vanilla Back To Top
Simple and smooth Back To Top button
Stars: ✭ 179 (+27.86%)
Mutual labels:  static-site-generator, hexo
Meilidu Hexo
MeiliDu, beatuiful reading theme for Hexo.
Stars: ✭ 78 (-44.29%)
Mutual labels:  static-site-generator, hexo
Hexo
A fast, simple & powerful blog framework, powered by Node.js.
Stars: ✭ 33,885 (+24103.57%)
Mutual labels:  static-site-generator, hexo
Easy Hexo
🤘 Build your own website with Hexo, the easy way. | 轻松使用 Hexo 建站。
Stars: ✭ 314 (+124.29%)
Mutual labels:  static-site-generator, hexo
Post Scheduler
Schedule posts & content updates for static websites (Jekyll, Hugo, Gatsby, Phenomic etc)
Stars: ✭ 184 (+31.43%)
Mutual labels:  static-site-generator, hexo
Hexo Theme Clean Blog
Hexo implementation of Clean Blog http://blackrockdigital.github.io/startbootstrap-clean-blog/index.html
Stars: ✭ 362 (+158.57%)
Mutual labels:  static-site-generator, hexo
Awesome Docs With Static Site Generators
Pointers to all templates and implementations based on static site generators
Stars: ✭ 44 (-68.57%)
Mutual labels:  static-site-generator, hexo
Hexo Generator Amp
AMP ⚡ HTML (Accelerated Mobile Pages) generator for Hexo.
Stars: ✭ 129 (-7.86%)
Mutual labels:  static-site-generator, hexo
Fe Blog Repository
♻️ 🚀我的前端学习笔记仓库✨
Stars: ✭ 133 (-5%)
Mutual labels:  hexo
Booklit
a pretty lit content authoring system
Stars: ✭ 133 (-5%)
Mutual labels:  static-site-generator
Next Js Blog Boilerplate
🚀 Nextjs Blog Boilerplate is starter code for your blog based on Next framework. ⚡️ Made with Nextjs, TypeScript, ESLint, Prettier, PostCSS, Tailwind CSS.
Stars: ✭ 134 (-4.29%)
Mutual labels:  static-site-generator
Eleventy Starter Boilerplate
🚀 Eleventy Starter is production-ready with SEO-friendly for quickly starting a blog. ⚡ Built with Eleventy, ESLint, Prettier, Webpack, PostCSS, Tailwind CSS and Netlify CMS (optional).
Stars: ✭ 139 (-0.71%)
Mutual labels:  static-site-generator
Hexo Theme Zhaoo
🐳 A simple theme for Hexo
Stars: ✭ 131 (-6.43%)
Mutual labels:  hexo
Glup
Some of the gulp tutorial -《gulp笔记》
Stars: ✭ 136 (-2.86%)
Mutual labels:  clean
Hugo Theme Next
This is a hugo theme forked from hexo-theme-next
Stars: ✭ 132 (-5.71%)
Mutual labels:  hexo
Remarker
▶️ Remark cli
Stars: ✭ 132 (-5.71%)
Mutual labels:  static-site-generator
Hexo Theme Casper
New casper theme ported to hexo.
Stars: ✭ 132 (-5.71%)
Mutual labels:  hexo
X0
Document & develop React components without breaking a sweat
Stars: ✭ 1,706 (+1118.57%)
Mutual labels:  static-site-generator

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

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].