Giter Club home page Giter Club logo

hexo-theme-chan's Introduction

hexo-theme-chan

A super simple and elegant theme for hexo. Chan is '禪' in Chinese, which means a lot but presents simply. Less is more. Preview

Screenshot

Desktop Screenshot

Mobile Screenshot

Usage

git clone https://github.com/denjones/hexo-theme-chan.git themes/chan

And set your theme to chan in your site _config.yml file.

Before deploying your site, you may need to run hexo clean to clean the cache:

hexo clean
hexo deploy

Browser

Only support the latest browsers. May work in the older ones but never tested.

Features

feature list:

  • grayscale style
  • responsive design
  • inline gallery photos
  • photoswipe gallery
  • creative commons 4.0 supports
  • customizable sidebar link
  • duoshuo, disqus, jiathis supports
  • languages: en, zh-CN, zh-TW

Monochrome

We use a grayscale style to present photos and articles in desktop view. If you don't like it, you can disable it in the theme _config.yml file.

FancyBox / PhotoSwipe

Many people use FancyBox in their hexo sites, but the FancyBox project is no longer maintained since 2013. In this theme we use PhotoSwipe instead of FancyBox, and keep FancyBox tag usable (Did some tricks to the FancyBox tag to use PhotoSwipe), so you don't have to modify your post :).

{% photoswipe /path/to/image [/path/to/thumbnail] [title] [width] [height] %}
{% fancybox /path/to/image [/path/to/thumbnail] [title] [width] [height] %}

To use PhotoSwipe with gallery post, you may also set the caption and the dimension of a photo in the front matter with a photoInfos property which is a list of info with the same order as the corresponding photo:

title: Gallery Post
date: 2013-12-25 00:16:18
photos:
- /assets/wallpaper-2572384.jpg
- /assets/wallpaper-2311325.jpg
- /assets/wallpaper-878514.jpg
photoInfos:
-
  caption: A Cat
  width: 1920
  height: 1200
-
  caption: A Girl
-
  caption: A City with Long Caption Like This

Creative Commons

We suggest using Creative Commons 4.0 International to protect your works. Once a cc front matter is set, a CC hint would be shown after the post:

Creative Commons

Take a look at the theme _config.yml for more details.

Language

Currently we support the following languages:

  • en
  • zh-CN
  • zh-TW

According to a default language selecting bug in hexo #1125, you should set an exact language in the site _config.yml file rather than leaving it blank, or there may be inconsistence in languages in the view.

Settings

All settings are well documented in the _config.yml file, please check it out.

hexo-theme-chan's People

Contributors

denjones avatar yang-h avatar

Watchers

 avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.