/ guide  

Hexo-Theme-Casper

A new Ghost’s Casper theme port to Hexo.

This is a simple and beautiful hexo theme.

When I was searching beautiful hexo themes, I saw the old version of Casper port to Hexo, but the latest not. So I decided that I would port it.

Features

  • Posts cover image
  • Posts feature image
  • Customized navigation menu
  • Customized favicon, logo, header image, author image
  • Social links ( now support FB, TT )
  • 3 widgets ( I think no need more )
  • Tag, Category, TOC
  • Pagination
  • Syntax Highlighting ( use highlight.js github style )
  • Responsive Web Design

Installation

Install

1
git clone https://github.com/xzhih/hexo-theme-casper.git themes/hexo-casper

Enable

Modify theme in _config.yml to hexo-casper .

Update

You’d better backup old file first.

1
2
cd themes/casper 
git pull

Configuration

Edit themes/hexo-casper/_config.yml and set up what you want to show

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
# config
rss:            # link
favicon:        # link
blog_logo:      # link
header_image: //demo.ghost.io/content/images/2017/07/blog-cover.jpg 

# menu
menu:
  About: /about
  Archives: /archives
  # you can add here

# author
author_image:   # link

# Social Links
social:
  facebook: https://www.facebook.com
  twitter: https://www.twitter.com
  # You only can use that I have added, I will keep adding

# widget
widgets:
  recent_posts: true
  category: true
  tagcloud: true
  # This is a simple theme, I think 3 is enough.

# gallery
# https://github.com/sachinchoolur/lightgallery.js
lightgallery: true