Code Monkey home page Code Monkey logo

hexo-theme-anisina's Introduction

Anisina

A simple responsive , support qiniu image cdn theme for hexo, Ported Theme of Hux Blog and Kaijun Blog. [Anisina] (http://haojen.github.io/)

New

Anisina v1.02 (2016-06-02)

  • bug fix
  • adjust post title text shadow
  • change header img path , now you can use http://somepath.png,or use hexo default imgpath: img/demo.png
  • adjust post subtitle font size

Summary

General

  • Author : Haojen Ma
  • Version : 1.0.2
  • Compatibility : Hexo 3 or later

Features

  • Fully responsive
  • Support Qiniu images CDN
  • Custom wechat title images
  • Support Toc
  • Duoshuo
  • Disqus
  • Googe analytics
  • Baidu analytics
  • SEO

Install

  1. Init

     git clone https://github.com/Haojen/hexo-theme-Anisina.git
    

    then copy this folder into your Hexo theme folder

  2. Modify _config.ymlfile with your own info. look like this :

     themes: Anisina
    
  3. Or you can copy my theme Anisina _config.yml into you hexo blog directory , replace default _config.yml

  4. This all , hope you like :)

Quick Start

General

You can easily get stared by modifying config.yml

Site settings
title: Anisina Blog             # title of your website
SEOTitle: Anisina Blog          # check out docs for more detail
description: "Cool Blog"    

SNS settings      
github_username: haojen     # modify this account to yours
weibo_username: haojen      # the footer woule be auto-updated.

cdn-url: "http://your-cdn.com/"      # images cdn path

# Qiniu imageView2 API
clip-content: "?imageView2/1/w/1400/h/400/interlace/1/q/90"
clip-avatar: "?imageView2/2/w/300/h/300/interlace/1/q/90"
clip-post: "?" # you can custom post width and height
clip-home-post-bg: "?imageView2/1/w/800/h/300/interlace/1/q/70"

#post default images
post-default-img: post-default.jpg

cdn-url

Support qiniu images cdn or you custom others, before use this, you need set you own cdn images root path paste of here.

  1. set your cdn-url,in your own _config.yml , set cdn-url your own path

     cdn-url: http://you-cdn.com/
    
  2. update your images to cdn library

  3. in post front-matter set your images name

      wechat-share: icon-wechat.png
      #or
      header-img: some-images.png
    

in browser, img src or background-url will be look like http://you-cdn.com/icon-wechat.png or http://you-cdn.com/header-img, etc.

if you don't need cdn , the default path is hexo source/imgfolder.

clip-*

qiniu imageView2 API

if you wannat to use , you must be configuration cdn-url of qiniu. about qiniu imageView2 API more info please click here

Analytics

Google Analytics and Baidu Tongji simple config:

#Baidu Analytics**
ba_track_id: 4cc1f2d8f3067386cc5cdb626a202900

#Google Analytics
ga_track_id: 'UA-49627206-1'            # Format: UA-xxxxxx-xx
ga_domain: huangxuan.me

Just checkout the code offered by Google/Baidu, and copy paste here, all the rest is already done for you.

Comment

This theme support both Disqus and Duoshuo as the third party discussion system.

First, you need to sign up and get your own account. Repeat, DO NOT use mine! (I have set Trusted Domains) It is deathly simple to sign up and you will get the full power of management system. Please give it a try!

Second, you can easily complete your comment configuration by just adding your short name into _config.yml:

duoshuo_username: _your_duoshuo_short_name_
# OR
disqus_username: _your_disqus_short_name_

Furthermore, Duoshuo support Sharing. if you only wanna use Duoshuo comment without sharing, you can set duoshuo_share: false. You can use Duoshuo Sharing and Disqus Comments together also.

Featured Tags

featured-tags: true  
featured-condition-size: 1     # A tag will be featured if the size of 	it is more than this condition value

Mini About Me

# Sidebar settings
sidebar: true
sidebar-about-description: "your description here"
sidebar-avatar: avatar-hux.jpg     

Mini-About-Me module display all your SNS buttons also your avatar and the description if you set sidebar-avatar and sidebar-about-description which is very useful and common for a sidebar so it is default with your sidebar.

It is really nice-looking and well-designed. It would be hidden in a small screen seeing the sidebar would be push to bottom and there is already a footer including SNS feature which is similar.

Post

The front-matter of a post looks like that:

---
layout: post
title: "Hola 2016"
subtitle: "hi, I'm haojen ma"
date: 2016-05-26 06:00
author: "Haojen Ma"
header-img: "img/post-default.jpg"
wechat-share: "icon_wechat.jpg"
tags:
	- Movies
	- Life
---

Create a post

hexo new "your-post-name"

they will be create a new post in Hexo source/_posts folder

if your like chinese poetry , you can try poetry layout ,they will be cool

hexo new poetry 'your-poetry-name'

A poetry demo

poetry-demo

Header-img

post header images. if you don't have set ,this will use post default header images.

Custom wechat title images

wechat-share: "icon_wechat.jpg"

when your share post to wechat moments , this post images will show here, if you don't have set ,this will use post header images.

About

  • Give is a Star if you like , fork or jest clone to use , and also you can help me fix bugs and add new feature :)
  • if you have any problem or requirement , just open an issue here and i will help you.
  • thanks kaijun and hux.

License

Apache License Version 2.0

hexo-theme-anisina's People

Contributors

haojen avatar

Watchers

James Cloos 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.